mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
56 lines
2.8 KiB
Markdown
56 lines
2.8 KiB
Markdown
# Browser Support
|
|
Browser support and polyfills guide.
|
|
|
|
Browser compatibility and support depends on targeted browsers and 3rd party libraries. ADF is based on the following libraries and components:
|
|
|
|
- Angular 2 (all ADF components)
|
|
- Material Design Lite (all ADF components)
|
|
- Moment.js (many ADF components)
|
|
- PDF.js (`ng2-alfresco-viewer` component)
|
|
- Raphael.js (`ng2-alfresco-diagrams`, `ng2-alfresco-analytics`)
|
|
- Chart.js (`ng2-alfresco-analytics`)
|
|
- Material Design - Date and Time Picker (`ng2-activiti-form`, `ng2-alfresco-analytics`)
|
|
|
|
## Browser polyfills
|
|
|
|
### Angular 2
|
|
Please refer to the [official guide](https://angular.io/docs/ts/latest/guide/browser-support.html) for Angular 2 browser support.
|
|
|
|
ADF (demo shell) imports by default the following set of recommended polyfills:
|
|
|
|
- [core-js](https://www.npmjs.com/package/core-js) (ES6 standard support)
|
|
|
|
### 3rd party libraries
|
|
Please refer to the following list of [popular polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills) for HTML5 cross-browser compatibility.
|
|
|
|
ADF (demo shell) imports by default the following set of recommended polyfills:
|
|
|
|
- [intl](https://www.npmjs.com/package/intl), Polyfill the ECMA-402 Intl API (except collation), **IE**/**Safari**
|
|
- [dom4](https://github.com/WebReflection/dom4), A fully tested and covered polyfill for new DOM Level 4 entries, **IE**
|
|
- [element.scrollintoviewifneeded-polyfill](https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill), simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements, **IE**/**Firefox**/**Safari**, required only to support **Material Design - Date and Time Picker** component
|
|
- [pdfjs compatibility](https://www.npmjs.com/package/pdfjs-dist), Portable Document Format (PDF) library that is built with HTML5, **IE**
|
|
- (dialog-polyfill)[https://www.npmjs.com/package/dialog-polyfill], Polyfill for the dialog element, **IE**/**Safari**/**Firefox**
|
|
|
|
## Example
|
|
|
|
```html
|
|
|
|
<!-- Polyfill(s) for Safari (pre-10.x) -->
|
|
<script src="node_modules/intl/dist/Intl.min.js"></script>
|
|
<script src="node_modules/intl/locale-data/jsonp/en.js"></script>
|
|
|
|
<!-- Polyfill(s) for older browsers -->
|
|
<script src="node_modules/core-js/client/shim.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js"></script>
|
|
<script src="node_modules/element.scrollintoviewifneeded-polyfill/index.js"></script>
|
|
|
|
<!-- Polyfill(s) for pdf support -->
|
|
<script src="node_modules/pdfjs-dist/web/compatibility.js"></script>
|
|
|
|
<!-- Polyfill(s) for dialogs -->
|
|
<script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="node_modules/dialog-polyfill/dialog-polyfill.css" />
|
|
```
|
|
|
|
For a complete code please refer to [demo shell](demo-shell-ng2/index.html) example.
|