diff --git a/autoload.inc b/autoload.inc new file mode 100644 index 0000000..88222b4 --- /dev/null +++ b/autoload.inc @@ -0,0 +1,4 @@ + 'bootstrap', + 'inpath' => new \SYSTEM\PLIB('popper/'), + 'outpath' => new \SYSTEM\PLIB('popper/docu/'), + 'inpath_md' => new \SYSTEM\PLIB('popper/docu/structure.xml'), + 'outpath_md' => new \SYSTEM\PLIB('popper/wiki/'), + 'cachepath' => new \SYSTEM\PLIB('popper/docu/cache/'), + 'ignore' => array(), + 'sourcecode' => true, + 'parseprivate' => false, + 'title' => 'LIB - Popper.js'); + } +} \ No newline at end of file diff --git a/lib/.bithoundrc b/lib/.bithoundrc new file mode 100644 index 0000000..f58bfec --- /dev/null +++ b/lib/.bithoundrc @@ -0,0 +1,18 @@ +{ + "dependencies": { + "mute": [ + "jsdoc-to-markdown" + ] + }, + "critics": { + "lint": { "engine": "none" } + }, + "ignore": [ + "**/docs/**", + "packages/scripts/**", + "packages/test-utils/**" + ], + "test": [ + "**/tests/**" + ] +} diff --git a/lib/.codeclimate.yml b/lib/.codeclimate.yml new file mode 100644 index 0000000..28c695d --- /dev/null +++ b/lib/.codeclimate.yml @@ -0,0 +1,11 @@ +engines: + duplication: + enabled: false + eslint: + enabled: false + channel: eslint-3 + fixme: + enabled: true +ratings: + paths: + - "src/**/*.js" diff --git a/lib/.editorconfig b/lib/.editorconfig new file mode 100644 index 0000000..898e0c8 --- /dev/null +++ b/lib/.editorconfig @@ -0,0 +1,9 @@ +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +insert_final_newline = true +trim_trailing_whitespace = true + +[*.md] +trim_trailing_whitespace = false diff --git a/lib/.github/ISSUE_TEMPLATE.md b/lib/.github/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..22f2e54 --- /dev/null +++ b/lib/.github/ISSUE_TEMPLATE.md @@ -0,0 +1,36 @@ + + +### CodePen demo + + + +https://codepen.io/pen?template=wGqJEz + +### Steps to reproduce the problem + +1. +2. +3. + +### What is the expected behavior? + + + +### What went wrong? + + + +### Any other comments? + + diff --git a/lib/.github/PULL_REQUEST_TEMPLATE.md b/lib/.github/PULL_REQUEST_TEMPLATE.md new file mode 100644 index 0000000..cea1cd9 --- /dev/null +++ b/lib/.github/PULL_REQUEST_TEMPLATE.md @@ -0,0 +1,17 @@ + diff --git a/lib/.gitignore b/lib/.gitignore new file mode 100644 index 0000000..92d01f3 --- /dev/null +++ b/lib/.gitignore @@ -0,0 +1,24 @@ +# https://git-scm.com/docs/gitignore +# https://help.github.com/articles/ignoring-files +# Example .gitignore files: https://github.com/github/gitignore +node_modules +.DS_Store +.tmp +.chrome +*.log +.jekyll-metadata +dist +.idea/ +*.log +package-lock.json +coverage.info + +# When you switch branches, things can get messy +_site +.sass-cache + +# Exclude Nuget .nuspec because we generate it from package.json +# during the npm publish step, this to avoid duplication +#=============================================================== +package.nuspec +*.nupkg diff --git a/lib/.jsdoc b/lib/.jsdoc new file mode 100644 index 0000000..11144a5 --- /dev/null +++ b/lib/.jsdoc @@ -0,0 +1,19 @@ +{ + "tags": { + "allowUnknownTags": true + }, + "plugins": ["plugins/markdown"], + "templates": { + "cleverLinks": false, + "monospaceLinks": false + }, + "opts": { + "encoding": "utf8", + "destination": "./docs/", + "recurse": true, + "query": "value", + "private": true, + "lenient": true + + } +} diff --git a/lib/.travis.yml b/lib/.travis.yml new file mode 100644 index 0000000..4a43eb6 --- /dev/null +++ b/lib/.travis.yml @@ -0,0 +1,29 @@ +language: node_js +node_js: 8.1.1 +before_install: + - curl -o- -L https://yarnpkg.com/install.sh | bash + - export PATH="$HOME/.yarn/bin:$PATH" +script: + - bundlesize-init + - COVERAGE=true BROWSERS=SLChrome,SLInternetExplorer10,SLFirefox,SLInternetExplorer11 travis_retry yarn test + - BROWSERS=SLEdge,SLSafari travis_retry yarn test # coverage leads to problems with these browsers + - yarn build # make sure build works fine +after_success: + - bundlesize + - yarn global add codeclimate-test-reporter lcov-result-merger + - lcov-result-merger "packages/**/.tmp/coverage/report-lcov/lcov.info" > coverage.info + - codeclimate-test-reporter < coverage.info +addons: + sauce_connect: + username: "popperjs" + code_climate: + repo_token: 5d692bc0fbeb0e2141bba54efdb6aa8f941b10c7f8c4ac95de781e706cf44de1 + jwt: + secure: "lRwBWS0UOdrcqmZupsMP7cCtrm1YOXxJMxu6qejzhLwasfvmtc6oSVUrEeaxBg2KTc8YM9l5faRPYSKcjy8fTfiCIT6SbB1/F/PFCim3KZc9QxEUNXuIkpPSLOxzNN+tYQdZJobkar8dLonqpn1jrsoLMz2wyFp5ze03hdhqa3/Itt6r3LAQMNaIdXzbgwZY7CIQ5BZWqopFWjRRzBCYXWev5Su695+AFEGt7G32d8m9z66383aZ0xFF6f9nsgu17LY+2Fw+0G7ts3MG+bcN7RtEhiWax5q4kM+8ud7Q9qs/bmdz8eQ3uXVKcOeddNat5S4QATiDB/fayo54rYWfPLNOkZkIS9JiWDN3Z0psJzROyaKgwmdBrDgOmEcaq8kcL8iWM9nRkNjrHdVyooob5J70oHHkB/Swz0vVowK4Q1hXxcFiwC8w43baOotMIFMcixHtFNsaEWg7J+CGIm852bVFPvFZCD+tw9UoP2BJcg/MpA/uvxvLL0U5wO5ZZjS9618U1Kn/DNCg+4NC6vTNT9htny9KBAKn70JNFZrKcfHWgv8cnyhhS9sJKjuyvYz1IF8eQ4CHX9klG1N1JGwFKAfSToySIcBs1ra1m+jG9c3zdJwLc+sfPKnfvF5t4kTLRpM3oENsFR2oIBsV0Tu2npb5wUVZ+YWIBVgLMj0xNaI=" +cache: + yarn: true + directories: + - node_modules +branches: + only: + - master diff --git a/lib/CHANGELOG.md b/lib/CHANGELOG.md new file mode 100644 index 0000000..696da49 --- /dev/null +++ b/lib/CHANGELOG.md @@ -0,0 +1,5 @@ +# Changelog moved! + +You can find the releases history with the relative changes visiting the dedicated GitHub page: + +https://github.com/FezVrasta/popper.js/releases diff --git a/lib/CODE_OF_CONDUCT.md b/lib/CODE_OF_CONDUCT.md new file mode 100644 index 0000000..24114a3 --- /dev/null +++ b/lib/CODE_OF_CONDUCT.md @@ -0,0 +1,46 @@ +# Contributor Covenant Code of Conduct + +## Our Pledge + +In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. + +## Our Standards + +Examples of behavior that contributes to creating a positive environment include: + +* Using welcoming and inclusive language +* Being respectful of differing viewpoints and experiences +* Gracefully accepting constructive criticism +* Focusing on what is best for the community +* Showing empathy towards other community members + +Examples of unacceptable behavior by participants include: + +* The use of sexualized language or imagery and unwelcome sexual attention or advances +* Trolling, insulting/derogatory comments, and personal or political attacks +* Public or private harassment +* Publishing others' private information, such as a physical or electronic address, without explicit permission +* Other conduct which could reasonably be considered inappropriate in a professional setting + +## Our Responsibilities + +Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. + +Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. + +## Scope + +This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. + +## Enforcement + +Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at federico.zivolo@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. + +Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] + +[homepage]: http://contributor-covenant.org +[version]: http://contributor-covenant.org/version/1/4/ diff --git a/lib/CONTRIBUTING.md b/lib/CONTRIBUTING.md new file mode 100644 index 0000000..db87c3a --- /dev/null +++ b/lib/CONTRIBUTING.md @@ -0,0 +1,95 @@ +# Contributing to Popper.js + +## Report bugs + +If you find a bug, please, try to isolate the specific case and provide a fiddle on CodePen or JSFiddle to make it easy to reproduce the problem and help others finding a solution. +You can use [this CodePen](http://codepen.io/FezVrasta/pen/wGqJEz) which already includes Popper.js. + +If your issue is not about a bug, please make sure to consider posting on StackOverflow instead. + +Feature requests are welcome! + +## Setup + +Run `yarn` to install the needed dependencies. + +Note that `npm` is not supported because this projects makes use of the Yarn workspaces. + +## Developing + +The repository is a monorepo managed by [Lerna](https://github.com/lerna/lerna), this makes it +possible to manage multiple projects on the same repository. + +In our case, the main projects are `popper` and `tooltip`, which are the home of Popper.js and Tooltip.js +All our packages are stored in the `packages/` folder. + + +### Adopt an issue + +All the issues, if not assigned to someone, can be adopted by anyone. Just make sure to comment on +the issue to let know other users about your intention to work on it. +Also, remember to comment again in case you end up abandoning the issue. + +Each issue has a `DIFFICULTY: *` label to help you pick the one with the difficulty level adapt to you. +Additionally, check out the `PRIORITY: *` label to see which issues should take precedence over the others. +If possible, prefer issues with an higher priority, but if you want to adopt an issue with lower priority, +it's not a problem! + +Issues with `NEEDS: CI test` need a PR that integrates a test in the test suite to reproduce the bug, +this is very useful because it allows other developers to try to fix the bug having a feedback. + + +### Style conventions + +You don't have to worry about code style conventions, [prettier](https://github.com/prettier/prettier) +will automatically format your code once you commit your changes. + +### Test + +We strive to keep the code coverage as high as possible, but above all, we want to avoid +to introduce or reintroduce bugs in our code base. + +For this reason, every time a code change is made, we must make sure that a test is covering +the code we just changed. +If we fix a bug, we add a test to avoid that this bug pops up again in the future. + +To help us with this process, we have a karma + jasmine environment to test Popper.js and Tooltip.js + +The tests are located in the `tests/` folder of the two projects. (e.g. `packages/popper/tests/`) + + +```bash +# You can run all the repositories tests running +yarn test + +# or a single project's tests with +yarn test --scope=popper.js # or tooltip.js +``` + +If you want to run the tests in watch mode: + +```bash +# You can run all the repositories tests running +yarn test:dev + +# or a single project's tests with +yarn test:dev --scope=popper.js # or tooltip.js +``` + +Do you want to test your changes against all the supported browsers? Feel free to send a PR +and your changes will get automatically tested. + + +### Build + +To create a new release run: + +```bash +# to build both projects +yarn build + +# or to build a single project +yarn build --scope=popper.js # or tooltip.js +``` + +You can also build and watch for changes to automatically refresh the build using the `--watch` option. diff --git a/lib/LICENSE.md b/lib/LICENSE.md new file mode 100644 index 0000000..c0bd0cd --- /dev/null +++ b/lib/LICENSE.md @@ -0,0 +1,25 @@ +The MIT License (MIT) +===================== + +Copyright © 2016 Federico Zivolo and contributors + +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. diff --git a/lib/MENTIONS.md b/lib/MENTIONS.md new file mode 100644 index 0000000..9fa51b3 --- /dev/null +++ b/lib/MENTIONS.md @@ -0,0 +1,88 @@ +# Projects using Popper.js + +Popper.js aims to be a foundation block to build powerful libraries on top of it. + +In this page we try to collect a list of libraries built with it: + +# Integration in frameworks and view libraries + +You can easily use Popper.js inside your application written using one of the +most common frameworks or view libraries thank to the following projects. + +> We are looking for awesome libraries to integrate Popper.js into other + frameworks and libraries. +> Have you written an integration library for your favourite framework? Let us know! + +## React + +### [react-popper](https://github.com/souporserious/react-popper) + +React wrapper around Popper.js. (@FezVrasta approved! 👍) + +### [ak-layer](https://www.npmjs.com/package/ak-layer) + +React wrapper around Popper.js, maintained by [Atlassian](https://www.atlassian.com/). + +## Angular + +### [ngx-popper](https://github.com/MrFrankel/ngx-popper) + +Angular wrapper for Popper.js + +## AngularJS + +### [angular-popper](https://www.npmjs.com/package/angular-popper) + +This component is in alpha base, you can contribute to it! + +## Vue.js + +The Vue.js situation is particular, there are several UI frameworks that use +Popper.js internally, but only few "basic" components that let you use Popper.js with it. + +### [vue-popper-component](https://github.com/antongorodezkiy/vue-popper-component) + +Simple Vue.js component for Popper.js. + +### [vue-popperjs](https://github.com/RobinCK/vue-popper) + +VueJS 2.x popover component based [popper.js](https://popper.js.org/) + +### [vue-directive-tooltip](https://www.npmjs.com/package/vue-directive-tooltip) + +Vue.js tooltip directive (based on Popper.js) + +### [v-tooltip](https://github.com/Akryum/v-tooltip) + +Vue.js 2.x directive + +## Ember.js + +### [ember-popper](https://github.com/kybishop/ember-popper) + +An Ember-centric wrapper around Popper.js. + +## Preact and Inferno + +### [react-popper](https://github.com/souporserious/react-popper) + +It is developed for React but it works fine with both Preact and Inferno if +you alias `react` and `react-dom` to `preact-compat` or `inferno-compat`. + +# Other projects + +### [Tippy.js](https://atomiks.github.io/tippyjs/) + +A lightweight, pure JavaScript tooltip library. + + +----------- + +For an always updated list of projects using Popper.js, please visit: + +- [npmjs.com depended list](https://www.npmjs.com/browse/depended/popper.js) +- [NPM-Graph list](https://npm-graph.com/NpmPackage/popper.js) + +### Want to see your library or project in this page? + +Fork this repository, edit this page and send a Pull Request! diff --git a/lib/README.md b/lib/README.md new file mode 100644 index 0000000..0ec44b6 --- /dev/null +++ b/lib/README.md @@ -0,0 +1,226 @@ + + +

Popper.js

+ +

+ A library used to position poppers in web applications. +

+ +

+ Stable Release Size + Stable Release Size + bitHound Overall Score + Istanbul Code Coverage + Get support or discuss +
+ Build Status + SauceLabs Reports +

+ + + + + +## Wut? Poppers? + +A popper is an element on the screen which "pops out" from the natural flow of your application. +Common examples of poppers are tooltips, popovers and drop-downs. + + +## So, yet another tooltip library? + +Well, basically, **no**. +Popper.js is a **positioning engine**, its purpose is to calculate the position of an element +to make it possible to position it near a given reference element. + +The engine is completely modular and most of its features are implemented as **modifiers** +(similar to middlewares or plugins). +The whole code base is written in ES2015 and its features are automatically tested on real browsers thanks to [SauceLabs](https://saucelabs.com/) and [TravisCI](https://travis-ci.org/). + +Popper.js has zero dependencies. No jQuery, no LoDash, nothing. +It's used by big companies like [Twitter in Bootstrap v4](https://getbootstrap.com/), [Microsoft in WebClipper](https://github.com/OneNoteDev/WebClipper) and [Atlassian in AtlasKit](https://aui-cdn.atlassian.com/atlaskit/registry/). + +### Popper.js + +This is the engine, the library that computes and, optionally, applies the styles to +the poppers. + +Some of the key points are: + +- Position elements keeping them in their original DOM context (doesn't mess with your DOM!); +- Allows to export the computed informations to integrate with React and other view libraries; +- Supports Shadow DOM elements; +- Completely customizable thanks to the modifiers based structure; + +Visit our [project page](https://fezvrasta.github.io/popper.js) to see a lot of examples of what you can do with Popper.js! + +Find [the documentation here](docs/_includes/popper-documentation.md). + + +### Tooltip.js + +Since lots of users just need a simple way to integrate powerful tooltips in their projects, +we created **Tooltip.js**. +It's a small library that makes it easy to automatically create tooltips using as engine Popper.js. +Its API is almost identical to the famous tooltip system of Bootstrap, in this way it will be +easy to integrate it in your projects. +The tooltips generated by Tooltip.js are accessible thanks to the `aria` tags. + +Find [the documentation here](docs/_includes/tooltip-documentation.md). + + + + Sponsor + + + +## Installation +Popper.js is available on the following package managers and CDNs: + +| Source | | +|:-------|:---------------------------------------------------------------------------------| +| npm | `npm install popper.js --save` | +| yarn | `yarn add popper.js` | +| NuGet | `PM> Install-Package popper.js` | +| Bower | `bower install popper.js --save` | +| unpkg | [`https://unpkg.com/popper.js`](https://unpkg.com/popper.js) | +| cdnjs | [`https://cdnjs.com/libraries/popper.js`](https://cdnjs.com/libraries/popper.js) | + +Tooltip.js as well: + +| Source | | +|:-------|:---------------------------------------------------------------------------------| +| npm | `npm install tooltip.js --save` | +| yarn | `yarn add tooltip.js` | +| Bower* | `bower install tooltip.js=https://unpkg.com/tooltip.js --save` | +| unpkg | [`https://unpkg.com/tooltip.js`](https://unpkg.com/tooltip.js) | +| cdnjs | [`https://cdnjs.com/libraries/popper.js`](https://cdnjs.com/libraries/popper.js) | + +\*: Bower isn't officially supported, it can be used to install Tooltip.js only trough the unpkg.com CDN. This method has the limitation of not being able to define a specific version of the library. Bower and Popper.js suggests to use npm or Yarn for your projects. +For more info, [read the related issue](https://github.com/FezVrasta/popper.js/issues/390). + +### Dist targets + +Popper.js is currently shipped with 3 targets in mind: UMD, ESM and ESNext. +No idea what am I talking about? You are looking for UMD probably. + +- UMD - Universal Module Definition: AMD, RequireJS and globals; +- ESM - ES Modules: For webpack/Rollup or browser supporting the spec; +- ESNext: Available in `dist/`, can be used with webpack and `babel-preset-env`; + +Make sure to use the right one for your needs. If you want to import it with a ` diff --git a/lib/docs/_includes/example10t-code.html b/lib/docs/_includes/example10t-code.html new file mode 100644 index 0000000..34591a8 --- /dev/null +++ b/lib/docs/_includes/example10t-code.html @@ -0,0 +1,13 @@ +

+

+ The available placements are the same you are used to with Popper.js: +

+ +
+{% highlight javascript %} +new Tooltip(referenceElement, { + placement: 'top', // or bottom, left, right, and variations + title: "Top" +}); +{% endhighlight %} +
diff --git a/lib/docs/_includes/example10t.html b/lib/docs/_includes/example10t.html new file mode 100644 index 0000000..d0828b6 --- /dev/null +++ b/lib/docs/_includes/example10t.html @@ -0,0 +1,30 @@ +
+

It just works

+

Hover me to see 4 tooltips!

+
+ + diff --git a/lib/docs/_includes/example20-code.html b/lib/docs/_includes/example20-code.html new file mode 100644 index 0000000..56ed780 --- /dev/null +++ b/lib/docs/_includes/example20-code.html @@ -0,0 +1,18 @@ +

Custom flip behavior

+

+ Try dragging the reference element on the left side, its popper will move on its bottom edge. + Then, try to move the reference element on the bottom left corner, it will move on its top edge. +

+{% highlight javascript %} +var popper = new Popper(referenceElement, onLeftPopper, { + placement: 'left', + modifiers: { + flip: { + behavior: ['left', 'bottom', 'top'] + }, + preventOverflow: { + boundariesElement: container, + }, + }, +}); +{% endhighlight %} diff --git a/lib/docs/_includes/example20.html b/lib/docs/_includes/example20.html new file mode 100644 index 0000000..8d506aa --- /dev/null +++ b/lib/docs/_includes/example20.html @@ -0,0 +1,54 @@ +
+

Drag me

+

on the edges

+
+ +
+

Flipping popper

+

which never flips to right

+
+
+ + + + diff --git a/lib/docs/_includes/example20t-code.html b/lib/docs/_includes/example20t-code.html new file mode 100644 index 0000000..7b1923d --- /dev/null +++ b/lib/docs/_includes/example20t-code.html @@ -0,0 +1,14 @@ +

+

+ You can show, hide or toggle a tooltip programmatically: +

+ +
+{% highlight javascript %} +const instance = new Tooltip(referenceElement, { + title: "Hey there", + trigger: "click", +}); +instance.show(); +{% endhighlight %} +
diff --git a/lib/docs/_includes/example20t.html b/lib/docs/_includes/example20t.html new file mode 100644 index 0000000..ca7d507 --- /dev/null +++ b/lib/docs/_includes/example20t.html @@ -0,0 +1,18 @@ +
+

Manually triggered

+
+ + diff --git a/lib/docs/_includes/example30-code.html b/lib/docs/_includes/example30-code.html new file mode 100644 index 0000000..7b9c34d --- /dev/null +++ b/lib/docs/_includes/example30-code.html @@ -0,0 +1,10 @@ +

Popper on scrolling container

+

+ In this example we have a relative div which contains a div with overflow: scroll.
+ Inside it, there are our popper and reference elements. +

+{% highlight javascript %} +var popper = new Popper(referenceElement, onLeftPopper, { + placement: 'left', +}); +{% endhighlight %} diff --git a/lib/docs/_includes/example30.html b/lib/docs/_includes/example30.html new file mode 100644 index 0000000..5d73acf --- /dev/null +++ b/lib/docs/_includes/example30.html @@ -0,0 +1,44 @@ +
+
+
+
+

Scroll me

+

up and down

+
+ +
+

I follow it

+

staying between boundaries

+
+
+
+
+
+ + + + + diff --git a/lib/docs/_includes/example40-code.html b/lib/docs/_includes/example40-code.html new file mode 100644 index 0000000..90692ed --- /dev/null +++ b/lib/docs/_includes/example40-code.html @@ -0,0 +1,14 @@ +

Shifted poppers

+

+ Shift your poppers on start or end of its reference element side. +

+ +{% highlight javascript %} +var shiftStart = new Popper(referenceElement, shiftStartPopper, { + placement: 'left-start', +}); + +var shiftEnd = new Popper(referenceElement, shiftEndPopper, { + placement: 'bottom-end', +}); +{% endhighlight %} diff --git a/lib/docs/_includes/example40.html b/lib/docs/_includes/example40.html new file mode 100644 index 0000000..445c04b --- /dev/null +++ b/lib/docs/_includes/example40.html @@ -0,0 +1,38 @@ +
+

Reference

+
+ +
+

Shifted popper

+

on start

+
+
+ +
+

Shifted popper

+

on end

+
+
+ + + + diff --git a/lib/docs/_includes/example50-code.html b/lib/docs/_includes/example50-code.html new file mode 100644 index 0000000..2e5a59e --- /dev/null +++ b/lib/docs/_includes/example50-code.html @@ -0,0 +1,11 @@ +

Viewport boundaries

+

+ By default, poppers use as boundaries the page viewport.
+ Scroll the page to see the popper flip when hits the page viewport margins. +

+ +{% highlight javascript %} +var popper = new Popper(referenceElement, onBottomPopper, { + placement: 'bottom' +}); +{% endhighlight %} diff --git a/lib/docs/_includes/example50.html b/lib/docs/_includes/example50.html new file mode 100644 index 0000000..302ad99 --- /dev/null +++ b/lib/docs/_includes/example50.html @@ -0,0 +1,18 @@ +
+

Pop

+

on the bottom

+
+ +
+

Popper on bottom

+

Flips when hits viewport

+
+
+ + diff --git a/lib/docs/_includes/footer.html b/lib/docs/_includes/footer.html new file mode 100644 index 0000000..01e32c5 --- /dev/null +++ b/lib/docs/_includes/footer.html @@ -0,0 +1,27 @@ + + diff --git a/lib/docs/_includes/head.html b/lib/docs/_includes/head.html new file mode 100644 index 0000000..79a1e6f --- /dev/null +++ b/lib/docs/_includes/head.html @@ -0,0 +1,29 @@ + + + + {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %} + + + + + + + + + + + + + + + + + + + + + diff --git a/lib/docs/_includes/header.html b/lib/docs/_includes/header.html new file mode 100644 index 0000000..9a2c440 --- /dev/null +++ b/lib/docs/_includes/header.html @@ -0,0 +1,28 @@ + + diff --git a/lib/docs/_includes/popper-documentation.md b/lib/docs/_includes/popper-documentation.md new file mode 100644 index 0000000..9415d89 --- /dev/null +++ b/lib/docs/_includes/popper-documentation.md @@ -0,0 +1,1058 @@ +## Classes + +
+
Popper
+
+
+ +## Members + +
+
dataObject
+

The dataObject is an object containing all the informations used by Popper.js +this object get passed to modifiers and to the onCreate and onUpdate callbacks.

+
+
referenceObject
+

The referenceObject is an object that provides an interface compatible with Popper.js +and lets you use it as replacement of a real DOM node.
+You can use this method to position a popper relatively to a set of coordinates +in case you don't have a DOM node to use as reference.

+
new Popper(referenceObject, popperNode);
+

NB: This feature isn't supported in Internet Explorer 10

+
+
+ +## Objects + +
+
modifiers : object
+

Modifiers are plugins used to alter the behavior of your poppers.
+Popper.js uses a set of 9 modifiers to provide all the basic functionalities +needed by the library.

+

Usually you don't want to override the order, fn and onLoad props. +All the other properties are configurations that could be tweaked.

+
+
+ +## Functions + +
+
ModifierFn(data, options) ⇒ dataObject
+

Modifier function, each modifier can have a function of this type assigned +to its fn property.
+These functions will be called on each update, this means that you must +make sure they are performant enough to avoid performance bottlenecks.

+
+
+ +## Typedefs + +
+
onUpdate : function
+
+
onCreate : function
+
+
+ + + +## Popper +**Kind**: global class + +* [Popper](#Popper) + * [new Popper(reference, popper, options)](#new_Popper_new) + * [.Defaults](#Popper.Defaults) : Object + * [.placement](#Popper.Defaults.placement) + * [.eventsEnabled](#Popper.Defaults.eventsEnabled) + * [.removeOnDestroy](#Popper.Defaults.removeOnDestroy) + * [.modifiers](#Popper.Defaults.modifiers) + * [.onCreate()](#Popper.Defaults.onCreate) + * [.onUpdate()](#Popper.Defaults.onUpdate) + * [.placements](#Popper.placements) : enum + * [.update()](#Popper.update) + * [.destroy()](#Popper.destroy) + * [.enableEventListeners()](#Popper.enableEventListeners) + * [.disableEventListeners()](#Popper.disableEventListeners) + * [.scheduleUpdate()](#Popper.scheduleUpdate) + + + +### new Popper(reference, popper, options) +Create a new Popper.js instance + +**Returns**: Object - instance - The generated Popper.js instance + +| Param | Type | Description | +| --- | --- | --- | +| reference | HTMLElement \| [referenceObject](#referenceObject) | The reference element used to position the popper | +| popper | HTMLElement | The HTML element used as popper. | +| options | Object | Your custom options to override the ones defined in [Defaults](#defaults) | + + + +### Popper.Defaults : Object +Default options provided to Popper.js constructor.
+These can be overriden using the `options` argument of Popper.js.
+To override an option, simply pass as 3rd argument an object with the same +structure of this object, example: +``` +new Popper(ref, pop, { + modifiers: { + preventOverflow: { enabled: false } + } +}) +``` + +**Kind**: static property of [Popper](#Popper) + +* [.Defaults](#Popper.Defaults) : Object + * [.placement](#Popper.Defaults.placement) + * [.eventsEnabled](#Popper.Defaults.eventsEnabled) + * [.removeOnDestroy](#Popper.Defaults.removeOnDestroy) + * [.modifiers](#Popper.Defaults.modifiers) + * [.onCreate()](#Popper.Defaults.onCreate) + * [.onUpdate()](#Popper.Defaults.onUpdate) + + + +#### Defaults.placement +Popper's placement + +**Kind**: static property of [Defaults](#Popper.Defaults) +**Properties** + +| Name | Type | Default | +| --- | --- | --- | +| placement | [placements](#Popper.placements) | 'bottom' | + + + +#### Defaults.eventsEnabled +Whether events (resize, scroll) are initially enabled + +**Kind**: static property of [Defaults](#Popper.Defaults) +**Properties** + +| Name | Type | Default | +| --- | --- | --- | +| eventsEnabled | Boolean | true | + + + +#### Defaults.removeOnDestroy +Set to true if you want to automatically remove the popper when +you call the `destroy` method. + +**Kind**: static property of [Defaults](#Popper.Defaults) +**Properties** + +| Name | Type | Default | +| --- | --- | --- | +| removeOnDestroy | Boolean | false | + + + +#### Defaults.modifiers +List of modifiers used to modify the offsets before they are applied to the popper. +They provide most of the functionalities of Popper.js + +**Kind**: static property of [Defaults](#Popper.Defaults) +**Properties** + +| Type | +| --- | +| [modifiers](#modifiers) | + + + +#### Defaults.onCreate() +Callback called when the popper is created.
+By default, is set to no-op.
+Access Popper.js instance with `data.instance`. + +**Kind**: static method of [Defaults](#Popper.Defaults) +**Properties** + +| Type | +| --- | +| [onCreate](#onCreate) | + + + +#### Defaults.onUpdate() +Callback called when the popper is updated, this callback is not called +on the initialization/creation of the popper, but only on subsequent +updates.
+By default, is set to no-op.
+Access Popper.js instance with `data.instance`. + +**Kind**: static method of [Defaults](#Popper.Defaults) +**Properties** + +| Type | +| --- | +| [onUpdate](#onUpdate) | + + + +### Popper.placements : enum +List of accepted placements to use as values of the `placement` option.
+Valid placements are: +- `auto` +- `top` +- `right` +- `bottom` +- `left` + +Each placement can have a variation from this list: +- `-start` +- `-end` + +Variations are interpreted easily if you think of them as the left to right +written languages. Horizontally (`top` and `bottom`), `start` is left and `end` +is right.
+Vertically (`left` and `right`), `start` is top and `end` is bottom. + +Some valid examples are: +- `top-end` (on top of reference, right aligned) +- `right-start` (on right of reference, top aligned) +- `bottom` (on bottom, centered) +- `auto-right` (on the side with more space available, alignment depends by placement) + +**Kind**: static enum of [Popper](#Popper) +**Read only**: true + + +### Popper.update() +Updates the position of the popper, computing the new offsets and applying +the new style.
+Prefer `scheduleUpdate` over `update` because of performance reasons. + +**Kind**: static method of [Popper](#Popper) + + +### Popper.destroy() +Destroy the popper + +**Kind**: static method of [Popper](#Popper) + + +### Popper.enableEventListeners() +It will add resize/scroll events and start recalculating +position of the popper element when they are triggered. + +**Kind**: static method of [Popper](#Popper) + + +### Popper.disableEventListeners() +It will remove resize/scroll events and won't recalculate popper position +when they are triggered. It also won't trigger onUpdate callback anymore, +unless you call `update` method manually. + +**Kind**: static method of [Popper](#Popper) + + +### Popper.scheduleUpdate() +Schedule an update, it will run on the next UI update available + +**Kind**: static method of [Popper](#Popper) + + +## dataObject +The `dataObject` is an object containing all the informations used by Popper.js +this object get passed to modifiers and to the `onCreate` and `onUpdate` callbacks. + +**Kind**: global variable +**Properties** + +| Name | Type | Description | +| --- | --- | --- | +| data.instance | Object | The Popper.js instance | +| data.placement | String | Placement applied to popper | +| data.originalPlacement | String | Placement originally defined on init | +| data.flipped | Boolean | True if popper has been flipped by flip modifier | +| data.hide | Boolean | True if the reference element is out of boundaries, useful to know when to hide the popper. | +| data.arrowElement | HTMLElement | Node used as arrow by arrow modifier | +| data.styles | Object | Any CSS property defined here will be applied to the popper, it expects the JavaScript nomenclature (eg. `marginBottom`) | +| data.arrowStyles | Object | Any CSS property defined here will be applied to the popper arrow, it expects the JavaScript nomenclature (eg. `marginBottom`) | +| data.boundaries | Object | Offsets of the popper boundaries | +| data.offsets | Object | The measurements of popper, reference and arrow elements. | +| data.offsets.popper | Object | `top`, `left`, `width`, `height` values | +| data.offsets.reference | Object | `top`, `left`, `width`, `height` values | +| data.offsets.arrow | Object | `top` and `left` offsets, only one of them will be different from 0 | + + + +## referenceObject +The `referenceObject` is an object that provides an interface compatible with Popper.js +and lets you use it as replacement of a real DOM node.
+You can use this method to position a popper relatively to a set of coordinates +in case you don't have a DOM node to use as reference. + +``` +new Popper(referenceObject, popperNode); +``` + +NB: This feature isn't supported in Internet Explorer 10 + +**Kind**: global variable +**Properties** + +| Name | Type | Description | +| --- | --- | --- | +| data.getBoundingClientRect | function | A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method. | +| data.clientWidth | number | An ES6 getter that will return the width of the virtual reference element. | +| data.clientHeight | number | An ES6 getter that will return the height of the virtual reference element. | + + + +## modifiers : object +Modifiers are plugins used to alter the behavior of your poppers.
+Popper.js uses a set of 9 modifiers to provide all the basic functionalities +needed by the library. + +Usually you don't want to override the `order`, `fn` and `onLoad` props. +All the other properties are configurations that could be tweaked. + +**Kind**: global namespace + +* [modifiers](#modifiers) : object + * [~shift](#modifiers..shift) + * [.order](#modifiers..shift.order) + * [.enabled](#modifiers..shift.enabled) + * [.fn](#modifiers..shift.fn) + * [~offset](#modifiers..offset) + * [.order](#modifiers..offset.order) + * [.enabled](#modifiers..offset.enabled) + * [.fn](#modifiers..offset.fn) + * [.offset](#modifiers..offset.offset) + * [~preventOverflow](#modifiers..preventOverflow) + * [.order](#modifiers..preventOverflow.order) + * [.enabled](#modifiers..preventOverflow.enabled) + * [.fn](#modifiers..preventOverflow.fn) + * [.priority](#modifiers..preventOverflow.priority) + * [.padding](#modifiers..preventOverflow.padding) + * [.boundariesElement](#modifiers..preventOverflow.boundariesElement) + * [~keepTogether](#modifiers..keepTogether) + * [.order](#modifiers..keepTogether.order) + * [.enabled](#modifiers..keepTogether.enabled) + * [.fn](#modifiers..keepTogether.fn) + * [~arrow](#modifiers..arrow) + * [.order](#modifiers..arrow.order) + * [.enabled](#modifiers..arrow.enabled) + * [.fn](#modifiers..arrow.fn) + * [.element](#modifiers..arrow.element) + * [~flip](#modifiers..flip) + * [.order](#modifiers..flip.order) + * [.enabled](#modifiers..flip.enabled) + * [.fn](#modifiers..flip.fn) + * [.behavior](#modifiers..flip.behavior) + * [.padding](#modifiers..flip.padding) + * [.boundariesElement](#modifiers..flip.boundariesElement) + * [~inner](#modifiers..inner) + * [.order](#modifiers..inner.order) + * [.enabled](#modifiers..inner.enabled) + * [.fn](#modifiers..inner.fn) + * [~hide](#modifiers..hide) + * [.order](#modifiers..hide.order) + * [.enabled](#modifiers..hide.enabled) + * [.fn](#modifiers..hide.fn) + * [~computeStyle](#modifiers..computeStyle) + * [.order](#modifiers..computeStyle.order) + * [.enabled](#modifiers..computeStyle.enabled) + * [.fn](#modifiers..computeStyle.fn) + * [.gpuAcceleration](#modifiers..computeStyle.gpuAcceleration) + * [.x](#modifiers..computeStyle.x) + * [.y](#modifiers..computeStyle.y) + * [~applyStyle](#modifiers..applyStyle) + * [.order](#modifiers..applyStyle.order) + * [.enabled](#modifiers..applyStyle.enabled) + * [.fn](#modifiers..applyStyle.fn) + * [.onLoad](#modifiers..applyStyle.onLoad) + * ~~[.gpuAcceleration](#modifiers..applyStyle.gpuAcceleration)~~ + + + +### modifiers~shift +Modifier used to shift the popper on the start or end of its reference +element.
+It will read the variation of the `placement` property.
+It can be one either `-end` or `-start`. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~shift](#modifiers..shift) + * [.order](#modifiers..shift.order) + * [.enabled](#modifiers..shift.enabled) + * [.fn](#modifiers..shift.fn) + + + +#### shift.order +**Kind**: static property of [shift](#modifiers..shift) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 100 | Index used to define the order of execution | + + + +#### shift.enabled +**Kind**: static property of [shift](#modifiers..shift) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### shift.fn +**Kind**: static property of [shift](#modifiers..shift) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +### modifiers~offset +The `offset` modifier can shift your popper on both its axis. + +It accepts the following units: +- `px` or unitless, interpreted as pixels +- `%` or `%r`, percentage relative to the length of the reference element +- `%p`, percentage relative to the length of the popper element +- `vw`, CSS viewport width unit +- `vh`, CSS viewport height unit + +For length is intended the main axis relative to the placement of the popper.
+This means that if the placement is `top` or `bottom`, the length will be the +`width`. In case of `left` or `right`, it will be the height. + +You can provide a single value (as `Number` or `String`), or a pair of values +as `String` divided by a comma or one (or more) white spaces.
+The latter is a deprecated method because it leads to confusion and will be +removed in v2.
+Additionally, it accepts additions and subtractions between different units. +Note that multiplications and divisions aren't supported. + +Valid examples are: +``` +10 +'10%' +'10, 10' +'10%, 10' +'10 + 10%' +'10 - 5vh + 3%' +'-10px + 5vh, 5px - 6%' +``` +> **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap +> with their reference element, unfortunately, you will have to disable the `flip` modifier. +> More on this [reading this issue](https://github.com/FezVrasta/popper.js/issues/373) + +**Kind**: inner property of [modifiers](#modifiers) + +* [~offset](#modifiers..offset) + * [.order](#modifiers..offset.order) + * [.enabled](#modifiers..offset.enabled) + * [.fn](#modifiers..offset.fn) + * [.offset](#modifiers..offset.offset) + + + +#### offset.order +**Kind**: static property of [offset](#modifiers..offset) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 200 | Index used to define the order of execution | + + + +#### offset.enabled +**Kind**: static property of [offset](#modifiers..offset) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### offset.fn +**Kind**: static property of [offset](#modifiers..offset) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +#### offset.offset +**Kind**: static property of [offset](#modifiers..offset) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| offset | Number \| String | 0 | The offset value as described in the modifier description | + + + +### modifiers~preventOverflow +Modifier used to prevent the popper from being positioned outside the boundary. + +An scenario exists where the reference itself is not within the boundaries.
+We can say it has "escaped the boundaries" — or just "escaped".
+In this case we need to decide whether the popper should either: + +- detach from the reference and remain "trapped" in the boundaries, or +- if it should ignore the boundary and "escape with its reference" + +When `escapeWithReference` is set to`true` and reference is completely +outside its boundaries, the popper will overflow (or completely leave) +the boundaries in order to remain attached to the edge of the reference. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~preventOverflow](#modifiers..preventOverflow) + * [.order](#modifiers..preventOverflow.order) + * [.enabled](#modifiers..preventOverflow.enabled) + * [.fn](#modifiers..preventOverflow.fn) + * [.priority](#modifiers..preventOverflow.priority) + * [.padding](#modifiers..preventOverflow.padding) + * [.boundariesElement](#modifiers..preventOverflow.boundariesElement) + + + +#### preventOverflow.order +**Kind**: static property of [preventOverflow](#modifiers..preventOverflow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 300 | Index used to define the order of execution | + + + +#### preventOverflow.enabled +**Kind**: static property of [preventOverflow](#modifiers..preventOverflow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### preventOverflow.fn +**Kind**: static property of [preventOverflow](#modifiers..preventOverflow) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +#### preventOverflow.priority +**Kind**: static property of [preventOverflow](#modifiers..preventOverflow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| priority | Array | ['left','right','top','bottom'] | Popper will try to prevent overflow following these priorities by default, then, it could overflow on the left and on top of the `boundariesElement` | + + + +#### preventOverflow.padding +**Kind**: static property of [preventOverflow](#modifiers..preventOverflow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| padding | number | 5 | Amount of pixel used to define a minimum distance between the boundaries and the popper this makes sure the popper has always a little padding between the edges of its container | + + + +#### preventOverflow.boundariesElement +**Kind**: static property of [preventOverflow](#modifiers..preventOverflow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| boundariesElement | String \| HTMLElement | 'scrollParent' | Boundaries used by the modifier, can be `scrollParent`, `window`, `viewport` or any DOM element. | + + + +### modifiers~keepTogether +Modifier used to make sure the reference and its popper stay near eachothers +without leaving any gap between the two. Expecially useful when the arrow is +enabled and you want to assure it to point to its reference element. +It cares only about the first axis, you can still have poppers with margin +between the popper and its reference element. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~keepTogether](#modifiers..keepTogether) + * [.order](#modifiers..keepTogether.order) + * [.enabled](#modifiers..keepTogether.enabled) + * [.fn](#modifiers..keepTogether.fn) + + + +#### keepTogether.order +**Kind**: static property of [keepTogether](#modifiers..keepTogether) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 400 | Index used to define the order of execution | + + + +#### keepTogether.enabled +**Kind**: static property of [keepTogether](#modifiers..keepTogether) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### keepTogether.fn +**Kind**: static property of [keepTogether](#modifiers..keepTogether) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +### modifiers~arrow +This modifier is used to move the `arrowElement` of the popper to make +sure it is positioned between the reference element and its popper element. +It will read the outer size of the `arrowElement` node to detect how many +pixels of conjuction are needed. + +It has no effect if no `arrowElement` is provided. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~arrow](#modifiers..arrow) + * [.order](#modifiers..arrow.order) + * [.enabled](#modifiers..arrow.enabled) + * [.fn](#modifiers..arrow.fn) + * [.element](#modifiers..arrow.element) + + + +#### arrow.order +**Kind**: static property of [arrow](#modifiers..arrow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 500 | Index used to define the order of execution | + + + +#### arrow.enabled +**Kind**: static property of [arrow](#modifiers..arrow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### arrow.fn +**Kind**: static property of [arrow](#modifiers..arrow) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +#### arrow.element +**Kind**: static property of [arrow](#modifiers..arrow) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| element | String \| HTMLElement | '[x-arrow]' | Selector or node used as arrow | + + + +### modifiers~flip +Modifier used to flip the popper's placement when it starts to overlap its +reference element. + +Requires the `preventOverflow` modifier before it in order to work. + +**NOTE:** this modifier will interrupt the current update cycle and will +restart it if it detects the need to flip the placement. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~flip](#modifiers..flip) + * [.order](#modifiers..flip.order) + * [.enabled](#modifiers..flip.enabled) + * [.fn](#modifiers..flip.fn) + * [.behavior](#modifiers..flip.behavior) + * [.padding](#modifiers..flip.padding) + * [.boundariesElement](#modifiers..flip.boundariesElement) + + + +#### flip.order +**Kind**: static property of [flip](#modifiers..flip) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 600 | Index used to define the order of execution | + + + +#### flip.enabled +**Kind**: static property of [flip](#modifiers..flip) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### flip.fn +**Kind**: static property of [flip](#modifiers..flip) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +#### flip.behavior +**Kind**: static property of [flip](#modifiers..flip) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| behavior | String \| Array | 'flip' | The behavior used to change the popper's placement. It can be one of `flip`, `clockwise`, `counterclockwise` or an array with a list of valid placements (with optional variations). | + + + +#### flip.padding +**Kind**: static property of [flip](#modifiers..flip) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| padding | number | 5 | The popper will flip if it hits the edges of the `boundariesElement` | + + + +#### flip.boundariesElement +**Kind**: static property of [flip](#modifiers..flip) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| boundariesElement | String \| HTMLElement | 'viewport' | The element which will define the boundaries of the popper position, the popper will never be placed outside of the defined boundaries (except if keepTogether is enabled) | + + + +### modifiers~inner +Modifier used to make the popper flow toward the inner of the reference element. +By default, when this modifier is disabled, the popper will be placed outside +the reference element. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~inner](#modifiers..inner) + * [.order](#modifiers..inner.order) + * [.enabled](#modifiers..inner.enabled) + * [.fn](#modifiers..inner.fn) + + + +#### inner.order +**Kind**: static property of [inner](#modifiers..inner) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 700 | Index used to define the order of execution | + + + +#### inner.enabled +**Kind**: static property of [inner](#modifiers..inner) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | false | Whether the modifier is enabled or not | + + + +#### inner.fn +**Kind**: static property of [inner](#modifiers..inner) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +### modifiers~hide +Modifier used to hide the popper when its reference element is outside of the +popper boundaries. It will set a `x-out-of-boundaries` attribute which can +be used to hide with a CSS selector the popper when its reference is +out of boundaries. + +Requires the `preventOverflow` modifier before it in order to work. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~hide](#modifiers..hide) + * [.order](#modifiers..hide.order) + * [.enabled](#modifiers..hide.enabled) + * [.fn](#modifiers..hide.fn) + + + +#### hide.order +**Kind**: static property of [hide](#modifiers..hide) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 800 | Index used to define the order of execution | + + + +#### hide.enabled +**Kind**: static property of [hide](#modifiers..hide) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### hide.fn +**Kind**: static property of [hide](#modifiers..hide) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +### modifiers~computeStyle +Computes the style that will be applied to the popper element to gets +properly positioned. + +Note that this modifier will not touch the DOM, it just prepares the styles +so that `applyStyle` modifier can apply it. This separation is useful +in case you need to replace `applyStyle` with a custom implementation. + +This modifier has `850` as `order` value to maintain backward compatibility +with previous versions of Popper.js. Expect the modifiers ordering method +to change in future major versions of the library. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~computeStyle](#modifiers..computeStyle) + * [.order](#modifiers..computeStyle.order) + * [.enabled](#modifiers..computeStyle.enabled) + * [.fn](#modifiers..computeStyle.fn) + * [.gpuAcceleration](#modifiers..computeStyle.gpuAcceleration) + * [.x](#modifiers..computeStyle.x) + * [.y](#modifiers..computeStyle.y) + + + +#### computeStyle.order +**Kind**: static property of [computeStyle](#modifiers..computeStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 850 | Index used to define the order of execution | + + + +#### computeStyle.enabled +**Kind**: static property of [computeStyle](#modifiers..computeStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### computeStyle.fn +**Kind**: static property of [computeStyle](#modifiers..computeStyle) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +#### computeStyle.gpuAcceleration +**Kind**: static property of [computeStyle](#modifiers..computeStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| gpuAcceleration | Boolean | true | If true, it uses the CSS 3d transformation to position the popper. Otherwise, it will use the `top` and `left` properties. | + + + +#### computeStyle.x +**Kind**: static property of [computeStyle](#modifiers..computeStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| x | string | "'bottom'" | Where to anchor the X axis (`bottom` or `top`). AKA X offset origin. Change this if your popper should grow in a direction different from `bottom` | + + + +#### computeStyle.y +**Kind**: static property of [computeStyle](#modifiers..computeStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| x | string | "'left'" | Where to anchor the Y axis (`left` or `right`). AKA Y offset origin. Change this if your popper should grow in a direction different from `right` | + + + +### modifiers~applyStyle +Applies the computed styles to the popper element. + +All the DOM manipulations are limited to this modifier. This is useful in case +you want to integrate Popper.js inside a framework or view library and you +want to delegate all the DOM manipulations to it. + +Note that if you disable this modifier, you must make sure the popper element +has its position set to `absolute` before Popper.js can do its work! + +Just disable this modifier and define you own to achieve the desired effect. + +**Kind**: inner property of [modifiers](#modifiers) + +* [~applyStyle](#modifiers..applyStyle) + * [.order](#modifiers..applyStyle.order) + * [.enabled](#modifiers..applyStyle.enabled) + * [.fn](#modifiers..applyStyle.fn) + * [.onLoad](#modifiers..applyStyle.onLoad) + * ~~[.gpuAcceleration](#modifiers..applyStyle.gpuAcceleration)~~ + + + +#### applyStyle.order +**Kind**: static property of [applyStyle](#modifiers..applyStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| order | number | 900 | Index used to define the order of execution | + + + +#### applyStyle.enabled +**Kind**: static property of [applyStyle](#modifiers..applyStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| enabled | Boolean | true | Whether the modifier is enabled or not | + + + +#### applyStyle.fn +**Kind**: static property of [applyStyle](#modifiers..applyStyle) +**Properties** + +| Type | +| --- | +| [ModifierFn](#ModifierFn) | + + + +#### applyStyle.onLoad +**Kind**: static property of [applyStyle](#modifiers..applyStyle) +**Properties** + +| Type | +| --- | +| function | + + + +#### ~~applyStyle.gpuAcceleration~~ +***Deprecated*** + +**Kind**: static property of [applyStyle](#modifiers..applyStyle) +**Properties** + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| gpuAcceleration | Boolean | true | If true, it uses the CSS 3d transformation to position the popper. Otherwise, it will use the `top` and `left` properties. | + + + +## ModifierFn(data, options) ⇒ [dataObject](#dataObject) +Modifier function, each modifier can have a function of this type assigned +to its `fn` property.
+These functions will be called on each update, this means that you must +make sure they are performant enough to avoid performance bottlenecks. + +**Kind**: global function +**Returns**: [dataObject](#dataObject) - The data object, properly modified + +| Param | Type | Description | +| --- | --- | --- | +| data | [dataObject](#dataObject) | The data object generated by `update` method | +| options | Object | Modifiers configuration and options | + + + +## onUpdate : function +**Kind**: global typedef + +| Param | Type | +| --- | --- | +| data | [dataObject](#dataObject) | + + + +## onCreate : function +**Kind**: global typedef + +| Param | Type | +| --- | --- | +| data | [dataObject](#dataObject) | + diff --git a/lib/docs/_includes/scripts.html b/lib/docs/_includes/scripts.html new file mode 100644 index 0000000..05454a0 --- /dev/null +++ b/lib/docs/_includes/scripts.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + diff --git a/lib/docs/_includes/tooltip-documentation.md b/lib/docs/_includes/tooltip-documentation.md new file mode 100644 index 0000000..63cef33 --- /dev/null +++ b/lib/docs/_includes/tooltip-documentation.md @@ -0,0 +1,84 @@ + + +## Tooltip +**Kind**: global class + +* [Tooltip](#Tooltip) + * [new Tooltip(reference, options)](#new_Tooltip_new) + * _instance_ + * [.show()](#Tooltip+show) + * [.hide()](#Tooltip+hide) + * [.dispose()](#Tooltip+dispose) + * [.toggle()](#Tooltip+toggle) + * _static_ + * [.PlacementFunction](#Tooltip.PlacementFunction) ⇒ String + * [.TitleFunction](#Tooltip.TitleFunction) ⇒ String + + + +### new Tooltip(reference, options) +Create a new Tooltip.js instance + +**Returns**: Object - instance - The generated tooltip instance + +| Param | Type | Default | Description | +| --- | --- | --- | --- | +| reference | HTMLElement | | The DOM node used as reference of the tooltip (it can be a jQuery element). | +| options | Object | | | +| options.placement | String | bottom | Placement of the popper accepted values: `top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)` | +| options.container | HTMLElement \| String \| false | false | Append the tooltip to a specific element. | +| options.delay | Number \| Object | 0 | Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type. If a number is supplied, delay is applied to both hide/show. Object structure is: `{ show: 500, hide: 100 }` | +| options.html | Boolean | false | Insert HTML into the tooltip. If false, the content will inserted with `innerText`. | +| options.placement | String \| PlacementFunction | 'top' | One of the allowed placements, or a function returning one of them. | +| [options.template] | String | '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' | Base HTML to used when creating the tooltip. The tooltip's `title` will be injected into the `.tooltip-inner` or `.tooltip__inner`. `.tooltip-arrow` or `.tooltip__arrow` will become the tooltip's arrow. The outermost wrapper element should have the `.tooltip` class. | +| options.title | String \| HTMLElement \| TitleFunction | '' | Default title value if `title` attribute isn't present. | +| [options.trigger] | String | 'hover focus' | How tooltip is triggered - click, hover, focus, manual. You may pass multiple triggers; separate them with a space. `manual` cannot be combined with any other trigger. | +| options.boundariesElement | HTMLElement | | The element used as boundaries for the tooltip. For more information refer to Popper.js' [boundariesElement docs](https://popper.js.org/popper-documentation.html) | +| options.offset | Number \| String | 0 | Offset of the tooltip relative to its reference. For more information refer to Popper.js' [offset docs](https://popper.js.org/popper-documentation.html) | +| options.popperOptions | Object | {} | Popper options, will be passed directly to popper instance. For more information refer to Popper.js' [options docs](https://popper.js.org/popper-documentation.html) | + + + +### tooltip.show() +Reveals an element's tooltip. This is considered a "manual" triggering of the tooltip. +Tooltips with zero-length titles are never displayed. + +**Kind**: instance method of [Tooltip](#Tooltip) + + +### tooltip.hide() +Hides an element’s tooltip. This is considered a “manual” triggering of the tooltip. + +**Kind**: instance method of [Tooltip](#Tooltip) + + +### tooltip.dispose() +Hides and destroys an element’s tooltip. + +**Kind**: instance method of [Tooltip](#Tooltip) + + +### tooltip.toggle() +Toggles an element’s tooltip. This is considered a “manual” triggering of the tooltip. + +**Kind**: instance method of [Tooltip](#Tooltip) + + +### Tooltip.PlacementFunction ⇒ String +Placement function, its context is the Tooltip instance. + +**Kind**: static typedef of [Tooltip](#Tooltip) +**Returns**: String - placement - One of the allowed placement options. + +| Param | Type | Description | +| --- | --- | --- | +| tooltip | HTMLElement | tooltip DOM node. | +| reference | HTMLElement | reference DOM node. | + + + +### Tooltip.TitleFunction ⇒ String +Title function, its context is the Tooltip instance. + +**Kind**: static typedef of [Tooltip](#Tooltip) +**Returns**: String - placement - The desired title. diff --git a/lib/docs/_layouts/default.html b/lib/docs/_layouts/default.html new file mode 100644 index 0000000..f23c347 --- /dev/null +++ b/lib/docs/_layouts/default.html @@ -0,0 +1,29 @@ + + + + + {% include head.html %} + + + + +
+ + {% include header.html %} + + {{ content }} + + {% include footer.html %} + + {% include scripts.html %} + +
+ + + + diff --git a/lib/docs/_layouts/landing.html b/lib/docs/_layouts/landing.html new file mode 100644 index 0000000..439d3a8 --- /dev/null +++ b/lib/docs/_layouts/landing.html @@ -0,0 +1,30 @@ + + + + + {% include head.html %} + + + + + +
+ + {% include header.html %} + + {{ content }} + + {% include footer.html %} + + {% include scripts.html %} + +
+ + + + diff --git a/lib/docs/_layouts/page-hashtag.html b/lib/docs/_layouts/page-hashtag.html new file mode 100644 index 0000000..f963268 --- /dev/null +++ b/lib/docs/_layouts/page-hashtag.html @@ -0,0 +1,17 @@ +--- +layout: default +--- +
+ +
+

#{{ page.title }}

+

{{ page.description }}

+
+ +
+
+ {{ content }} +
+
+ +
diff --git a/lib/docs/_layouts/page-nowrap.html b/lib/docs/_layouts/page-nowrap.html new file mode 100644 index 0000000..be88509 --- /dev/null +++ b/lib/docs/_layouts/page-nowrap.html @@ -0,0 +1,13 @@ +--- +layout: default +--- +
+ +
+

{{ page.title }}

+

{{ page.description }}

+
+ + {{ content }} + +
diff --git a/lib/docs/_layouts/page.html b/lib/docs/_layouts/page.html new file mode 100644 index 0000000..fd896eb --- /dev/null +++ b/lib/docs/_layouts/page.html @@ -0,0 +1,17 @@ +--- +layout: default +--- +
+ +
+

{{ page.title }}

+

{{ page.description }}

+
+ +
+
+ {{ content }} +
+
+ +
diff --git a/lib/docs/_sass/libs/_functions.scss b/lib/docs/_sass/libs/_functions.scss new file mode 100644 index 0000000..133e201 --- /dev/null +++ b/lib/docs/_sass/libs/_functions.scss @@ -0,0 +1,34 @@ +/// Gets a duration value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _duration($keys...) { + @return val($duration, $keys...); +} + +/// Gets a font value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _font($keys...) { + @return val($font, $keys...); +} + +/// Gets a misc value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _misc($keys...) { + @return val($misc, $keys...); +} + +/// Gets a palette value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _palette($keys...) { + @return val($palette, $keys...); +} + +/// Gets a size value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _size($keys...) { + @return val($size, $keys...); +} diff --git a/lib/docs/_sass/libs/_mixins.scss b/lib/docs/_sass/libs/_mixins.scss new file mode 100644 index 0000000..f945393 --- /dev/null +++ b/lib/docs/_sass/libs/_mixins.scss @@ -0,0 +1,65 @@ +/// Makes an element's :before pseudoelement a FontAwesome icon. +/// @param {string} $content Optional content value to use. +@mixin icon($content: false) { + + text-decoration: none; + + &:before { + + @if $content { + content: $content; + } + + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; + + } + +} + +/// Applies padding to an element, taking the current element-margin value into account. +/// @param {mixed} $tb Top/bottom padding. +/// @param {mixed} $lr Left/right padding. +/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) +/// @param {bool} $important If true, adds !important. +@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { + + @if $important { + $important: '!important'; + } + + padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; + +} + + +/// Stripe builder +/// @author Hugo Giraudel +/// @param {Direction} $direction - Gradient direction +/// @param {List} $colors - List of colors +/// @output `background-image` if several colors, `background-color` if only one +@mixin stripes($direction, $colors) { + $length: length($colors); + + @if $length > 1 { + $stripes: (); + + @for $i from 1 through $length { + $stripe: (100% / $length) * ($i - 1); + + @if $i > 1 { + $stripes: append($stripes, nth($colors, $i - 1) $stripe, comma); + } + + $stripes: append($stripes, nth($colors, $i) $stripe, comma); + } + + background-image: linear-gradient($direction, $stripes); + } @else if $length == 1 { + background-color: $colors; + } +} diff --git a/lib/docs/_sass/libs/_skel.scss b/lib/docs/_sass/libs/_skel.scss new file mode 100644 index 0000000..8c759dc --- /dev/null +++ b/lib/docs/_sass/libs/_skel.scss @@ -0,0 +1,584 @@ +// skel.scss v3.0.0 | (c) n33 | skel.io | MIT licensed */ + +// Vars. + + /// Breakpoints. + /// @var {list} + $breakpoints: () !global; + + /// Vendor prefixes. + /// @var {list} + $vendor-prefixes: ( + '-moz-', + '-webkit-', + '-ms-', + '' + ); + + /// Properties that should be vendorized. + /// @var {list} + $vendor-properties: ( + 'align-content', + 'align-items', + 'align-self', + 'animation', + 'animation-delay', + 'animation-direction', + 'animation-duration', + 'animation-fill-mode', + 'animation-iteration-count', + 'animation-name', + 'animation-play-state', + 'animation-timing-function', + 'appearance', + 'backface-visibility', + 'box-sizing', + 'filter', + 'flex', + 'flex-basis', + 'flex-direction', + 'flex-flow', + 'flex-grow', + 'flex-shrink', + 'flex-wrap', + 'justify-content', + 'order', + 'perspective', + 'pointer-events', + 'transform', + 'transform-origin', + 'transform-style', + 'transition', + 'transition-delay', + 'transition-duration', + 'transition-property', + 'transition-timing-function' + ); + + /// Values that should be vendorized. + /// @var {list} + $vendor-values: ( + 'filter', + 'flex', + 'linear-gradient', + 'radial-gradient', + 'transform' + ); + +// Functions. + + /// Removes a specific item from a list. + /// @author Hugo Giraudel + /// @param {list} $list List. + /// @param {integer} $index Index. + /// @return {list} Updated list. + @function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + + } + + /// Replaces a substring within another string. + /// @author Hugo Giraudel + /// @param {string} $string String. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {string} Updated string. + @function str-replace($string, $search, $replace: '') { + + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; + + } + + /// Replaces a substring within each string in a list. + /// @param {list} $strings List of strings. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {list} Updated list of strings. + @function str-replace-all($strings, $search, $replace: '') { + + @each $string in $strings { + $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); + } + + @return $strings; + + } + + /// Gets a value from a map. + /// @author Hugo Giraudel + /// @param {map} $map Map. + /// @param {string} $keys Key(s). + /// @return {string} Value. + @function val($map, $keys...) { + + @if nth($keys, 1) == null { + $keys: remove-nth($keys, 1); + } + + @each $key in $keys { + $map: map-get($map, $key); + } + + @return $map; + + } + +// Mixins. + + /// Sets the global box model. + /// @param {string} $model Model (default is content). + @mixin boxModel($model: 'content') { + + $x: $model + '-box'; + + *, *:before, *:after { + -moz-box-sizing: #{$x}; + -webkit-box-sizing: #{$x}; + box-sizing: #{$x}; + } + + } + + /// Wraps @content in a @media block using a given breakpoint. + /// @param {string} $breakpoint Breakpoint. + /// @param {map} $queries Additional queries. + @mixin breakpoint($breakpoint: null, $queries: null) { + + $query: 'screen'; + + // Breakpoint. + @if $breakpoint and map-has-key($breakpoints, $breakpoint) { + $query: $query + ' and ' + map-get($breakpoints, $breakpoint); + } + + // Queries. + @if $queries { + @each $k, $v in $queries { + $query: $query + ' and (' + $k + ':' + $v + ')'; + } + } + + @media #{$query} { + @content; + } + + } + + /// Wraps @content in a @media block targeting a specific orientation. + /// @param {string} $orientation Orientation. + @mixin orientation($orientation) { + @media screen and (orientation: #{$orientation}) { + @content; + } + } + + /// Utility mixin for containers. + /// @param {mixed} $width Width. + @mixin containers($width) { + + // Locked? + $lock: false; + + @if length($width) == 2 { + $width: nth($width, 1); + $lock: true; + } + + // Modifiers. + .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; } + .container.\37 5\25 { width: $width * 0.75; } + .container.\35 0\25 { width: $width * 0.5; } + .container.\32 5\25 { width: $width * 0.25; } + + // Main class. + .container { + @if $lock { + width: $width !important; + } + @else { + width: $width; + } + } + + } + + /// Utility mixin for grid. + /// @param {list} $gutters Column and row gutters (default is 40px). + /// @param {string} $breakpointName Optional breakpoint name. + @mixin grid($gutters: 40px, $breakpointName: null) { + + // Gutters. + @include grid-gutters($gutters); + @include grid-gutters($gutters, \32 00\25, 2); + @include grid-gutters($gutters, \31 50\25, 1.5); + @include grid-gutters($gutters, \35 0\25, 0.5); + @include grid-gutters($gutters, \32 5\25, 0.25); + + // Cells. + $x: ''; + + @if $breakpointName { + $x: '\\28' + $breakpointName + '\\29'; + } + + .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; } + .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; } + .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; } + .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; } + .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; } + .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; } + .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; } + .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; } + .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; } + .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; } + .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; } + .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; } + + .\31 2u\24#{$x} + *, + .\31 1u\24#{$x} + *, + .\31 0u\24#{$x} + *, + .\39 u\24#{$x} + *, + .\38 u\24#{$x} + *, + .\37 u\24#{$x} + *, + .\36 u\24#{$x} + *, + .\35 u\24#{$x} + *, + .\34 u\24#{$x} + *, + .\33 u\24#{$x} + *, + .\32 u\24#{$x} + *, + .\31 u\24#{$x} + * { + clear: left; + } + + .\-11u#{$x} { margin-left: 91.6666666667% } + .\-10u#{$x} { margin-left: 83.3333333333% } + .\-9u#{$x} { margin-left: 75% } + .\-8u#{$x} { margin-left: 66.6666666667% } + .\-7u#{$x} { margin-left: 58.3333333333% } + .\-6u#{$x} { margin-left: 50% } + .\-5u#{$x} { margin-left: 41.6666666667% } + .\-4u#{$x} { margin-left: 33.3333333333% } + .\-3u#{$x} { margin-left: 25% } + .\-2u#{$x} { margin-left: 16.6666666667% } + .\-1u#{$x} { margin-left: 8.3333333333% } + + } + + /// Utility mixin for grid. + /// @param {list} $gutters Gutters. + /// @param {string} $class Optional class name. + /// @param {integer} $multiplier Multiplier (default is 1). + @mixin grid-gutters($gutters, $class: null, $multiplier: 1) { + + // Expand gutters if it's not a list. + @if length($gutters) == 1 { + $gutters: ($gutters, 0); + } + + // Get column and row gutter values. + $c: nth($gutters, 1); + $r: nth($gutters, 2); + + // Get class (if provided). + $x: ''; + + @if $class { + $x: '.' + $class; + } + + // Default. + .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); } + .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); } + + // Uniform. + .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); } + .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); } + + } + + /// Wraps @content in vendorized keyframe blocks. + /// @param {string} $name Name. + @mixin keyframes($name) { + + @-moz-keyframes #{$name} { @content; } + @-webkit-keyframes #{$name} { @content; } + @-ms-keyframes #{$name} { @content; } + @keyframes #{$name} { @content; } + + } + + /// + /// Sets breakpoints. + /// @param {map} $x Breakpoints. + /// + @mixin skel-breakpoints($x: ()) { + $breakpoints: $x !global; + } + + /// + /// Initializes layout module. + /// @param {map} config Config. + /// + @mixin skel-layout($config: ()) { + + // Config. + $configPerBreakpoint: (); + + $z: map-get($config, 'breakpoints'); + + @if $z { + $configPerBreakpoint: $z; + } + + // Reset. + $x: map-get($config, 'reset'); + + @if $x { + + /* Reset */ + + @include reset($x); + + } + + // Box model. + $x: map-get($config, 'boxModel'); + + @if $x { + + /* Box Model */ + + @include boxModel($x); + + } + + // Containers. + $containers: map-get($config, 'containers'); + + @if $containers { + + /* Containers */ + + .container { + margin-left: auto; + margin-right: auto; + } + + // Use default is $containers is just "true". + @if $containers == true { + $containers: 960px; + } + + // Apply base. + @include containers($containers); + + // Apply per-breakpoint. + @each $name in map-keys($breakpoints) { + + // Get/use breakpoint setting if it exists. + $x: map-get($configPerBreakpoint, $name); + + // Per-breakpoint config exists? + @if $x { + $y: map-get($x, 'containers'); + + // Setting exists? Use it. + @if $y { + $containers: $y; + } + + } + + // Create @media block. + @media screen and #{map-get($breakpoints, $name)} { + @include containers($containers); + } + + } + + } + + // Grid. + $grid: map-get($config, 'grid'); + + @if $grid { + + /* Grid */ + + // Use defaults if $grid is just "true". + @if $grid == true { + $grid: (); + } + + // Sub-setting: Gutters. + $grid-gutters: 40px; + $x: map-get($grid, 'gutters'); + + @if $x { + $grid-gutters: $x; + } + + // Rows. + .row { + border-bottom: solid 1px transparent; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + + .row > * { + float: left; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + + .row:after, .row:before { + content: ''; + display: block; + clear: both; + height: 0; + } + + .row.uniform > * > :first-child { + margin-top: 0; + } + + .row.uniform > * > :last-child { + margin-bottom: 0; + } + + // Gutters (0%). + @include grid-gutters($grid-gutters, \30 \25, 0); + + // Apply base. + @include grid($grid-gutters); + + // Apply per-breakpoint. + @each $name in map-keys($breakpoints) { + + // Get/use breakpoint setting if it exists. + $x: map-get($configPerBreakpoint, $name); + + // Per-breakpoint config exists? + @if $x { + $y: map-get($x, 'grid'); + + // Setting exists? + @if $y { + + // Sub-setting: Gutters. + $x: map-get($y, 'gutters'); + + @if $x { + $grid-gutters: $x; + } + + } + + } + + // Create @media block. + @media screen and #{map-get($breakpoints, $name)} { + @include grid($grid-gutters, $name); + } + + } + + } + + } + + /// Resets browser styles. + /// @param {string} $mode Mode (default is 'normalize'). + @mixin reset($mode: 'normalize') { + + @if $mode == 'normalize' { + + // normalize.css v3.0.2 | MIT License | git.io/normalize + 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:1px 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{-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]{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;-moz-box-sizing:content-box;-webkit-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} + + } + @else if $mode == 'full' { + + // 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-size:100%;font:inherit;vertical-align:baseline;}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;}body{-webkit-text-size-adjust:none} + + } + + } + + /// Vendorizes a declaration's property and/or value(s). + /// @param {string} $property Property. + /// @param {mixed} $value String/list of value(s). + @mixin vendor($property, $value) { + + // Determine if property should expand. + $expandProperty: index($vendor-properties, $property); + + // Determine if value should expand (and if so, add '-prefix-' placeholder). + $expandValue: false; + + @each $x in $value { + @each $y in $vendor-values { + @if $y == str-slice($x, 1, str-length($y)) { + + $value: set-nth($value, index($value, $x), '-prefix-' + $x); + $expandValue: true; + + } + } + } + + // Expand property? + @if $expandProperty { + @each $vendor in $vendor-prefixes { + #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Expand just the value? + @elseif $expandValue { + @each $vendor in $vendor-prefixes { + #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Neither? Treat them as a normal declaration. + @else { + #{$property}: #{$value}; + } + + } diff --git a/lib/docs/_sass/libs/_vars.scss b/lib/docs/_sass/libs/_vars.scss new file mode 100644 index 0000000..708c68e --- /dev/null +++ b/lib/docs/_sass/libs/_vars.scss @@ -0,0 +1,125 @@ +/// +/// Spectral by HTML5 UP +/// html5up.net | @n33co +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +// Misc. + $misc: ( + max-spotlights: 10, + max-features: 10, + z-index-base: 10000 + ); + +// Duration. + $duration: ( + transitions: 0.2s, + menu: 0.5s, + fadein: 3s + ); + +// Size. + $size: ( + element-height: 2.75em, + element-margin: 2em, + letter-spacing: 0.075em, + letter-spacing-alt: 0.225em + ); + +// Font. + $font: ( + family: ('Open Sans', Helvetica, sans-serif), + family-fixed: ('Courier New', monospace), + weight: 400, + weight-bold: 600, + weight-extrabold: 800 + ); + +// Palette. + $palette: ( + bg: #2e3842, + fg: #fff, + fg-bold: #fff, + fg-light: rgba(255,255,255,0.5), + border: #fff, + border-bg: rgba(144,144,144,0.25), + border2: #fff, + border2-bg: rgba(144,144,144,0.5), + + accent1: ( + bg: #21b2a6, + fg-bold: #ffffff, + fg: mix(#21b2a6, #ffffff, 25%), + fg-light: mix(#21b2a6, #ffffff, 40%), + border: rgba(0,0,0,0.125), + border-bg: rgba(255,255,255,0.075), + border2: rgba(0,0,0,0.25), + border2-bg: rgba(255,255,255,0.2) + ), + + accent2: ( + bg: #00ffcc, + fg-bold: #ffffff, + fg: mix(#00ffcc, #ffffff, 25%), + fg-light: mix(#00ffcc, #ffffff, 40%), + border: rgba(0,0,0,0.125), + border-bg: rgba(255,255,255,0.075), + border2: rgba(0,0,0,0.25), + border2-bg: rgba(255,255,255,0.2) + ), + + accent3: ( + bg: #00f0ff, + fg-bold: #ffffff, + fg: mix(#00f0ff, #ffffff, 25%), + fg-light: mix(#00f0ff, #ffffff, 40%), + border: rgba(0,0,0,0.125), + border-bg: rgba(255,255,255,0.075), + border2: rgba(0,0,0,0.25), + border2-bg: rgba(255,255,255,0.2) + ), + + accent4: ( + bg: #76ddff, + fg-bold: #ffffff, + fg: mix(#76ddff, #ffffff, 25%), + fg-light: mix(#76ddff, #ffffff, 40%), + border: rgba(0,0,0,0.125), + border-bg: rgba(255,255,255,0.075), + border2: rgba(0,0,0,0.25), + border2-bg: rgba(255,255,255,0.2) + ), + + accent5: ( + bg: #505393, + fg-bold: #ffffff, + fg: mix(#505393, #ffffff, 25%), + fg-light: mix(#505393, #ffffff, 40%), + border: rgba(0,0,0,0.125), + border-bg: rgba(255,255,255,0.075), + border2: rgba(0,0,0,0.25), + border2-bg: rgba(255,255,255,0.2) + ), + + accent6: ( + bg: #ed4933, + fg-bold: #ffffff, + fg: mix(#ed4933, #ffffff, 25%), + fg-light: mix(#ed4933, #ffffff, 40%), + border: rgba(0,0,0,0.125), + border-bg: rgba(255,255,255,0.075), + border2: rgba(0,0,0,0.25), + border2-bg: rgba(255,255,255,0.2) + ), + + accent7: ( + bg: #ffffff, + fg-bold: #2E3842, + fg: #4E4852, + fg-light: #8E8892, + border: #dfdfdf, + border-bg: rgba(0,0,0,0.0375), + border2: #bfbfbf, + border2-bg: rgba(0,0,0,0.1) + ) + ); diff --git a/lib/docs/css/code.css b/lib/docs/css/code.css new file mode 100644 index 0000000..005d477 --- /dev/null +++ b/lib/docs/css/code.css @@ -0,0 +1,64 @@ +.highlight .hll { background-color: #49483e } +.highlight .c { color: #75715e } /* Comment */ +.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ +.highlight .k { color: #66d9ef } /* Keyword */ +.highlight .l { color: #ae81ff } /* Literal */ +.highlight .n { color: #f8f8f2 } /* Name */ +.highlight .o { color: #f92672 } /* Operator */ +.highlight .p { color: #f8f8f2 } /* Punctuation */ +.highlight .cm { color: #75715e } /* Comment.Multiline */ +.highlight .cp { color: #75715e } /* Comment.Preproc */ +.highlight .c1 { color: #75715e } /* Comment.Single */ +.highlight .cs { color: #75715e } /* Comment.Special */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .kc { color: #66d9ef } /* Keyword.Constant */ +.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ +.highlight .kn { color: #f92672 } /* Keyword.Namespace */ +.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ +.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ +.highlight .kt { color: #66d9ef } /* Keyword.Type */ +.highlight .ld { color: #e6db74 } /* Literal.Date */ +.highlight .m { color: #ae81ff } /* Literal.Number */ +.highlight .s { color: #e6db74 } /* Literal.String */ +.highlight .na { color: #a6e22e } /* Name.Attribute */ +.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ +.highlight .nc { color: #a6e22e } /* Name.Class */ +.highlight .no { color: #66d9ef } /* Name.Constant */ +.highlight .nd { color: #a6e22e } /* Name.Decorator */ +.highlight .ni { color: #f8f8f2 } /* Name.Entity */ +.highlight .ne { color: #a6e22e } /* Name.Exception */ +.highlight .nf { color: #a6e22e } /* Name.Function */ +.highlight .nl { color: #f8f8f2 } /* Name.Label */ +.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ +.highlight .nx { color: #a6e22e } /* Name.Other */ +.highlight .py { color: #f8f8f2 } /* Name.Property */ +.highlight .nt { color: #f92672 } /* Name.Tag */ +.highlight .nv { color: #f8f8f2 } /* Name.Variable */ +.highlight .ow { color: #f92672 } /* Operator.Word */ +.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ +.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ +.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ +.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ +.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ +.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ +.highlight .sc { color: #e6db74 } /* Literal.String.Char */ +.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ +.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ +.highlight .se { color: #ae81ff } /* Literal.String.Escape */ +.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ +.highlight .sx { color: #e6db74 } /* Literal.String.Other */ +.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ +.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ +.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ +.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +.highlight .gh { } /* Generic Heading & Diff Header */ +.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ +.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ +.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ diff --git a/lib/docs/css/font-awesome.min.css b/lib/docs/css/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/lib/docs/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.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} diff --git a/lib/docs/css/ie8.scss b/lib/docs/css/ie8.scss new file mode 100644 index 0000000..c0e0e97 --- /dev/null +++ b/lib/docs/css/ie8.scss @@ -0,0 +1,119 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- + +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/skel'; + +/* + Spectral by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Icon */ + + .icon { + &.major { + border: none; + + &:before { + font-size: 3em; + } + } + } + +/* Form */ + + label { + color: _palette(accent7, fg-bold); + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + border: solid 1px _palette(accent7, border); + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + border: solid 2px _palette(accent7, border); + + &.special { + border: 0 !important; + } + } + +/* Page Wrapper + Menu */ + + #menu { + display: none; + } + + body.is-menu-visible { + #menu { + display: block; + } + } + +/* Header */ + + #header { + nav { + > ul { + > li { + > a { + &.menuToggle { + &:after { + display: none; + } + } + } + } + } + } + } + +/* Banner + Wrapper (style4) */ + + #banner, + .wrapper.style4 { + -ms-behavior: url('js/ie/backgroundsize.min.htc'); + + &:before { + display: none; + } + } + +/* Banner */ + + #banner { + .more { + height: 4em; + + &:after { + display: none; + } + } + } + +/* Main */ + + #main { + > header { + -ms-behavior: url('js/ie/backgroundsize.min.htc'); + + &:before { + display: none; + } + } + } diff --git a/lib/docs/css/ie9.scss b/lib/docs/css/ie9.scss new file mode 100644 index 0000000..eaa7724 --- /dev/null +++ b/lib/docs/css/ie9.scss @@ -0,0 +1,138 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- + +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/skel'; + +/* + Spectral by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Spotlight */ + + .spotlight { + display: block; + + .image { + display: inline-block; + vertical-align: top; + } + + .content { + @include padding(4em, 4em); + display: inline-block; + } + + &:after { + clear: both; + content: ''; + display: block; + } + } + +/* Features */ + + .features { + display: block; + + li { + float: left; + } + + &:after { + content: ''; + display: block; + clear: both; + } + } + +/* Banner + Wrapper (style4) */ + + #banner, + .wrapper.style4 { + background-image: url("../../images/banner.jpg"); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + position: relative; + + &:before { + background: #000000; + content: ''; + height: 100%; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + width: 100%; + } + + .inner { + position: relative; + z-index: 1; + } + } + +/* Banner */ + + #banner { + @include padding(14em, 0); + height: auto; + + &:after { + display: none; + } + } + +/* CTA */ + + #cta { + .inner { + header { + float: left; + } + + .actions { + float: left; + } + + &:after { + clear: both; + content: ''; + display: block; + } + } + } + +/* Main */ + + #main { + > header { + background-image: url("../../images/banner.jpg"); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + position: relative; + + &:before { + background: #000000; + content: ''; + height: 100%; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + width: 100%; + } + + > * { + position: relative; + z-index: 1; + } + } + } diff --git a/lib/docs/css/images/arrow.svg b/lib/docs/css/images/arrow.svg new file mode 100644 index 0000000..7baae67 --- /dev/null +++ b/lib/docs/css/images/arrow.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/lib/docs/css/images/bars.svg b/lib/docs/css/images/bars.svg new file mode 100644 index 0000000..a4765d7 --- /dev/null +++ b/lib/docs/css/images/bars.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/lib/docs/css/images/close.svg b/lib/docs/css/images/close.svg new file mode 100644 index 0000000..d2c2a2f --- /dev/null +++ b/lib/docs/css/images/close.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/lib/docs/css/main.scss b/lib/docs/css/main.scss new file mode 100644 index 0000000..624c82e --- /dev/null +++ b/lib/docs/css/main.scss @@ -0,0 +1,2100 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- + +$baseurl: '{{ site.baseurl }}/images'; + +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'font-awesome.min.css'; +@import 'popper.css'; +@import 'code.css'; +@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic'); + +/* +Spectral by HTML5 UP +html5up.net | @n33co +Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +@import 'libs/skel'; + +@include skel-breakpoints(( + xlarge: '(max-width: 1680px)', + large: '(max-width: 1280px)', + medium: '(max-width: 980px)', + small: '(max-width: 736px)', + xsmall: '(max-width: 480px)' + )); + +@include skel-layout(( + reset: 'full', + boxModel: 'border', + grid: ( gutters: 1.5em ) + )); + +/* Basic */ + +@-ms-viewport { + width: device-width; +} + +body { + background: _palette(bg); + + &.is-loading { + *, *:before, *:after { + @include vendor('animation', 'none !important'); + @include vendor('transition', 'none !important'); + } + } +} + +body, input, select, textarea { + color: _palette(fg); + font-family: _font(family); + font-size: 15pt; + font-weight: _font(weight); + letter-spacing: _size(letter-spacing); + line-height: 1.65em; + + @include breakpoint(xlarge) { + font-size: 13pt; + } + + @include breakpoint(large) { + font-size: 12pt; + } + + @include breakpoint(small) { + font-size: 11pt; + letter-spacing: _size(letter-spacing) * 0.5; + } +} + +a { + @include vendor('transition', ('color #{_duration(transitions)} ease', 'border-bottom-color #{_duration(transitions)} ease')); + border-bottom: dotted 1px; + color: inherit; + text-decoration: none; + + &:hover { + border-bottom-color: transparent; + } +} + +strong, b { + color: _palette(fg-bold); + font-weight: _font(weight-bold); +} + +em, i { + font-style: italic; +} + +p { + margin: 0 0 _size(element-margin) 0; +} + +h1, h2, h3, h4, h5, h6 { + color: _palette(fg-bold); + font-weight: _font(weight-extrabold); + letter-spacing: _size(letter-spacing-alt); + line-height: 1em; + margin: 0 0 (_size(element-margin) * 0.5) 0; + text-transform: uppercase; + + a { + color: inherit; + text-decoration: none; + } +} + +h2 { + font-size: 1.35em; + line-height: 1.75em; + + @include breakpoint(small) { + font-size: 1.1em; + line-height: 1.65em; + } +} + +h3 { + font-size: 1.15em; + line-height: 1.75em; + + @include breakpoint(small) { + font-size: 1em; + line-height: 1.65em; + } +} + +h4 { + font-size: 1em; + line-height: 1.5em; +} + +h5 { + font-size: 0.8em; + line-height: 1.5em; +} + +h6 { + font-size: 0.7em; + line-height: 1.5em; +} + +sub { + font-size: 0.8em; + position: relative; + top: 0.5em; +} + +sup { + font-size: 0.8em; + position: relative; + top: -0.5em; +} + +hr { + border: 0; + border-bottom: solid 2px _palette(border); + margin: (_size(element-margin) * 1.5) 0; + + &.major { + margin: (_size(element-margin) * 2.25) 0; + } +} + +blockquote { + border-left: solid 4px _palette(border); + font-style: italic; + margin: 0 0 _size(element-margin) 0; + padding: 0.5em 0 0.5em 2em; +} + +code { + background: _palette(border-bg); + border-radius: 3px; + font-family: _font(family-fixed); + font-size: 0.9em; + letter-spacing: 0; + margin: 0 0.25em; + padding: 0.25em 0.65em; +} + +pre { + -webkit-overflow-scrolling: touch; + font-family: _font(family-fixed); + font-size: 0.8em; + margin: 0 0 _size(element-margin) 0; + text-align: left; + + code { + display: block; + line-height: 1.75em; + padding: 1em 1.5em; + overflow-x: auto; + } +} + +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-right { + text-align: right; +} + +/* Section/Article */ + +section, article { + &.special { + text-align: center; + } +} + +header { + p { + color: _palette(fg-light); + position: relative; + top: -0.25em; + } + + h2 + p { + } + + h3 + p { + font-size: 1.1em; + } + + h4 + p, + h5 + p, + h6 + p { + font-size: 0.9em; + } + + &.major { + margin: 0 0 (_size(element-margin) * 1.75) 0; + + h2, h3, h4, h5, h6 { + border-bottom: solid 2px _palette(border); + display: inline-block; + padding-bottom: 1em; + position: relative; + + &:after { + content: ''; + display: block; + height: 1px; + } + } + + p { + color: _palette(fg); + top: 0; + } + + @include breakpoint(small) { + margin: 0 0 _size(element-margin) 0; + } + } + + @include breakpoint(medium) { + br { + display: none; + } + } +} + +/* Form */ + +form { + margin: 0 0 _size(element-margin) 0; +} + +label { + color: _palette(fg-bold); + display: block; + font-size: 0.9em; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; +} + +input[type="text"], +input[type="password"], +input[type="email"], +select, +textarea { + @include vendor('appearance', 'none'); + background: _palette(border-bg); + border-radius: 3px; + border: none; + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; + + &:invalid { + box-shadow: none; + } + + &:focus { + box-shadow: 0 0 0 2px _palette(accent1, bg); + } +} + +.select-wrapper { + @include icon; + display: block; + position: relative; + + &:before { + @include vendor('pointer-events', 'none'); + color: _palette(border); + content: '\f078'; + display: block; + height: _size(element-height); + line-height: _size(element-height); + position: absolute; + right: 0; + text-align: center; + top: 0; + width: _size(element-height); + } + + select::-ms-expand { + display: none; + } +} + +input[type="text"], +input[type="password"], +input[type="email"], +select { + height: _size(element-height); +} + +textarea { + padding: 0.75em 1em; +} + +input[type="checkbox"], +input[type="radio"], { + @include vendor('appearance', 'none'); + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; + + & + label { + @include icon; + color: _palette(fg); + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: _font(weight); + padding-left: (_size(element-height) * 0.6) + 0.75em; + padding-right: 0.75em; + position: relative; + + &:before { + background: _palette(border-bg); + border-radius: 3px; + content: ''; + display: inline-block; + height: (_size(element-height) * 0.6); + left: 0; + line-height: (_size(element-height) * 0.575); + position: absolute; + text-align: center; + top: 0; + width: (_size(element-height) * 0.6); + } + } + + &:checked + label { + &:before { + background: _palette(bg); + color: _palette(fg-bold); + content: '\f00c'; + } + } + + &:focus + label { + &:before { + box-shadow: 0 0 0 2px _palette(accent1, bg); + } + } +} + +input[type="checkbox"] { + & + label { + &:before { + border-radius: 3px; + } + } +} + +input[type="radio"] { + & + label { + &:before { + border-radius: 100%; + } + } +} + +::-webkit-input-placeholder { + color: _palette(fg-light) !important; + opacity: 1.0; +} + +:-moz-placeholder { + color: _palette(fg-light) !important; + opacity: 1.0; +} + +::-moz-placeholder { + color: _palette(fg-light) !important; + opacity: 1.0; +} + +:-ms-input-placeholder { + color: _palette(fg-light) !important; + opacity: 1.0; +} + +.formerize-placeholder { + color: _palette(fg-light) !important; + opacity: 1.0; +} + +/* Box */ + +.box { + border-radius: 3px; + border: solid 2px _palette(border); + margin-bottom: _size(element-margin); + padding: 1.5em; + + > :last-child, + > :last-child > :last-child, + > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + &.alt { + border: 0; + border-radius: 0; + padding: 0; + } +} + +/* Icon */ + +.icon { + @include icon; + border-bottom: none; + position: relative; + + > .label { + display: none; + } + + &.major { + @include vendor('transform', 'rotate(-45deg)'); + border-radius: 3px; + border: solid 2px _palette(border); + display: inline-block; + font-size: 1.35em; + height: calc(3em + 2px); + line-height: 3em; + text-align: center; + width: calc(3em + 2px); + + &:before { + @include vendor('transform', 'rotate(45deg)'); + display: inline-block; + font-size: 1.5em; + } + + @include breakpoint(small) { + font-size: 1em; + } + } + + &.style1 { + color: _palette(accent2, bg); + } + + &.style2 { + color: _palette(accent3, bg); + } + + &.style3 { + color: _palette(accent4, bg); + } + + &.nearjs { + background-color: #FFC107; + color: #FFF; + } + + &.popperjs { + background-color: #E91E63; + color: #FFF; + } +} + +/* Image */ + +.image { + border-radius: 3px; + border: 0; + display: inline-block; + position: relative; + + img { + border-radius: 3px; + display: block; + } + + &.left { + float: left; + margin: 0 2em 2em 0; + top: 0.25em; + } + + &.right { + float: right; + margin: 0 0 2em 2em; + top: 0.25em; + } + + &.left, + &.right { + max-width: 40%; + + img { + width: 100%; + } + } + + &.fit { + display: block; + margin: 0 0 _size(element-margin) 0; + width: 100%; + + img { + width: 100%; + } + } +} + +/* List */ + +ol { + list-style: decimal; + margin: 0 0 _size(element-margin) 0; + padding-left: 1.25em; + + li { + padding-left: 0.25em; + } +} + +ul { + list-style: disc; + margin: 0 0 _size(element-margin) 0; + padding-left: 1em; + + li { + padding-left: 0.5em; + } + + &.alt { + list-style: none; + padding-left: 0; + + li { + border-top: solid 1px _palette(border); + padding: 0.5em 0; + + &:first-child { + border-top: 0; + padding-top: 0; + } + } + } + + &.icons { + cursor: default; + list-style: none; + padding-left: 0; + + li { + display: inline-block; + padding: 0 1em 0 0; + + &:last-child { + padding-right: 0 !important; + } + } + + &.major { + padding: 1em 0; + + li { + padding-right: 3.5em; + + @include breakpoint(small) { + padding: 0 1em !important; + } + } + } + } + + &.actions { + cursor: default; + list-style: none; + padding-left: 0; + + li { + display: inline-block; + padding: 0 (_size(element-margin) * 0.75) 0 0; + vertical-align: middle; + + &:last-child { + padding-right: 0; + } + } + + &.small { + li { + padding: 0 (_size(element-margin) * 0.375) 0 0; + } + } + + &.vertical { + li { + display: block; + padding: (_size(element-margin) * 0.75) 0 0 0; + + &:first-child { + padding-top: 0; + } + + > * { + margin-bottom: 0; + } + } + + &.small { + li { + padding: (_size(element-margin) * 0.375) 0 0 0; + + &:first-child { + padding-top: 0; + } + } + } + } + + &.fit { + display: table; + margin-left: (_size(element-margin) * -0.75); + padding: 0; + table-layout: fixed; + width: calc(100% + #{(_size(element-margin) * 0.75)}); + + li { + display: table-cell; + padding: 0 0 0 (_size(element-margin) * 0.75); + + > * { + margin-bottom: 0; + } + } + + &.small { + margin-left: (_size(element-margin) * -0.375); + width: calc(100% + #{(_size(element-margin) * 0.375)}); + + li { + padding: 0 0 0 (_size(element-margin) * 0.375); + } + } + } + + @include breakpoint(small) { + li { + display: block; + padding: (_size(element-margin) * 0.5) 0 0 0; + text-align: center; + width: 100%; + + &:first-child { + padding-top: 0; + } + + > * { + margin: 0 auto !important; + max-width: 30em; + width: 100%; + + &.icon { + &:before { + margin-left: -1em; + } + } + } + } + + &.small { + li { + padding: (_size(element-margin) * 0.25) 0 0 0; + + &:first-child { + padding-top: 0; + } + } + } + } + } +} + +dl { + margin: 0 0 _size(element-margin) 0; +} + +/* Table */ + +.table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; +} + +table { + margin: 0 0 _size(element-margin) 0; + width: 100%; + + tbody { + tr { + border: solid 1px _palette(border); + border-left: 0; + border-right: 0; + + &:nth-child(2n + 1) { + background-color: _palette(border-bg); + } + } + } + + td { + padding: 0.75em 0.75em; + } + + th { + color: _palette(fg-bold); + font-size: 0.9em; + font-weight: _font(weight-bold); + padding: 0 0.75em 0.75em 0.75em; + text-align: left; + } + + thead { + border-bottom: solid 2px _palette(border); + } + + tfoot { + border-top: solid 2px _palette(border); + } + + &.alt { + border-collapse: separate; + + tbody { + tr { + td { + border: solid 1px _palette(border); + border-left-width: 0; + border-top-width: 0; + + &:first-child { + border-left-width: 1px; + } + } + + &:first-child { + td { + border-top-width: 1px; + } + } + } + } + + thead { + border-bottom: 0; + } + + tfoot { + border-top: 0; + } + } +} + +/* Button */ + +input[type="submit"], +input[type="reset"], +input[type="button"], +button, +.button { + @include vendor('appearance', 'none'); + @include vendor('transition', ('background-color #{_duration(transitions)} ease-in-out', 'color #{_duration(transitions)} ease-in-out')); + background-color: transparent; + border-radius: 3px; + border: 0; + box-shadow: inset 0 0 0 2px _palette(border); + color: _palette(fg-bold); + cursor: pointer; + display: inline-block; + font-size: 0.8em; + font-weight: _font(weight-bold); + height: 3.125em; + letter-spacing: _size(letter-spacing-alt); + line-height: 3.125em; + padding: 0 2.75em; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + &:hover { + background-color: _palette(border-bg); + } + + &:active { + background-color: _palette(border2-bg); + } + + &.icon { + &:before { + margin-right: 0.5em; + } + } + + &.fit { + display: block; + margin: 0 0 (_size(element-margin) * 0.5) 0; + width: 100%; + } + + &.small { + font-size: 0.8em; + } + + &.big { + font-size: 1.35em; + } + + &.special { + background-color: _palette(accent6, bg); + box-shadow: none !important; + color: _palette(accent6, fg-bold) !important; + + &:hover { + background-color: lighten(_palette(accent6, bg), 5) !important; + } + + &:active { + background-color: darken(_palette(accent6, bg), 5) !important; + } + } + + &.disabled, + &:disabled { + @include vendor('pointer-events', 'none'); + opacity: 0.25; + } + + @include breakpoint(small) { + height: 3.75em; + line-height: 3.75em; + } +} + +/* Features */ + +.features { + @include vendor('display', 'flex'); + @include vendor('flex-wrap', 'wrap'); + @include vendor('justify-content', 'center'); + list-style: none; + padding: 0; + width: 100%; + + li { + @include padding(4em, 4em, (0,0,0,2em)); + display: block; + position: relative; + text-align: left; + width: 50%; + + @for $i from 1 through _misc(max-features) { + $j: 0.035 * $i; + + &:nth-child(#{$i}) { + background-color: rgba(0,0,0, $j); + } + } + + &:before { + display: block; + color: _palette(accent2, bg); + position: absolute; + left: 1.75em; + top: 2.75em; + font-size: 1.5em; + } + + &:nth-child(1) { + border-top-left-radius: 3px; + } + + &:nth-child(2) { + border-top-right-radius: 3px; + } + + &:nth-last-child(1) { + border-bottom-right-radius: 3px; + } + + &:nth-last-child(2) { + border-bottom-left-radius: 3px; + } + + @include breakpoint(medium) { + @include padding(3em, 2em); + text-align: center; + + &:before { + left: 0; + margin: 0 0 (_size(element-margin) * 0.5) 0; + position: relative; + top: 0; + } + } + + @include breakpoint(small) { + @include padding(3em, 0); + background-color: transparent !important; + border-top: solid 2px _palette(border); + width: 100%; + + &:first-child { + border-top: 0; + } + } + } +} + +/* Spotlight */ + +.spotlight { + @include vendor('display', 'flex'); + + .image { + @include vendor('order', '1'); + border-radius: 0; + width: 40%; + + img { + border-radius: 0; + width: 100%; + } + } + + .example { + @include vendor('order', '1'); + position: relative; + min-height: 450px; + width: 40%; + background: rgba(0,0,0,0.3); + display: flex; + align-content: center; + align-items: center; + } + + &.half-height .example { + min-height: 350px; + } + + .content { + @include padding(2em, 4em); + @include vendor('order', '2'); + max-width: 48em; + width: 60%; + } + + &:nth-child(2n) { + @include vendor('flex-direction', 'row-reverse'); + } + + @for $i from 1 through _misc(max-spotlights) { + $j: 0.075 * $i; + + &:nth-child(#{$i}) { + background-color: rgba(0,0,0, $j); + } + } + + @include breakpoint(large) { + .image { + width: 45%; + } + + .content { + width: 55%; + } + } + + @include breakpoint(medium) { + display: block; + + br { + display: none; + } + + .image, .example { + width: 100%; + } + + .content { + @include padding(4em, 3em); + max-width: none; + text-align: center; + width: 100%; + } + } + + @include breakpoint(small) { + .content { + @include padding(3em, 2em); + } + } +} + +/* Wrapper */ + +@mixin wrapper($p) { + background-color: _palette($p, bg); + color: _palette($p, fg); + + // Basic + + strong, b { + color: _palette($p, fg-bold); + } + + h2, h3, h4, h5, h6 { + color: _palette($p, fg-bold); + } + + hr { + border-color: _palette($p, border); + } + + blockquote { + border-color: _palette($p, border); + } + + code { + background: _palette($p, border-bg); + } + + // Section/Article + + header { + p { + color: _palette($p, fg-light); + } + + &.major { + h2, h3, h4, h5, h6 { + border-color: _palette($p, border); + } + + p { + color: _palette($p, fg); + } + } + } + + // Form + + label { + color: _palette($p, fg-bold); + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background: _palette($p, border-bg); + } + + .select-wrapper { + &:before { + color: _palette($p, border); + } + } + + input[type="checkbox"], + input[type="radio"], { + & + label { + color: _palette($p, fg); + + &:before { + background: _palette($p, border-bg); + } + } + + &:checked + label { + &:before { + background: _palette($p, fg-bold); + color: _palette($p, bg); + } + } + } + + ::-webkit-input-placeholder { + color: _palette($p, fg-light) !important; + } + + :-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + ::-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + :-ms-input-placeholder { + color: _palette($p, fg-light) !important; + } + + .formerize-placeholder { + color: _palette($p, fg-light) !important; + } + + // Icon + + .icon { + &.major { + border-color: _palette($p, border); + } + } + + // List + + ul { + &.alt { + li { + border-color: _palette($p, border); + } + } + } + + // Table + + table { + tbody { + tr { + border-color: _palette($p, border); + + &:nth-child(2n + 1) { + background-color: _palette($p, border-bg); + } + } + } + + th { + color: _palette($p, fg-bold); + } + + thead { + border-color: _palette($p, border); + } + + tfoot { + border-color: _palette($p, border); + } + + &.alt { + tbody { + tr { + td { + border-color: _palette($p, border); + } + } + } + } + } + + // Button + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + box-shadow: inset 0 0 0 2px _palette($p, border); + color: _palette($p, fg-bold); + + &:hover { + background-color: _palette($p, border-bg); + } + + &:active { + background-color: _palette($p, border2-bg); + } + } + + // Features + + .features { + li { + @include breakpoint(small) { + border-top-color: _palette($p, border); + } + } + } + +} + +.wrapper { + @include padding(6em, 0); + + > .inner { + width: 60em; + margin: 0 auto; + + @include breakpoint(large) { + width: 90%; + } + + @include breakpoint(medium) { + width: 100%; + } + } + + &.alt { + padding: 0; + } + + &.small { + @include padding(3em, 0); + } + + &.style1 { + @include wrapper(accent1); + } + + &.style2 { + color: _palette(accent1, fg-light); + background-color: _palette(bg); + } + + &.style3 { + @include wrapper(accent5); + } + + &.style4 { + background-color: transparent; + } + + &.style5 { + @include wrapper(accent7); + } + + &.sponsor { + display: block; + height: 100px; + padding: 0; + background-color: #EE5A4C; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: 0; + &:hover { + text-decoration: none; + } + img { + width: 130px; + z-index: 1; + } + } + + @include breakpoint(medium) { + @include padding(4em, 3em); + } + + @include breakpoint(small) { + @include padding(3em, 2em); + } +} + +/* Page Wrapper + Menu */ + +#page-wrapper { + @include vendor('transition', 'opacity #{_duration(menu)} ease'); + opacity: 1; + padding-top: 3em; + + &:before { + background: rgba(0,0,0,0); + content: ''; + display: block; + display: none; + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: _misc(z-index-base) + 1; + } +} + +#menu { + @include vendor('transform', 'translateX(-50%)'); + color: _palette(accent1, fg-bold); + left: 50%; + position: fixed; + top: 0; + white-space: nowrap; + z-index: _misc(z-index-base) + 2; + + @include breakpoint(large) { + @include vendor('transform', 'translateX(20em)'); + @include vendor('transition', 'transform #{_duration(menu)} ease'); + -webkit-overflow-scrolling: touch; + left: auto; + background: _palette(accent1, bg); + height: 100%; + max-width: 80%; + overflow-y: auto; + padding: 3em 2em; + right: 0; + white-space: normal; + width: 20em; + } + + ul { + display: flex; + list-style: none; + margin: 0; + padding: 0; + + @include breakpoint(large) { + display: block; + } + + > li { + @include breakpoint(large) { + border-top: solid 1px _palette(accent1, border); + margin: 0.5em 0 0 0; + padding: 0.5em 0 0 0; + + &:first-child { + border-top: 0 !important; + margin-top: 0 !important; + padding-top: 0 !important; + } + } + + > a { + border: 0; + color: inherit; + display: block; + font-size: 0.8em; + letter-spacing: _size(letter-spacing-alt); + outline: 0; + padding: 0.9em 1em; + text-decoration: none; + text-transform: uppercase; + + @include breakpoint(small) { + line-height: 3em; + } + + @include breakpoint(large) { + padding: 0; + } + } + } + } + + .close { + display: none; + + @include breakpoint(large) { + background-image: url('images/close.svg'); + background-position: 4.85em 1em; + background-repeat: no-repeat; + border: 0; + cursor: pointer; + display: block; + height: 3em; + position: absolute; + right: 0; + top: 0; + vertical-align: middle; + width: 7em; + } + } + + @include breakpoint(small) { + padding: 3em 1.5em; + } +} + +body.is-menu-visible { + #page-wrapper { + opacity: 0.35; + + &:before { + display: block; + } + } + + #menu { + @include breakpoint(large) { + @include vendor('transform', 'translateX(0)'); + } + } +} + +/* Header */ + +#header { + @include vendor('transition', 'background-color #{_duration(transitions)} ease'); + background-color: _palette(bg); + background-image: linear-gradient(to bottom, rgba(46, 56, 66, 1) 0%, rgba(46, 56, 66, 0) 100%); + height: 3em; + left: 0; + line-height: 3em; + position: fixed; + top: 0; + width: 100%; + z-index: _misc(z-index-base); + + h1 { + @include vendor('transition', 'opacity #{_duration(transitions)} ease'); + height: inherit; + left: 1.25em; + line-height: inherit; + position: absolute; + top: 0; + + a { + border: 0; + display: block; + height: inherit; + line-height: inherit; + + @include breakpoint(small) { + font-size: 0.8em; + } + } + } + + nav { + height: inherit; + line-height: inherit; + position: absolute; + right: 0; + top: 0; + + > ul { + list-style: none; + margin: 0; + padding: 0; + white-space: nowrap; + + > li { + display: inline-block; + padding: 0; + + > a { + border: 0; + color: _palette(fg-bold); + display: block; + font-size: 0.8em; + letter-spacing: _size(letter-spacing-alt); + padding: 0 1.5em; + text-transform: uppercase; + + &.menuToggle { + opacity: 0; + pointer-events: none; + display: block; + outline: 0; + position: relative; + + &:after { + background-image: url('images/bars.svg'); + background-position: right center; + background-repeat: no-repeat; + content: ''; + display: inline-block; + height: 3.75em; + vertical-align: top; + width: 2em; + } + + @include breakpoint(small) { + padding: 0 1.5em; + + span { + display: none; + } + } + + @include breakpoint(large) { + opacity: 1; + pointer-events: auto; + } + } + + @include breakpoint(small) { + padding: 0 0 0 1.5em; + } + } + + &:first-child { + margin-left: 0; + } + } + } + } + + &.alt { + background-color: transparent; + + h1 { + @include vendor('pointer-events', 'none'); + opacity: 0; + } + } +} + +/* Banner */ + +#banner { + @include vendor('display', 'flex'); + @include vendor('flex-direction', 'column'); + @include vendor('justify-content', 'center'); + cursor: default; + height: 100vh; + min-height: 35em; + overflow: hidden; + position: relative; + text-align: center; + + h2 { + @include vendor('transform', 'scale(1)'); + @include vendor('transition', ('transform 0.5s ease', 'opacity 0.5s ease')); + display: inline-block; + font-size: 1.75em; + opacity: 1; + padding: 0.35em 1em; + position: relative; + z-index: 1; + + &:before, &:after { + @include vendor('transition', 'width 0.85s ease'); + @include vendor('transition-delay', '0.25s'); + background: _palette(fg-bold); + content: ''; + display: block; + height: 2px; + position: absolute; + width: 100%; + } + + &:before { + top: 0; + left: 0; + } + + &:after { + bottom: 0; + right: 0; + } + } + + p { + letter-spacing: _size(letter-spacing-alt); + text-transform: uppercase; + + a { + color: inherit; + } + } + + .more { + @include vendor('transition', ('transform 0.75s ease', 'opacity 0.75s ease')); + @include vendor('transition-delay', '3.5s'); + @include vendor('transform', 'translateY(0)'); + border: none; + bottom: 0; + color: inherit; + font-size: 0.8em; + height: 8.5em; + left: 50%; + letter-spacing: _size(letter-spacing-alt); + margin-left: -8.5em; + opacity: 1; + outline: 0; + padding-left: _size(letter-spacing-alt); + position: absolute; + text-align: center; + text-transform: uppercase; + width: 16em; + z-index: 1; + + &:after { + background-image: url('images/arrow.svg'); + background-position: center; + background-repeat: no-repeat; + background-size: contain; + bottom: 4em; + content: ''; + display: block; + height: 1.5em; + left: 50%; + margin: 0 0 0 -0.75em; + position: absolute; + width: 1.5em; + } + } + + &:after { + @include vendor('pointer-events', 'none'); + @include vendor('transition', 'opacity #{_duration(fadein)} ease-in-out'); + @include vendor('transition-delay', '1.25s'); + content: ''; + background: _palette(bg); + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + opacity: 0; + } + + @include breakpoint(small) { + @include padding(7em, 3em); + height: auto; + min-height: 0; + + h2 { + font-size: 1.25em; + } + + br { + display: none; + } + + .more { + display: none; + } + } +} + +body.is-loading { + #banner { + h2 { + @include vendor('transform', 'scale(0.95)'); + opacity: 0; + + &:before, &:after { + width: 0; + } + } + + .more { + @include vendor('transform', 'translateY(8.5em)'); + opacity: 0; + } + + &:after { + opacity: 1; + } + } +} + +/* CTA */ + +#cta { + .inner { + @include vendor('display', 'flex'); + max-width: 45em; + + header { + @include vendor('order', '1'); + padding-right: 3em; + width: 65%; + + p { + color: inherit; + } + } + + .actions { + @include vendor('order', '2'); + width: 35%; + } + + @include breakpoint(medium) { + display: block; + text-align: center; + + header { + padding-right: 0; + width: 100%; + } + + .actions { + margin-left: auto; + margin-right: auto; + max-width: 20em; + width: 100%; + } + } + + @include breakpoint(small) { + .actions { + max-width: none; + } + } + } +} + +/* Main */ + +#main { + > header { + @include padding(12em, 0); + @include stripes(to right, mix(#78C5D6, black, 40%) mix(#459BA8, black, 40%) mix(#79C267, black, 40%) mix(#C5D647, black, 40%) mix(#F5D63D, black, 40%) mix(#F28C33, black, 40%) mix(#E868A2, black, 40%) mix(#BF62A6, black, 40%)); + background-attachment: fixed; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + text-align: center; + + h2 { + font-size: 1.75em; + margin: 0 0 (_size(element-margin) * 0.25) 0; + } + + p { + color: inherit; + letter-spacing: _size(letter-spacing-alt); + text-transform: uppercase; + top: 0; + + a { + color: inherit; + } + } + + @include breakpoint(xlarge) { + @include padding(10em, 0); + } + + @include breakpoint(large) { + @include padding(8em, 3em); + } + + @include breakpoint(medium) { + @include padding(10em, 3em); + } + + @include breakpoint(small) { + @include padding(5em, 3em); + + h2 { + font-size: 1.25em; + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + } + } +} + +body.is-mobile { + #main { + > header { + background-attachment: scroll; + } + } +} + +/* Footer */ + +#footer { + @include padding(6em, 0); + background-color: darken(_palette(bg), 8); + text-align: center; + + .icons { + font-size: 1.25em; + + a { + color: _palette(fg-light); + + &:hover { + color: _palette(fg); + } + } + } + + .copyright { + color: _palette(fg-light); + font-size: 0.8em; + letter-spacing: _size(letter-spacing-alt); + list-style: none; + padding: 0; + text-transform: uppercase; + + li { + border-left: solid 1px _palette(fg-light); + display: inline-block; + line-height: 1em; + margin-left: 1em; + padding-left: 1em; + + &:first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; + } + + a { + color: inherit; + + &:hover { + color: _palette(fg); + } + } + + @include breakpoint(xsmall) { + border: 0; + display: block; + line-height: 1.65em; + margin: 0; + padding: 0.5em 0; + } + } + } + + @include breakpoint(medium) { + @include padding(4em, 3em); + } + + @include breakpoint(small) { + @include padding(3em, 2em); + } +} + +/* Landing */ + +body.landing { + #page-wrapper { + @include stripes(to right, mix(#78C5D6, black, 40%) mix(#459BA8, black, 40%) mix(#79C267, black, 40%) mix(#C5D647, black, 40%) mix(#F5D63D, black, 40%) mix(#F28C33, black, 40%) mix(#E868A2, black, 40%) mix(#BF62A6, black, 40%)); + background-attachment: fixed; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + padding-top: 0; + } + + #footer { + background-color: darken(transparentize(_palette(bg), 0.1), 8); + } +} + +body.is-mobile { + &.landing { + #page-wrapper { + background: none; + } + + #banner, + .wrapper.style4 { + @include stripes(to right, mix(#78C5D6, black, 40%) mix(#79C267, black, 40%) mix(#F5D63D, black, 40%) mix(#E868A2, black, 40%) ); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + } + + #footer { + background-color: darken(_palette(bg), 8); + } + } +} + + +/* Demo fixed popper */ + +#title-popper { + opacity: 0; + transition: 0.3s opacity ease-out; + z-index: 10001; + line-height: 0; +} +#header:not(.alt) #title-popper { + opacity: 1; +} + + +/* CarbonADS */ +#carbonads { + display: block; + overflow: hidden; + padding: 1em; + line-height: 1.5; + font-size: 0.7em; + margin: 0 auto -1em auto; + width: 400px; + border-radius: 2px; + background: rgba(0, 0, 0, 0.035); + margin-bottom: 1rem; +} + +#carbonads span { + display: block; + overflow: hidden; +} + +#carbonads a { + border: 0; +} + +.carbon-text { + display: block; + float: left; + max-width: 61%; + text-align: left; +} + +.carbon-img { + float: left; + margin-right: 1em; +} + +.carbon-poweredby { + display: block; + float: right; + margin-top: -1.9em; + font-size: .8em; +} + +.page-layout #carbonads { + float: right; +} + +@include breakpoint(medium) { + .page-layout #carbonads { + float: none; + } +} +@include breakpoint(small) { + #carbonads { + width: 314px; + } + #carbonads a { + max-width: 52%; + } +} +b.currentPosition { + color: black; + font-weight: 900; +} + +#example11positionSelector { + margin-top: 20px; +} + +.hidden { + display: none; +} +a[name]:not([href]) { + top: -50px; + position: relative; + display: block; + border: 0; +} +.page-layout { + h3, h4 { + text-transform: none; + letter-spacing: initial; + } + + .anchor { + position: absolute; + margin-left: -25px; + border: 0; + opacity: 0; + width: 30px; + } + *:hover > .anchor { + opacity: 1; + } +} + +.tweets-list { + display: flex; + flex-wrap: wrap; +} +.tweets-list__item { + flex: 1 0 500px; + box-sizing: border-box; + max-width: 100%; +} +iframe.twitter-tweet { + margin: 0 auto 2em auto !important; + box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, 0.26); + border-radius: 4px; + border: 1px solid #E1E8ED !important; +} + + +// nanoscroller +/** initial setup **/ +.nano { + position : relative; + width : 100%; + height : 100%; + overflow : hidden; +} +.nano > .nano-content { + position : absolute; + overflow : scroll; + overflow-x : hidden; + top : 0; + right : 0; + bottom : 0; + left : 0; +} +.nano > .nano-content:focus { + outline: thin dotted; +} +.nano > .nano-content::-webkit-scrollbar { + display: none; +} +.has-scrollbar > .nano-content::-webkit-scrollbar { + display: block; +} +.nano > .nano-pane { + position : absolute; + width : 10px; + right : 0; + top : 0; + bottom : 0; + border-radius: 5px; + opacity: .5; + transition: all .1s ease-in-out; +} +.nano:hover .nano-pane { + opacity: 1; +} +.nano > .nano-pane > .nano-slider { + background: #444; + background: rgba(255,255,255,.5); + position: relative; + margin: 0 1px; + border-radius: 3px; +} + +#main { + h1, h2, h3, h4, h5, h6 { + text-transform: none; + } +} diff --git a/lib/docs/css/popper.css b/lib/docs/css/popper.css new file mode 100644 index 0000000..57182d2 --- /dev/null +++ b/lib/docs/css/popper.css @@ -0,0 +1,140 @@ +.link-anchor { + position: relative; + width: 0; + font-size: .8em; + opacity: 0; + transition: opacity .2s ease-in-out; +} +.anchor-wrapper { + border: none; +} +.anchor-wrapper:hover .link-anchor { + opacity: 1; +} + +section h1[id]:focus, +section h2[id]:focus, +section h3[id]:focus, +section h4[id]:focus, +section h5[id]:focus { + outline: 0; +} + +p.thin { + font-weight: 100; + margin: 0; + line-height: 1.2em; +} + +p.bold { + font-weight: 900; + margin: 0; + margin-top: -5px; +} + +.rel { + width: 30%; + margin: 0 auto; + position: relative; + text-align: center; + padding: 20px; + border-style: dotted; + border-color: white; + border-width: medium; +} + +.popper, +.tooltip { + position: absolute; + background: #FFC107; + color: black; + width: 150px; + border-radius: 3px; + box-shadow: 0 0 2px rgba(0,0,0,0.5); + padding: 10px; + text-align: center; +} +.style5 .tooltip { + background: #1E252B; + color: #FFFFFF; + max-width: 200px; + width: auto; + font-size: .8rem; + padding: .5em 1em; +} +.popper .popper__arrow, +.tooltip .tooltip-arrow { + width: 0; + height: 0; + border-style: solid; + position: absolute; + margin: 5px; +} + +.tooltip .tooltip-arrow, +.popper .popper__arrow { + border-color: #FFC107; +} +.style5 .tooltip .tooltip-arrow { + border-color: #1E252B; +} +.popper[x-placement^="top"], +.tooltip[x-placement^="top"] { + margin-bottom: 5px; +} +.popper[x-placement^="top"] .popper__arrow, +.tooltip[x-placement^="top"] .tooltip-arrow { + border-width: 5px 5px 0 5px; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: transparent; + bottom: -5px; + left: calc(50% - 5px); + margin-top: 0; + margin-bottom: 0; +} +.popper[x-placement^="bottom"], +.tooltip[x-placement^="bottom"] { + margin-top: 5px; +} +.tooltip[x-placement^="bottom"] .tooltip-arrow, +.popper[x-placement^="bottom"] .popper__arrow { + border-width: 0 5px 5px 5px; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: transparent; + top: -5px; + left: calc(50% - 5px); + margin-top: 0; + margin-bottom: 0; +} +.tooltip[x-placement^="right"], +.popper[x-placement^="right"] { + margin-left: 5px; +} +.popper[x-placement^="right"] .popper__arrow, +.tooltip[x-placement^="right"] .tooltip-arrow { + border-width: 5px 5px 5px 0; + border-left-color: transparent; + border-top-color: transparent; + border-bottom-color: transparent; + left: -5px; + top: calc(50% - 5px); + margin-left: 0; + margin-right: 0; +} +.popper[x-placement^="left"], +.tooltip[x-placement^="left"] { + margin-right: 5px; +} +.popper[x-placement^="left"] .popper__arrow, +.tooltip[x-placement^="left"] .tooltip-arrow { + border-width: 5px 0 5px 5px; + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: transparent; + right: -5px; + top: calc(50% - 5px); + margin-left: 0; + margin-right: 0; +} diff --git a/lib/docs/documentation.html b/lib/docs/documentation.html new file mode 100644 index 0000000..3763a9e --- /dev/null +++ b/lib/docs/documentation.html @@ -0,0 +1,2 @@ + +Moved diff --git a/lib/docs/favicon-16x16.png b/lib/docs/favicon-16x16.png new file mode 100644 index 0000000..bd77842 Binary files /dev/null and b/lib/docs/favicon-16x16.png differ diff --git a/lib/docs/favicon-32x32.png b/lib/docs/favicon-32x32.png new file mode 100644 index 0000000..ab537a6 Binary files /dev/null and b/lib/docs/favicon-32x32.png differ diff --git a/lib/docs/favicon-96x96.png b/lib/docs/favicon-96x96.png new file mode 100644 index 0000000..3bcb127 Binary files /dev/null and b/lib/docs/favicon-96x96.png differ diff --git a/lib/docs/favicon.ico b/lib/docs/favicon.ico new file mode 100644 index 0000000..3af228c Binary files /dev/null and b/lib/docs/favicon.ico differ diff --git a/lib/docs/feed.xml b/lib/docs/feed.xml new file mode 100644 index 0000000..a6628bd --- /dev/null +++ b/lib/docs/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/lib/docs/fonts/FontAwesome.otf b/lib/docs/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/lib/docs/fonts/FontAwesome.otf differ diff --git a/lib/docs/fonts/fontawesome-webfont.eot b/lib/docs/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/lib/docs/fonts/fontawesome-webfont.eot differ diff --git a/lib/docs/fonts/fontawesome-webfont.svg b/lib/docs/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/lib/docs/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lib/docs/fonts/fontawesome-webfont.ttf b/lib/docs/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/lib/docs/fonts/fontawesome-webfont.ttf differ diff --git a/lib/docs/fonts/fontawesome-webfont.woff b/lib/docs/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/lib/docs/fonts/fontawesome-webfont.woff differ diff --git a/lib/docs/fonts/fontawesome-webfont.woff2 b/lib/docs/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/lib/docs/fonts/fontawesome-webfont.woff2 differ diff --git a/lib/docs/images/banner.jpg b/lib/docs/images/banner.jpg new file mode 100644 index 0000000..d5423e2 Binary files /dev/null and b/lib/docs/images/banner.jpg differ diff --git a/lib/docs/images/banner.png b/lib/docs/images/banner.png new file mode 100644 index 0000000..a1d4257 Binary files /dev/null and b/lib/docs/images/banner.png differ diff --git a/lib/docs/images/logo.png b/lib/docs/images/logo.png new file mode 100644 index 0000000..fb7bf38 Binary files /dev/null and b/lib/docs/images/logo.png differ diff --git a/lib/docs/images/pic01.jpg b/lib/docs/images/pic01.jpg new file mode 100644 index 0000000..a14ad04 Binary files /dev/null and b/lib/docs/images/pic01.jpg differ diff --git a/lib/docs/images/pic02.jpg b/lib/docs/images/pic02.jpg new file mode 100644 index 0000000..57a2a83 Binary files /dev/null and b/lib/docs/images/pic02.jpg differ diff --git a/lib/docs/images/pic03.jpg b/lib/docs/images/pic03.jpg new file mode 100644 index 0000000..cab2c29 Binary files /dev/null and b/lib/docs/images/pic03.jpg differ diff --git a/lib/docs/images/pic04.jpg b/lib/docs/images/pic04.jpg new file mode 100644 index 0000000..86b93fc Binary files /dev/null and b/lib/docs/images/pic04.jpg differ diff --git a/lib/docs/images/pic05.jpg b/lib/docs/images/pic05.jpg new file mode 100644 index 0000000..f2fc227 Binary files /dev/null and b/lib/docs/images/pic05.jpg differ diff --git a/lib/docs/index.html b/lib/docs/index.html new file mode 100644 index 0000000..3a63943 --- /dev/null +++ b/lib/docs/index.html @@ -0,0 +1,183 @@ +--- +layout: landing +--- + + + + +
+
+
+

Easily position tooltips, popovers or anything
+ with just a line of code!

+

+ Trust us, managing poppers can be a pain, we have learned it the hard way!
+ For this reason we have created Popper.js, your new best friend. +

+ +

+ Popper.js is just ~6KB minified and gzpipped, zero dependencies.
+ Its code base is in ES6 and is automatically tested against several browsers.
+ If this is not enough, it plays super nicely with + React, AngularJS and more! +

+ + + +
+
+
+ + +
+
+
+

Tooltip.js

+

+ Looking for a dead simple tooltip library?
+ Tooltip.js is powered by Popper.js and supports all the features you may neeed for your tooltips. +

+

+ Learn more +

+
+
+
+ + +
+
+
+ {% include example10.html %} +
+
+ {% include example10-code.html %} +
+
+
+
+ {% include example20.html %} +
+
+ {% include example20-code.html %} +
+
+
+
+ {% include example30.html %} +
+
+ {% include example30-code.html %} +
+
+
+
+ {% include example40.html %} +
+
+ {% include example40-code.html %} +
+
+
+
+ {% include example50.html %} +
+
+ {% include example50-code.html %} +
+
+
+ + +
+
+
+

Features

+

We know, every popper has its own story. You must be able to fully customize
+ its behavior with ease. We have prepared a set of awesome options to satisfy your needs!

+

But they will never be enough, for this reason, Popper.js supports plugins (we call them "Modifiers")

+
+ +
+
+ + +
+
+
+

Ready to start?

+

Visit our GitHub page to know how to get Popper.js and to learn more about it.

+
+ +
+
diff --git a/lib/docs/js/ie/backgroundsize.min.htc b/lib/docs/js/ie/backgroundsize.min.htc new file mode 100644 index 0000000..9b2592e --- /dev/null +++ b/lib/docs/js/ie/backgroundsize.min.htc @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/lib/docs/js/ie/html5shiv.js b/lib/docs/js/ie/html5shiv.js new file mode 100644 index 0000000..dcf351c --- /dev/null +++ b/lib/docs/js/ie/html5shiv.js @@ -0,0 +1,8 @@ +/* + HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); +a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); +for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1; + +return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="
a",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function aa(){return!0}function ba(){return!1}function ca(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),ha=/^\s+/,ia=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,ja=/<([\w:]+)/,ka=/\s*$/g,ra={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:k.htmlSerialize?[0,"",""]:[1,"X
","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("