diff --git a/.browserslistrc b/.browserslistrc new file mode 100644 index 000000000..a5808254d --- /dev/null +++ b/.browserslistrc @@ -0,0 +1,7 @@ +# Browsers that we support + +last 2 Chrome versions +last 2 Firefox versions +last 2 Safari versions +last 2 Edge versions +ie >= 10 diff --git a/.codeclimate.yml b/.codeclimate.yml new file mode 100644 index 000000000..1210135ae --- /dev/null +++ b/.codeclimate.yml @@ -0,0 +1,22 @@ +version: "2" +checks: + argument-count: + config: + threshold: 10 + method-count: + config: + threshold: 25 + method-lines: + config: + threshold: 30 +exclude_patterns: + - "demo/" + - "dist/" + - "docs/" + - "examples/" + - "jsdoc-template/" + - "**/node_modules/" + - "**/test/" + - "**/tests/" + - "**/vendor/" + - "babel.config.js" diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 000000000..887dd3ab4 --- /dev/null +++ b/.eslintignore @@ -0,0 +1,4 @@ +/coverage/ +/dist/ +/docs/ +/examples/ diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 000000000..0ae1e8d0f --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,40 @@ +module.exports = { + root: true, + parserOptions: { + ecmaVersion: 2020, + sourceType: 'module' + }, + extends: [ + 'eslint:recommended' + ], + env: { + browser: true, + es6: true + }, + rules: { + 'complexity': ['warn', 6], + 'max-lines': ['warn', { max: 250, skipBlankLines: true, skipComments: true }], + 'no-console': 'off', + 'no-unused-vars': 'off', + 'prefer-const': 'off' + }, + overrides: [ + // node files + { + files: [ + '.eslintrc.js', + 'babel.config.js', + 'jest.config.js', + 'rollup.config.js', + '__mocks__/styleMock.js' + ], + parserOptions: { + sourceType: 'module', + ecmaVersion: 2020 + }, + env: { + node: true + } + } + ] +}; diff --git a/.github/dependabot.yml b/.github/dependabot.yml new file mode 100644 index 000000000..52af1484b --- /dev/null +++ b/.github/dependabot.yml @@ -0,0 +1,11 @@ +version: 2 +updates: +- package-ecosystem: npm + directory: "/" + schedule: + interval: weekly + time: "10:00" + open-pull-requests-limit: 10 + labels: + - dependencies + versioning-strategy: increase diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml new file mode 100644 index 000000000..3e9eae2b7 --- /dev/null +++ b/.github/workflows/main.yml @@ -0,0 +1,49 @@ + +name: CI Build + +on: + pull_request: {} + push: + branches: + - master + tags: + - v* + +jobs: + test: + name: Tests + runs-on: ubuntu-latest + + steps: + - uses: actions/checkout@v4 + - uses: pnpm/action-setup@v4 + with: + version: 10 + - name: Install Node + uses: actions/setup-node@v4 + with: + node-version: 20 + cache: pnpm + - name: Install dependencies + run: pnpm i + - name: Cache Cypress binary + uses: actions/cache@v4 + with: + path: ~/.cache/Cypress + key: cypress-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }} + restore-keys: | + cypress-${{ runner.os }}- + - name: Install Cypress binary + run: pnpm exec cypress install + - run: pnpm test + + automerge: + needs: [test] + runs-on: ubuntu-latest + permissions: + pull-requests: write + contents: write + steps: + - uses: fastify/github-action-merge-dependabot@v3.2.0 + with: + github-token: ${{secrets.GITHUB_TOKEN}} diff --git a/.github/workflows/plan-release.yml b/.github/workflows/plan-release.yml new file mode 100644 index 000000000..e50a34eff --- /dev/null +++ b/.github/workflows/plan-release.yml @@ -0,0 +1,61 @@ +name: Plan Release +on: + workflow_dispatch: + push: + branches: + - main + - master + pull_request_target: # This workflow has permissions on the repo, do NOT run code from PRs in this workflow. See https://securitylab.github.com/research/github-actions-preventing-pwn-requests/ + types: + - labeled + - unlabeled + +concurrency: + group: plan-release # only the latest one of these should ever be running + cancel-in-progress: true + +jobs: + should-run-release-plan-prepare: + name: Should we run release-plan prepare? + runs-on: ubuntu-latest + outputs: + should-prepare: ${{ steps.should-prepare.outputs.should-prepare }} + steps: + - uses: release-plan/actions/should-prepare-release@v1 + with: + ref: 'master' + id: should-prepare + + create-prepare-release-pr: + name: Create Prepare Release PR + runs-on: ubuntu-latest + timeout-minutes: 5 + needs: should-run-release-plan-prepare + permissions: + contents: write + issues: read + pull-requests: write + if: needs.should-run-release-plan-prepare.outputs.should-prepare == 'true' + steps: + - uses: release-plan/actions/prepare@v1 + name: Run release-plan prepare + with: + ref: 'master' + env: + GITHUB_AUTH: ${{ secrets.GITHUB_TOKEN }} + id: explanation + + - uses: peter-evans/create-pull-request@v7 + name: Create Prepare Release PR + with: + commit-message: "Prepare Release ${{ steps.explanation.outputs.new-version}} using 'release-plan'" + labels: "internal" + sign-commits: true + branch: release-preview + title: Prepare Release ${{ steps.explanation.outputs.new-version }} + body: | + This PR is a preview of the release that [release-plan](https://github.com/embroider-build/release-plan) has prepared. To release you should just merge this PR 👍 + + ----------------------------------------- + + ${{ steps.explanation.outputs.text }} diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml new file mode 100644 index 000000000..269ed494f --- /dev/null +++ b/.github/workflows/publish.yml @@ -0,0 +1,43 @@ +# For every push to the primary branch with .release-plan.json modified, +# runs release-plan. + +name: Publish Stable + +on: + workflow_dispatch: + push: + branches: + - main + - master + paths: + - '.release-plan.json' + +concurrency: + group: publish-${{ github.head_ref || github.ref }} + cancel-in-progress: true + +jobs: + publish: + name: "NPM Publish" + runs-on: ubuntu-latest + permissions: + contents: write + id-token: write + attestations: write + + steps: + - uses: actions/checkout@v5 + - uses: pnpm/action-setup@v4 + with: + version: 10 + - uses: actions/setup-node@v6 + with: + node-version: 20 + registry-url: 'https://registry.npmjs.org' + cache: pnpm + - run: pnpm install --frozen-lockfile + - run: npm install -g npm@latest # ensure that the globally installed npm is new enough to support OIDC + - name: Publish to NPM + run: NPM_CONFIG_PROVENANCE=true pnpm release-plan publish + env: + GITHUB_AUTH: ${{ secrets.GITHUB_TOKEN }} diff --git a/.gitignore b/.gitignore index aa0d0369c..43e31c448 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,17 @@ -.sass-cache -node_modules/ -deps/ -.DS_Store +# Editors +/.idea/ +/.vscode/ + +/.log/ +/.nyc_output/ +/coverage/ +/cypress/ +/docs/ +/dist/ +/node_modules/ +/test/unit/dist +/.DS_Store +/.sass-cache +/npm-debug.log* +/stats.html +/yarn-error.log diff --git a/.hsdoc b/.hsdoc index 847df1dd3..db9948d8c 100644 --- a/.hsdoc +++ b/.hsdoc @@ -1,6 +1,6 @@ name: "Tether" description: "Marrying DOM elements for life" -domain: "tether.io" -source: "coffee/*.coffee" +domain: "tetherjs.dev" +source: "src/**/*.js" examples: "**/*.md" assets: "{dist/js/*.js,dist/css/*.css,docs/css/*.css,docs/js/*,js,docs/welcome/*,examples/*}" diff --git a/.npmignore b/.npmignore new file mode 100644 index 000000000..9b4b31137 --- /dev/null +++ b/.npmignore @@ -0,0 +1,29 @@ +.idea/ +.vscode/ + +coverage/ +cypress/ +docs/ +examples/ +esdoc/ +jsdoc-template/ +test/ +tests/ + +.codeclimate.yml +.eslintignore +.eslintrc.js +.gitignore +.hsdoc +.stylelintrc.js +.travis.yml +babel.config.js +cypress.json +index.html +pnpm-lock.yaml +rollup.config.js +yarn.lock +yarn-error.log + +CONTRIBUTING.md +HISTORY.md diff --git a/.npmrc b/.npmrc new file mode 100644 index 000000000..5fca0d518 --- /dev/null +++ b/.npmrc @@ -0,0 +1 @@ +scripts-prepend-node-path=true diff --git a/.prettierrc.js b/.prettierrc.js new file mode 100644 index 000000000..06108151b --- /dev/null +++ b/.prettierrc.js @@ -0,0 +1,6 @@ +'use strict'; + +module.exports = { + singleQuote: true, + trailingComma: 'none' +}; \ No newline at end of file diff --git a/.release-plan.json b/.release-plan.json new file mode 100644 index 000000000..4f70eb586 --- /dev/null +++ b/.release-plan.json @@ -0,0 +1,18 @@ +{ + "solution": { + "tether": { + "impact": "patch", + "oldVersion": "3.0.1", + "newVersion": "3.0.2", + "tagName": "latest", + "constraints": [ + { + "impact": "patch", + "reason": "Appears in changelog section :bug: Bug Fix" + } + ], + "pkgJSONPath": "./package.json" + } + }, + "description": "## Release (2025-12-07)\n\n* tether 3.0.2 (patch)\n\n#### :bug: Bug Fix\n* `tether`\n * [#1707](https://github.com/shipshapecode/tether/pull/1707) Guard against invalid removeChild ([@RobbieTheWagner](https://github.com/RobbieTheWagner))\n\n#### Committers: 1\n- Robbie Wagner ([@RobbieTheWagner](https://github.com/RobbieTheWagner))\n" +} diff --git a/CHANGELOG.md b/CHANGELOG.md index b727ee3bf..74112d7b0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,256 @@ +# Changelog + +## Release (2025-12-07) + +* tether 3.0.2 (patch) + +#### :bug: Bug Fix +* `tether` + * [#1707](https://github.com/shipshapecode/tether/pull/1707) Guard against invalid removeChild ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) + +#### Committers: 1 +- Robbie Wagner ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) + +## Release (2025-12-05) + +* tether 3.0.1 (patch) + +#### :bug: Bug Fix +* `tether` + * [#1705](https://github.com/shipshapecode/tether/pull/1705) Add prepare to ensure dist is published ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) + +#### Committers: 1 +- Robbie Wagner ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) + +## Release (2025-12-05) + +* tether 3.0.0 (major) + +#### :boom: Breaking Change +* `tether` + * [#1114](https://github.com/shipshapecode/tether/pull/1114) Drop support for node < 16 ([@monshan](https://github.com/monshan)) + +#### :rocket: Enhancement +* `tether` + * [#1075](https://github.com/shipshapecode/tether/pull/1075) Remove the markers when tether is destroyed ([@pieter-v](https://github.com/pieter-v)) + +#### :bug: Bug Fix +* `tether` + * [#835](https://github.com/shipshapecode/tether/pull/835) Fix "document is not defined" error ([@diegohaz](https://github.com/diegohaz)) + +#### :memo: Documentation +* `tether` + * [#1052](https://github.com/shipshapecode/tether/pull/1052) docs: update CDN url ([@drl990114](https://github.com/drl990114)) + +#### :house: Internal +* `tether` + * [#1703](https://github.com/shipshapecode/tether/pull/1703) Add Release plan ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) + * [#1702](https://github.com/shipshapecode/tether/pull/1702) Switch to pnpm ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) + +#### Committers: 5 +- Haz ([@diegohaz](https://github.com/diegohaz)) +- Marika Shanahan ([@monshan](https://github.com/monshan)) +- Robbie Wagner ([@RobbieTheWagner](https://github.com/RobbieTheWagner)) +- [@pieter-v](https://github.com/pieter-v) +- drl990114 ([@drl990114](https://github.com/drl990114)) + +Deprecated as of 10.7.0. highlight(lang, code, ...args) has been deprecated. +Deprecated as of 10.7.0. Please use highlight(code, options) instead. +https://github.com/highlightjs/highlight.js/issues/2277 + +## v2.0.0 (2021-03-26) + +#### :bug: Bug Fix +* [#713](https://github.com/shipshapecode/tether/pull/713) Ensure parent still exists when removing event listeners ([@drewjenkins](https://github.com/drewjenkins)) +* [#692](https://github.com/shipshapecode/tether/pull/692) Guard against undefined markers type ([@rwwagner90](https://github.com/rwwagner90)) + +#### :memo: Documentation +* [#668](https://github.com/shipshapecode/tether/pull/668) Remove Bootstrap from list ([@MartijnCuppens](https://github.com/MartijnCuppens)) +* [#600](https://github.com/shipshapecode/tether/pull/600) Small Typo Fix ([@SebYLim](https://github.com/SebYLim)) + +#### Committers: 5 +- Andrew Jenkins ([@drewjenkins](https://github.com/drewjenkins)) +- Martijn Cuppens ([@MartijnCuppens](https://github.com/MartijnCuppens)) +- Robert Wagner ([@rwwagner90](https://github.com/rwwagner90)) +- Sebastian Lim ([@SebYLim](https://github.com/SebYLim)) +- [@dependabot-preview[bot]](https://github.com/apps/dependabot-preview) + +## [v2.0.0-beta.5](https://github.com/shipshapecode/tether/tree/v2.0.0-beta.5) (2019-12-05) + +[Full Changelog](https://github.com/shipshapecode/tether/compare/v2.0.0-beta.4...v2.0.0-beta.5) + +**Implemented enhancements:** + +- Allow zeroElement parent to be configurable. [\#374](https://github.com/shipshapecode/tether/pull/374) ([deanmarano](https://github.com/deanmarano)) + +**Merged pull requests:** + +- Bump rollup from 1.27.5 to 1.27.8 [\#403](https://github.com/shipshapecode/tether/pull/403) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup-plugin-visualizer from 3.2.2 to 3.3.0 [\#402](https://github.com/shipshapecode/tether/pull/402) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump autoprefixer from 9.7.2 to 9.7.3 [\#400](https://github.com/shipshapecode/tether/pull/400) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump cypress from 3.6.1 to 3.7.0 [\#399](https://github.com/shipshapecode/tether/pull/399) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint from 6.7.1 to 6.7.2 [\#397](https://github.com/shipshapecode/tether/pull/397) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup-plugin-browsersync from 1.0.0 to 1.1.0 [\#396](https://github.com/shipshapecode/tether/pull/396) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint-plugin-jest from 23.0.4 to 23.1.1 [\#395](https://github.com/shipshapecode/tether/pull/395) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint from 6.6.0 to 6.7.1 [\#394](https://github.com/shipshapecode/tether/pull/394) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump autoprefixer from 9.7.1 to 9.7.2 [\#393](https://github.com/shipshapecode/tether/pull/393) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/preset-env from 7.7.1 to 7.7.4 [\#392](https://github.com/shipshapecode/tether/pull/392) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/core from 7.7.2 to 7.7.4 [\#391](https://github.com/shipshapecode/tether/pull/391) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump postcss from 7.0.21 to 7.0.23 [\#390](https://github.com/shipshapecode/tether/pull/390) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.27.1 to 1.27.5 [\#389](https://github.com/shipshapecode/tether/pull/389) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup-plugin-visualizer from 3.1.1 to 3.2.2 [\#388](https://github.com/shipshapecode/tether/pull/388) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint-plugin-jest from 23.0.3 to 23.0.4 [\#387](https://github.com/shipshapecode/tether/pull/387) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @testing-library/jest-dom from 4.2.3 to 4.2.4 [\#386](https://github.com/shipshapecode/tether/pull/386) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup-plugin-visualizer from 2.7.2 to 3.1.1 [\#385](https://github.com/shipshapecode/tether/pull/385) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.26.5 to 1.27.1 [\#384](https://github.com/shipshapecode/tether/pull/384) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/preset-env from 7.6.3 to 7.7.1 [\#383](https://github.com/shipshapecode/tether/pull/383) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup-plugin-visualizer from 2.6.0 to 2.7.2 [\#382](https://github.com/shipshapecode/tether/pull/382) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.26.0 to 1.26.5 [\#381](https://github.com/shipshapecode/tether/pull/381) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump cypress from 3.5.0 to 3.6.1 [\#380](https://github.com/shipshapecode/tether/pull/380) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/core from 7.6.4 to 7.7.2 [\#379](https://github.com/shipshapecode/tether/pull/379) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @testing-library/jest-dom from 4.2.0 to 4.2.3 [\#378](https://github.com/shipshapecode/tether/pull/378) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump autoprefixer from 9.7.0 to 9.7.1 [\#377](https://github.com/shipshapecode/tether/pull/377) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint-plugin-jest from 23.0.0 to 23.0.3 [\#376](https://github.com/shipshapecode/tether/pull/376) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- test: Add more coverage to the module [\#375](https://github.com/shipshapecode/tether/pull/375) ([chuckcarpenter](https://github.com/chuckcarpenter)) + +## [v2.0.0-beta.4](https://github.com/shipshapecode/tether/tree/v2.0.0-beta.4) (2019-10-29) + +[Full Changelog](https://github.com/shipshapecode/tether/compare/v2.0.0-beta.3...v2.0.0-beta.4) + +**Implemented enhancements:** + +- Simplify Evented code [\#339](https://github.com/shipshapecode/tether/pull/339) ([rwwagner90](https://github.com/rwwagner90)) + +**Closed issues:** + +- Tether is harder to update due to a missing changelog [\#40](https://github.com/shipshapecode/tether/issues/40) + +**Merged pull requests:** + +- Bump eslint from 6.5.1 to 6.6.0 [\#372](https://github.com/shipshapecode/tether/pull/372) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump postcss from 7.0.20 to 7.0.21 [\#371](https://github.com/shipshapecode/tether/pull/371) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint-plugin-jest from 22.20.0 to 23.0.0 [\#370](https://github.com/shipshapecode/tether/pull/370) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.25.2 to 1.26.0 [\#369](https://github.com/shipshapecode/tether/pull/369) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @testing-library/jest-dom from 4.1.2 to 4.2.0 [\#368](https://github.com/shipshapecode/tether/pull/368) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Split constraints into smaller functions [\#367](https://github.com/shipshapecode/tether/pull/367) ([rwwagner90](https://github.com/rwwagner90)) +- Add dependabot config [\#366](https://github.com/shipshapecode/tether/pull/366) ([rwwagner90](https://github.com/rwwagner90)) +- Bump postcss from 7.0.18 to 7.0.20 [\#365](https://github.com/shipshapecode/tether/pull/365) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump autoprefixer from 9.6.5 to 9.7.0 [\#364](https://github.com/shipshapecode/tether/pull/364) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump cypress from 3.4.1 to 3.5.0 [\#363](https://github.com/shipshapecode/tether/pull/363) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.25.1 to 1.25.2 [\#362](https://github.com/shipshapecode/tether/pull/362) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint-plugin-jest from 22.19.0 to 22.20.0 [\#361](https://github.com/shipshapecode/tether/pull/361) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.24.0 to 1.25.1 [\#360](https://github.com/shipshapecode/tether/pull/360) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Update getClass to util and add tests [\#359](https://github.com/shipshapecode/tether/pull/359) ([chuckcarpenter](https://github.com/chuckcarpenter)) +- Bump start-server-and-test from 1.10.5 to 1.10.6 [\#357](https://github.com/shipshapecode/tether/pull/357) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup-plugin-filesize from 6.2.0 to 6.2.1 [\#356](https://github.com/shipshapecode/tether/pull/356) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.23.1 to 1.24.0 [\#355](https://github.com/shipshapecode/tether/pull/355) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump autoprefixer from 9.6.4 to 9.6.5 [\#354](https://github.com/shipshapecode/tether/pull/354) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint-plugin-jest from 22.17.0 to 22.19.0 [\#353](https://github.com/shipshapecode/tether/pull/353) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/core from 7.6.3 to 7.6.4 [\#352](https://github.com/shipshapecode/tether/pull/352) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump start-server-and-test from 1.10.4 to 1.10.5 [\#350](https://github.com/shipshapecode/tether/pull/350) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/preset-env from 7.6.2 to 7.6.3 [\#349](https://github.com/shipshapecode/tether/pull/349) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/core from 7.6.2 to 7.6.3 [\#348](https://github.com/shipshapecode/tether/pull/348) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @testing-library/jest-dom from 4.1.1 to 4.1.2 [\#347](https://github.com/shipshapecode/tether/pull/347) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @testing-library/jest-dom from 4.1.0 to 4.1.1 [\#345](https://github.com/shipshapecode/tether/pull/345) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.23.0 to 1.23.1 [\#344](https://github.com/shipshapecode/tether/pull/344) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump autoprefixer from 9.6.1 to 9.6.4 [\#343](https://github.com/shipshapecode/tether/pull/343) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.22.0 to 1.23.0 [\#342](https://github.com/shipshapecode/tether/pull/342) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump start-server-and-test from 1.10.3 to 1.10.4 [\#341](https://github.com/shipshapecode/tether/pull/341) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump start-server-and-test from 1.10.2 to 1.10.3 [\#340](https://github.com/shipshapecode/tether/pull/340) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- chore: Add basic landing page for reloading and contribution [\#338](https://github.com/shipshapecode/tether/pull/338) ([chuckcarpenter](https://github.com/chuckcarpenter)) +- Bump eslint from 6.5.0 to 6.5.1 [\#337](https://github.com/shipshapecode/tether/pull/337) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump eslint from 6.4.0 to 6.5.0 [\#336](https://github.com/shipshapecode/tether/pull/336) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump rollup from 1.21.4 to 1.22.0 [\#335](https://github.com/shipshapecode/tether/pull/335) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Move some bounds utils [\#334](https://github.com/shipshapecode/tether/pull/334) ([rwwagner90](https://github.com/rwwagner90)) + +## [v2.0.0-beta.3](https://github.com/shipshapecode/tether/tree/v2.0.0-beta.3) (2019-09-30) + +[Full Changelog](https://github.com/shipshapecode/tether/compare/v2.0.0-beta.2...v2.0.0-beta.3) + +**Implemented enhancements:** + +- Option to disable `position: fixed` [\#152](https://github.com/shipshapecode/tether/issues/152) +- Use type-check utils instead of typeof [\#333](https://github.com/shipshapecode/tether/pull/333) ([rwwagner90](https://github.com/rwwagner90)) +- Move TetherBase and use imports [\#328](https://github.com/shipshapecode/tether/pull/328) ([rwwagner90](https://github.com/rwwagner90)) +- Split out some utils [\#325](https://github.com/shipshapecode/tether/pull/325) ([rwwagner90](https://github.com/rwwagner90)) +- More offset utils and tests [\#319](https://github.com/shipshapecode/tether/pull/319) ([rwwagner90](https://github.com/rwwagner90)) +- Move offset to utils, add tests, test getClass [\#318](https://github.com/shipshapecode/tether/pull/318) ([rwwagner90](https://github.com/rwwagner90)) +- Refactor rollup config, add tests for pin and out-of-bounds [\#317](https://github.com/shipshapecode/tether/pull/317) ([rwwagner90](https://github.com/rwwagner90)) +- Move deferred utils to their own file [\#315](https://github.com/shipshapecode/tether/pull/315) ([rwwagner90](https://github.com/rwwagner90)) + +**Fixed bugs:** + +- Uglify breaks library: "Super expression must either be null or a function, not undefined" [\#298](https://github.com/shipshapecode/tether/issues/298) +- production build with angular cli \(uglify\) results in `undefined` error [\#295](https://github.com/shipshapecode/tether/issues/295) +- Does not compile with parcel-bundler [\#284](https://github.com/shipshapecode/tether/issues/284) +- Tether not initialize window.Tether when loaded by ReqireJS [\#257](https://github.com/shipshapecode/tether/issues/257) +- Can't disable classes [\#253](https://github.com/shipshapecode/tether/issues/253) +- Duplicate Identifiers within Tether.js Library [\#206](https://github.com/shipshapecode/tether/issues/206) +- Remove classes when set to false [\#329](https://github.com/shipshapecode/tether/pull/329) ([rwwagner90](https://github.com/rwwagner90)) + +**Closed issues:** + +- Action required: Greenkeeper could not be activated 🚨 [\#304](https://github.com/shipshapecode/tether/issues/304) +- Import of Evented from TetherBase.Utils instead of global scope [\#261](https://github.com/shipshapecode/tether/issues/261) +- SVGAnimatedString is not defined [\#201](https://github.com/shipshapecode/tether/issues/201) +- Option to not append to the body [\#189](https://github.com/shipshapecode/tether/issues/189) +- UglifyJS warnings [\#183](https://github.com/shipshapecode/tether/issues/183) +- Clean up on destroy [\#36](https://github.com/shipshapecode/tether/issues/36) + +**Merged pull requests:** + +- Document events [\#331](https://github.com/shipshapecode/tether/pull/331) ([rwwagner90](https://github.com/rwwagner90)) +- Add test for fixed anchoring on scroll [\#330](https://github.com/shipshapecode/tether/pull/330) ([chuckcarpenter](https://github.com/chuckcarpenter)) +- Remove facebook example [\#327](https://github.com/shipshapecode/tether/pull/327) ([rwwagner90](https://github.com/rwwagner90)) +- chore: Remove example of 3rd party lib [\#326](https://github.com/shipshapecode/tether/pull/326) ([chuckcarpenter](https://github.com/chuckcarpenter)) +- Bump eslint-plugin-ship-shape from 0.6.0 to 0.7.1 [\#324](https://github.com/shipshapecode/tether/pull/324) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- test: Remove tooltip example from outside lib [\#323](https://github.com/shipshapecode/tether/pull/323) ([chuckcarpenter](https://github.com/chuckcarpenter)) +- Bump sinon from 7.4.2 to 7.5.0 [\#322](https://github.com/shipshapecode/tether/pull/322) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/core from 7.6.0 to 7.6.2 [\#321](https://github.com/shipshapecode/tether/pull/321) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Bump @babel/preset-env from 7.6.0 to 7.6.2 [\#320](https://github.com/shipshapecode/tether/pull/320) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) +- Remove classes on destroy [\#316](https://github.com/shipshapecode/tether/pull/316) ([rwwagner90](https://github.com/rwwagner90)) +- Bump rollup from 1.21.3 to 1.21.4 [\#314](https://github.com/shipshapecode/tether/pull/314) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview)) + +## [v2.0.0-beta.2](https://github.com/shipshapecode/tether/tree/v2.0.0-beta.2) (2019-09-18) + +[Full Changelog](https://github.com/shipshapecode/tether/compare/v2.0.0-beta.1...v2.0.0-beta.2) + +## [v2.0.0-beta.1](https://github.com/shipshapecode/tether/tree/v2.0.0-beta.1) (2019-09-18) + +[Full Changelog](https://github.com/shipshapecode/tether/compare/v2.0.0-beta.0...v2.0.0-beta.1) + +## [v2.0.0-beta.0](https://github.com/shipshapecode/tether/tree/v2.0.0-beta.0) (2019-09-18) + +[Full Changelog](https://github.com/shipshapecode/tether/compare/v1.4.7...v2.0.0-beta.0) + +**Breaking changes:** + +- Remove dist from git [\#311](https://github.com/shipshapecode/tether/pull/311) ([rwwagner90](https://github.com/rwwagner90)) +- Move class utils to a utils file, drop IE9 support [\#310](https://github.com/shipshapecode/tether/pull/310) ([rwwagner90](https://github.com/rwwagner90)) + +**Implemented enhancements:** + +- Return `this` in Evented class for easy chaining [\#309](https://github.com/shipshapecode/tether/pull/309) ([rwwagner90](https://github.com/rwwagner90)) +- Add `allowPositionFixed` optimization option [\#308](https://github.com/shipshapecode/tether/pull/308) ([rwwagner90](https://github.com/rwwagner90)) + +**Closed issues:** + +- Transferring ownership [\#303](https://github.com/shipshapecode/tether/issues/303) +- No test cases to run the package [\#293](https://github.com/shipshapecode/tether/issues/293) +- Not Compatible with TypeScript compiler [\#263](https://github.com/shipshapecode/tether/issues/263) +- dist/js/tether.min.js is outdated [\#256](https://github.com/shipshapecode/tether/issues/256) +- no version information in min.js [\#239](https://github.com/shipshapecode/tether/issues/239) + +**Merged pull requests:** + +- Add tests for enable/disable [\#306](https://github.com/shipshapecode/tether/pull/306) ([rwwagner90](https://github.com/rwwagner90)) +- Add basic tests, sass -\> scss, gulp -\> rollup, etc [\#305](https://github.com/shipshapecode/tether/pull/305) ([rwwagner90](https://github.com/rwwagner90)) +- Fix code example in README.md [\#216](https://github.com/shipshapecode/tether/pull/216) ([Stanton](https://github.com/Stanton)) +- Add reactstrap to examples of projects using tether [\#211](https://github.com/shipshapecode/tether/pull/211) ([eddywashere](https://github.com/eddywashere)) + +## v1.3.0 +- Tether instances now fire an 'update' event when attachments change due to constraints (#119) + ## v1.0.1 - Update arrow mixin to change arrow pointer event @@ -8,3 +261,6 @@ - Update build steps - Add changelog - Provide minified CSS + + +\* *This Changelog was automatically generated by [github_changelog_generator](https://github.com/github-changelog-generator/github-changelog-generator)* diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 8e4b9c542..6c82a6241 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -2,58 +2,51 @@ You will need: -- Node.js/io.js & npm -- Bower -- Gulp +- [pnpm](https://pnpm.io/) +Windows users will need additional setup to enable build capabilities in NPM. +From an administrative command window: + +```sh + pnpm global add windows-build-tools +``` ## Getting started 1. Fork the project 2. Clone your forked project by running `git clone git@github.com:{ YOUR_USERNAME }/tether.git` -3. Run `npm install` to install both node modules and bower components -4. Test that you can build the source by moving/renaming the existing `dist` - directory and running `npm run build` -5. Assuming everything went well, you should now have a `dist` directory that - matches the one you moved in step 4 - +3. Run `pnpm` to install node modules +4. Test that you can build the source by running `pnpm build` and ensure the `dist` directory appears. ## Writing code! -We use `gulp` to facilitate things like transpilation, minification, etc. so -can you focus on writing relevant code. If there is a fix or feature you would like +We use `rollup` to facilitate things like transpilation, minification, etc. so +you can focus on writing relevant code. If there is a fix or feature you would like to contribute, we ask that you take the following steps: 1. Most of the _editable_ code lives in the `src` directory while built code - will end up in the `dist` directory upon running `npm run build`. + will end up in the `dist` directory upon running `pnpm build`. -2. Depending on how big your changes are, bump the version numbers appropriately - in `bower.json` and `package.json`. We try to follow semver, so a good rule - of thumb for how to bump the version is: - - A fix to existing code, perform a patch bump e.g. x.x.0 -> x.x.1 - - New feature, perform a minor bump e.g. x.0.x -> x.1.x - - Breaking changes such a rewrite, perform a major bump e.g. - 1.x.x -> 2.x.x +2. Some examples are served out of the `examples` directory. Running `pnpm start` will open the list in your browser and initiate a live-reloading session as you make changes. - Versioning is hard, so just use good judgement and we'll be more than happy - to help out. - __NOTE__: There is a `gulp` task that will automate some of the versioning. - You can run `gulp version:{type}` where type is `patch|minor|major` to - update both `bower.json` and `package.json` as well as add the appropriate - git tag. +## Opening Pull Requests -3. Provide a thoughtful commit message and push your changes to your fork using +1. Please Provide a thoughtful commit message and push your changes to your fork using `git push origin master` (assuming your forked project is using `origin` for the remote name and you are on the `master` branch). -4. Open a Pull Request on GitHub with a description of your changes. +2. Open a Pull Request on GitHub with a description of your changes. ## Testing -Work in progress. We are hoping to add some tests, so if you would like to help -us get started, feel free to contact us through the Issues or open a Pull -Request. +All PRs, that change code functionality, are required to have accompanying tests. + +### Acceptance Tests + +Acceptance tests are run using [`cypress`](https://github.com/cypress-io/cypress). A number of different testing configurations can be found in [`package.json`](/package.json), but you can simply run `pnpm test:ci:watch` to build your latest changes and begin running the tests inside a Chrome browser instance. + +⚠️ The acceptance tests are set up to run on `localhost` port `9002`. If you'd like to change this port, make sure to change the `baseUrl` option inside of [`cypress.json`](/cypress.json), and change any references to port `9002` in [`package.json`](/package.json) accordingly. diff --git a/HISTORY.md b/HISTORY.md new file mode 100644 index 000000000..d5a8047ff --- /dev/null +++ b/HISTORY.md @@ -0,0 +1,13 @@ +## v1.3.0 +- Tether instances now fire an 'update' event when attachments change due to constraints (#119) + +## v1.0.1 +- Update arrow mixin to change arrow pointer event + + +## v1.0.0 +- Coffeescript -> ES6 +- Proper UMD Wrapper +- Update build steps +- Add changelog +- Provide minified CSS diff --git a/LICENSE b/LICENSE index 2b88ccf3e..cae56ac87 100644 --- a/LICENSE +++ b/LICENSE @@ -1,4 +1,5 @@ -Copyright (c) 2014 HubSpot, Inc. +Copyright (c) 2014-2019 HubSpot, Inc. +Copyright (c) 2019-2022 Ship Shape Consulting LLC 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: diff --git a/README.md b/README.md index 9d99afaf6..5294b82de 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,125 @@ -## Tether +# Tether -[![npm -version](https://badge.fury.io/js/tether.svg)](http://badge.fury.io/js/tether) -[![Bower -version](https://badge.fury.io/bo/tether.svg)](http://badge.fury.io/bo/tether) +
+ + Ship Shape + + + **[Tether is maintained by Ship Shape. Contact us for web app consulting, development, and training for your project](https://shipshape.io/services/app-development/)**. +
-Tether is a JavaScript library for efficiently making an absolutely positioned element stay next to another element on the page. +[![npm version](https://badge.fury.io/js/tether.svg)](http://badge.fury.io/js/tether) +![Download count all time](https://img.shields.io/npm/dt/tether.svg) +[![npm](https://img.shields.io/npm/dm/tether.svg)]() +![npm bundle size](https://img.shields.io/bundlephobia/minzip/tether.svg) +[![CI Build](https://github.com/shipshapecode/tether/actions/workflows/main.yml/badge.svg)](https://github.com/shipshapecode/tether/actions/workflows/main.yml) -It aims to be the canonical implementation of this type of positioning, such that you can build products, not positioning libraries. +## 🐙 Project status 🐙 -Take a look at the documentation for a more detailed explanation of why you should star it now to remember it for your next project. +We at Ship Shape have recently taken over Tether's maintenance and hope to modernize and revitalize it. Stay tuned for updates! ## Install __npm__ ```sh -$ npm install tether +npm install tether ``` -__bower__ +For the latest beta: + ```sh -$ bower install tether +npm install tether@next +``` + +__download__ + +Or download from the [releases](https://github.com/shipshapecode/tether/releases). + +## Introduction + +[Tether](http://tetherjs.dev/) is a small, focused JavaScript library for defining and managing the position of user interface (UI) elements in relation to one another on a web page. It is a tool for web developers building features that require certain UI elements to be precisely positioned based on the location of another UI element. + +There are often situations in UI development where elements need to be attached to other elements, but placing them right next to each other in the [DOM tree](https://en.wikipedia.org/wiki/Document_Object_Model) can be problematic based on the context. For example, what happens if the element we’re attaching other elements to is fixed to the center of the screen? Or what if the element is inside a scrollable container? How can we prevent the attached element from being clipped as it disappears from view while a user is scrolling? Tether can solve all of these problems and more. + +Some common UI elements that have been built with Tether are [tooltips](http://github.hubspot.com/tooltip/docs/welcome), [select menus](http://github.hubspot.com/select/docs/welcome), and [dropdown menus](http://github.hubspot.com/drop/docs/welcome). Tether is flexible and can be used to [solve](http://tetherjs.dev/examples/out-of-bounds/) [all](http://tetherjs.dev/examples/content-visible) [kinds](http://tetherjs.dev/examples/element-scroll) [of](http://tetherjs.dev/examples/enable-disable) interesting [problems](http://tetherjs.dev/examples/viewport); it ensures UI elements stay where they need to be, based on the various user interactions (click, scroll, etc) and layout contexts (fixed positioning, inside scrollable containers, etc). + +Please have a look at the [documentation](http://tetherjs.dev/) for a more detailed explanation of why you might need Tether for your next project. + +## What to Use Tether for and When to Use It + +Tether is a small, focused JavaScript library. For those who might be new to JavaScript, a library is simply a JavaScript file (or files) that contain useful JavaScript code to help achieve tasks easier and faster. Since Tether is a JavaScript user interface (**UI**) library, it contains code to help you to manage the way your website or web app appears. + +Tether’s goal to is to help you position your elements side-by-side when needed. + +Let’s say you’ve started working on your dream project—a fancy web app that’s sure to become the next big thing! An important feature of your new app is to allow users to comment on shared photos. However, due to limited vertical space and the overall layout of your new app, you’d like to display the comments **next** to the image, similar to how Instagram does it. + +Your HTML code might look something like this: + +```html +
+ Awesome Picture +
+ ... +
+
``` +Now, you could achieve this with some CSS using its `position` property, but going this route can be problematic since many of `position`’s values take elements **out** of the natural DOM flow. For example, if you have an element at the bottom of your HTML document, using `position: absolute` or `position: fixed` might could move it all the way to the top of your website in the browser. + +Not only that, but you also have to make manual adjustments to ensure **other** elements aren’t negatively affected by the positioned elements. Not to mention, you probably want your comment box to be **responsive**, and look good across different device sizes. Coding a solution for this manually is a challenge all on its own. + +**Enter Tether!** + +After installing Tether and including it in your project, you can begin using it! + +1. In your JavaScript file, create a new instance (or constructor function) of the `Tether` object: + + ```javascript + new Tether({}); + ``` + +2. Within the curly braces (`{}`) you can configure the library’s options. Tether’s extensive list of options can be found in the [Tether documentation](http://tetherjs.dev/). + + ```javascript + new Tether({ + element: '.comments', + target: '.picture', + attachment: 'top right', + targetAttachment: 'top left' + }); + ``` + +Now you have a perfectly placed comment section to go with your awesome picture! It’ll even stay attached to the element when a user resizes their browser window. + +There are tons of other useful features of Tether as well, instead of “comment boxes” you could also build: + +* Tooltips for useful hints and tricks, +* Dropdown menus, +* Autocomplete popups for forms, +* and [more](http://tetherjs.dev/examples/list_of_examples/)! + ## Usage +You only need to include `tether.min.js` in your page: +``` + +``` +Or use a CDN: +``` + +``` -[![Tether Docs](http://i.imgur.com/YCx8cLr.png)](http://github.hubspot.com/tether/#usage) +The css files are not required to get tether running. -[Demo & API Documentation](http://github.hubspot.com/tether/) +For more details jump straight in to the detailed [Usage](http://tetherjs.dev/#usage) page. +[![Tether Docs](http://i.imgur.com/YCx8cLr.png)](http://tetherjs.dev/#usage) + +[Demo & API Documentation](http://tetherjs.dev/) ## Contributing We encourage contributions of all kinds. If you would like to contribute in some way, please review our [guidelines for contributing](CONTRIBUTING.md). - ## License -Copyright © 2015 HubSpot - [MIT License](LICENSE) +Copyright © 2019-2022 Ship Shape Consulting LLC - [MIT License](LICENSE) +Copyright © 2014-2018 HubSpot - [MIT License](LICENSE) diff --git a/RELEASE.md b/RELEASE.md new file mode 100644 index 000000000..47c4db7b3 --- /dev/null +++ b/RELEASE.md @@ -0,0 +1,27 @@ +# Release Process + +Releases in this repo are mostly automated using [release-plan](https://github.com/embroider-build/release-plan/). Once you label all your PRs correctly (see below) you will have an automatically generated PR that updates your CHANGELOG.md file and a `.release-plan.json` that is used to prepare the release once the PR is merged. + +## Preparation + +Since the majority of the actual release process is automated, the remaining tasks before releasing are: + +- correctly labeling **all** pull requests that have been merged since the last release +- updating pull request titles so they make sense to our users + +Some great information on why this is important can be found at [keepachangelog.com](https://keepachangelog.com/en/1.1.0/), but the overall +guiding principle here is that changelogs are for humans, not machines. + +When reviewing merged PR's the labels to be used are: + +- breaking - Used when the PR is considered a breaking change. +- enhancement - Used when the PR adds a new feature or enhancement. +- bug - Used when the PR fixes a bug included in a previous release. +- documentation - Used when the PR adds or updates documentation. +- internal - Internal changes or things that don't fit in any other category. + +**Note:** `release-plan` requires that **all** PRs are labeled. If a PR doesn't fit in a category it's fine to label it as `internal` + +## Release + +Once the prep work is completed, the actual release is straight forward: you just need to merge the open [Plan Release](https://github.com/shipshapecode/tether/pulls?q=is%3Apr+is%3Aopen+%22Prepare+Release%22+in%3Atitle) PR diff --git a/__mocks__/styleMock.js b/__mocks__/styleMock.js new file mode 100644 index 000000000..a09954537 --- /dev/null +++ b/__mocks__/styleMock.js @@ -0,0 +1 @@ +module.exports = {}; \ No newline at end of file diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 000000000..60804cef5 --- /dev/null +++ b/babel.config.js @@ -0,0 +1,29 @@ +module.exports = function(api) { + api.cache(true); + + return { + env: { + development: { + presets: [ + [ + '@babel/preset-env', + { + loose: true + } + ] + ] + }, + test: { + presets: [ + [ + '@babel/preset-env' + ] + ], + plugins: [ + 'babel-plugin-rewire', + 'transform-es2015-modules-commonjs' + ] + } + } + }; +}; diff --git a/bower.json b/bower.json deleted file mode 100644 index 025683646..000000000 --- a/bower.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "name": "tether", - "version": "1.0.2", - "homepage": "http://github.hubspot.com/tether", - "authors": [ - "Zack Bloom ", - "Adam Schwartz " - ], - "maintainers": [ - "Nicholas Hwang " - ], - "description": "A client-side library to make absolutely positioned elements attach to elements in the page efficiently.", - "keywords": [ - "javascript" - ], - "license": "MIT", - "main": "dist/js/tether.js", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "test", - "tests" - ] -} diff --git a/component.json b/component.json deleted file mode 100644 index 063b5548f..000000000 --- a/component.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "name": "tether", - "repo": "HubSpot/tether", - "version": "1.0.2", - "description": "A client-side library to make absolutely positioned elements attach to elements in the page efficiently.", - "authors": [ - "Zack Bloom ", - "Adam Schwartz " - ], - "maintainers": [ - "Nicholas Hwang " - ], - "license": "MIT", - "demo": "http://github.hubspot.com/tether/docs/welcome/", - "main": "dist/js/tether.js", - "styles": [ - "dist/css/tether.css" - ], - "scripts": [ - "dist/js/tether.js" - ] -} diff --git a/cypress.config.cjs b/cypress.config.cjs new file mode 100644 index 000000000..5cd3f5aa2 --- /dev/null +++ b/cypress.config.cjs @@ -0,0 +1,16 @@ +const { defineConfig } = require('cypress') + +module.exports = defineConfig({ + fixturesFolder: 'test/cypress/fixtures', + video: false, + e2e: { + // We've imported your old cypress plugins here. + // You may want to clean this up later by importing these. + setupNodeEvents(on, config) { + return require('./test/cypress/plugins/index.js')(on, config) + }, + baseUrl: 'http://localhost:9002', + specPattern: 'test/cypress/integration/**/*.cy.{js,jsx,ts,tsx}', + supportFile: 'test/cypress/support/index.js', + }, +}) diff --git a/dist/css/tether-theme-arrows-dark.css b/dist/css/tether-theme-arrows-dark.css deleted file mode 100644 index 630adf721..000000000 --- a/dist/css/tether-theme-arrows-dark.css +++ /dev/null @@ -1,106 +0,0 @@ -.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before { - box-sizing: border-box; } - -.tether-element { - position: absolute; - display: none; } - .tether-element.tether-open { - display: block; } - -.tether-element.tether-theme-arrows-dark { - max-width: 100%; - max-height: 100%; } - .tether-element.tether-theme-arrows-dark .tether-content { - border-radius: 5px; - position: relative; - font-family: inherit; - background: #000; - color: #fff; - padding: 1em; - font-size: 1.1em; - line-height: 1.5em; } - .tether-element.tether-theme-arrows-dark .tether-content:before { - content: ""; - display: block; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-width: 16px; - border-style: solid; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content { - margin-bottom: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content:before { - top: 100%; - left: 50%; - margin-left: -16px; - border-top-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content { - margin-top: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content:before { - bottom: 100%; - left: 50%; - margin-left: -16px; - border-bottom-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content { - margin-right: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content:before { - left: 100%; - top: 50%; - margin-top: -16px; - border-left-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content { - margin-left: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content:before { - right: 100%; - top: 50%; - margin-top: -16px; - border-right-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content { - margin-top: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before { - bottom: 100%; - left: 16px; - border-bottom-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content { - margin-top: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before { - bottom: 100%; - right: 16px; - border-bottom-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content { - margin-bottom: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before { - top: 100%; - left: 16px; - border-top-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content { - margin-bottom: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before { - top: 100%; - right: 16px; - border-top-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content { - margin-right: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before { - top: 16px; - left: 100%; - border-left-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content { - margin-left: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before { - top: 16px; - right: 100%; - border-right-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content { - margin-right: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before { - bottom: 16px; - left: 100%; - border-left-color: #000; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content { - margin-left: 16px; } - .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before { - bottom: 16px; - right: 100%; - border-right-color: #000; } diff --git a/dist/css/tether-theme-arrows-dark.min.css b/dist/css/tether-theme-arrows-dark.min.css deleted file mode 100644 index 07f9d8c79..000000000 --- a/dist/css/tether-theme-arrows-dark.min.css +++ /dev/null @@ -1 +0,0 @@ -.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content{margin-bottom:16px}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content{margin-right:16px}.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block}.tether-element.tether-theme-arrows-dark{max-width:100%;max-height:100%}.tether-element.tether-theme-arrows-dark .tether-content{border-radius:5px;position:relative;font-family:inherit;background:#000;color:#fff;padding:1em;font-size:1.1em;line-height:1.5em}.tether-element.tether-theme-arrows-dark .tether-content:before{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent;border-width:16px;border-style:solid}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content:before{top:100%;left:50%;margin-left:-16px;border-top-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content{margin-top:16px}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content:before{bottom:100%;left:50%;margin-left:-16px;border-bottom-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content{margin-left:16px}.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content:before{left:100%;top:50%;margin-top:-16px;border-left-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content:before{right:100%;top:50%;margin-top:-16px;border-right-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content,.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content{margin-top:16px}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before{bottom:100%;left:16px;border-bottom-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before{bottom:100%;right:16px;border-bottom-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before{top:100%;left:16px;border-top-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before{top:100%;right:16px;border-top-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before{top:16px;left:100%;border-left-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before{top:16px;right:100%;border-right-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before{bottom:16px;left:100%;border-left-color:#000}.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before{bottom:16px;right:100%;border-right-color:#000} \ No newline at end of file diff --git a/dist/css/tether-theme-arrows.css b/dist/css/tether-theme-arrows.css deleted file mode 100644 index 2f641a6ae..000000000 --- a/dist/css/tether-theme-arrows.css +++ /dev/null @@ -1,110 +0,0 @@ -.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before { - box-sizing: border-box; } - -.tether-element { - position: absolute; - display: none; } - .tether-element.tether-open { - display: block; } - -.tether-element.tether-theme-arrows { - max-width: 100%; - max-height: 100%; } - .tether-element.tether-theme-arrows .tether-content { - border-radius: 5px; - position: relative; - font-family: inherit; - background: #fff; - color: inherit; - padding: 1em; - font-size: 1.1em; - line-height: 1.5em; - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); - filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); } - .tether-element.tether-theme-arrows .tether-content:before { - content: ""; - display: block; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-width: 16px; - border-style: solid; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content { - margin-bottom: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content:before { - top: 100%; - left: 50%; - margin-left: -16px; - border-top-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content { - margin-top: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content:before { - bottom: 100%; - left: 50%; - margin-left: -16px; - border-bottom-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content { - margin-right: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content:before { - left: 100%; - top: 50%; - margin-top: -16px; - border-left-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content { - margin-left: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content:before { - right: 100%; - top: 50%; - margin-top: -16px; - border-right-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content { - margin-top: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before { - bottom: 100%; - left: 16px; - border-bottom-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content { - margin-top: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before { - bottom: 100%; - right: 16px; - border-bottom-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content { - margin-bottom: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before { - top: 100%; - left: 16px; - border-top-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content { - margin-bottom: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before { - top: 100%; - right: 16px; - border-top-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content { - margin-right: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before { - top: 16px; - left: 100%; - border-left-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content { - margin-left: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before { - top: 16px; - right: 100%; - border-right-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content { - margin-right: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before { - bottom: 16px; - left: 100%; - border-left-color: #fff; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content { - margin-left: 16px; } - .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before { - bottom: 16px; - right: 100%; - border-right-color: #fff; } diff --git a/dist/css/tether-theme-arrows.min.css b/dist/css/tether-theme-arrows.min.css deleted file mode 100644 index 1f2c9e28b..000000000 --- a/dist/css/tether-theme-arrows.min.css +++ /dev/null @@ -1 +0,0 @@ -.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content{margin-bottom:16px}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content{margin-right:16px}.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block}.tether-element.tether-theme-arrows{max-width:100%;max-height:100%}.tether-element.tether-theme-arrows .tether-content{border-radius:5px;position:relative;font-family:inherit;background:#fff;color:inherit;padding:1em;font-size:1.1em;line-height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .2));filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .2))}.tether-element.tether-theme-arrows .tether-content:before{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent;border-width:16px;border-style:solid}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content:before{top:100%;left:50%;margin-left:-16px;border-top-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content{margin-top:16px}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content:before{bottom:100%;left:50%;margin-left:-16px;border-bottom-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content{margin-left:16px}.tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content:before{left:100%;top:50%;margin-top:-16px;border-left-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content:before{right:100%;top:50%;margin-top:-16px;border-right-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content,.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content{margin-top:16px}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before{bottom:100%;left:16px;border-bottom-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before{bottom:100%;right:16px;border-bottom-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before{top:100%;left:16px;border-top-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before{top:100%;right:16px;border-top-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before{top:16px;left:100%;border-left-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before{top:16px;right:100%;border-right-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before{bottom:16px;left:100%;border-left-color:#fff}.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before{bottom:16px;right:100%;border-right-color:#fff} \ No newline at end of file diff --git a/dist/css/tether-theme-basic.css b/dist/css/tether-theme-basic.css deleted file mode 100644 index f2b3b5c6a..000000000 --- a/dist/css/tether-theme-basic.css +++ /dev/null @@ -1,21 +0,0 @@ -.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before { - box-sizing: border-box; } - -.tether-element { - position: absolute; - display: none; } - .tether-element.tether-open { - display: block; } - -.tether-element.tether-theme-basic { - max-width: 100%; - max-height: 100%; } - .tether-element.tether-theme-basic .tether-content { - border-radius: 5px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); - font-family: inherit; - background: #fff; - color: inherit; - padding: 1em; - font-size: 1.1em; - line-height: 1.5em; } diff --git a/dist/css/tether-theme-basic.min.css b/dist/css/tether-theme-basic.min.css deleted file mode 100644 index f117c4799..000000000 --- a/dist/css/tether-theme-basic.min.css +++ /dev/null @@ -1 +0,0 @@ -.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block}.tether-element.tether-theme-basic{max-width:100%;max-height:100%}.tether-element.tether-theme-basic .tether-content{border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.2);font-family:inherit;background:#fff;color:inherit;padding:1em;font-size:1.1em;line-height:1.5em} \ No newline at end of file diff --git a/dist/css/tether.css b/dist/css/tether.css deleted file mode 100644 index fc30f5674..000000000 --- a/dist/css/tether.css +++ /dev/null @@ -1,8 +0,0 @@ -.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before { - box-sizing: border-box; } - -.tether-element { - position: absolute; - display: none; } - .tether-element.tether-open { - display: block; } diff --git a/dist/css/tether.min.css b/dist/css/tether.min.css deleted file mode 100644 index 328251c90..000000000 --- a/dist/css/tether.min.css +++ /dev/null @@ -1 +0,0 @@ -.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block} \ No newline at end of file diff --git a/dist/js/tether.js b/dist/js/tether.js deleted file mode 100644 index f65b91535..000000000 --- a/dist/js/tether.js +++ /dev/null @@ -1,1693 +0,0 @@ -/*! tether 1.0.2 */ - -(function(root, factory) { - if (typeof define === 'function' && define.amd) { - define(factory); - } else if (typeof exports === 'object') { - module.exports = factory(require, exports, module); - } else { - root.Tether = factory(); - } -}(this, function(require, exports, module) { - -'use strict'; - -var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } - -var TetherBase = undefined; -if (typeof TetherBase === 'undefined') { - TetherBase = { modules: [] }; -} - -function getScrollParent(el) { - var _getComputedStyle = getComputedStyle(el); - - var position = _getComputedStyle.position; - - if (position === 'fixed') { - return el; - } - - var parent = el; - while (parent = parent.parentNode) { - var style = undefined; - try { - style = getComputedStyle(parent); - } catch (err) {} - - if (typeof style === 'undefined' || style === null) { - return parent; - } - - var overflow = style.overflow; - var overflowX = style.overflowX; - var overflowY = style.overflowY; - - if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) { - if (position !== 'absolute' || ['relative', 'absolute', 'fixed'].indexOf(style.position) >= 0) { - return parent; - } - } - } - - return document.body; -} - -var uniqueId = (function () { - var id = 0; - return function () { - return ++id; - }; -})(); - -var zeroPosCache = {}; -var getOrigin = function getOrigin(doc) { - // getBoundingClientRect is unfortunately too accurate. It introduces a pixel or two of - // jitter as the user scrolls that messes with our ability to detect if two positions - // are equivilant or not. We place an element at the top left of the page that will - // get the same jitter, so we can cancel the two out. - var node = doc._tetherZeroElement; - if (typeof node === 'undefined') { - node = doc.createElement('div'); - node.setAttribute('data-tether-id', uniqueId()); - extend(node.style, { - top: 0, - left: 0, - position: 'absolute' - }); - - doc.body.appendChild(node); - - doc._tetherZeroElement = node; - } - - var id = node.getAttribute('data-tether-id'); - if (typeof zeroPosCache[id] === 'undefined') { - zeroPosCache[id] = {}; - - var rect = node.getBoundingClientRect(); - for (var k in rect) { - // Can't use extend, as on IE9, elements don't resolve to be hasOwnProperty - zeroPosCache[id][k] = rect[k]; - } - - // Clear the cache when this position call is done - defer(function () { - delete zeroPosCache[id]; - }); - } - - return zeroPosCache[id]; -}; - -function getBounds(el) { - var doc = undefined; - if (el === document) { - doc = document; - el = document.documentElement; - } else { - doc = el.ownerDocument; - } - - var docEl = doc.documentElement; - - var box = {}; - // The original object returned by getBoundingClientRect is immutable, so we clone it - // We can't use extend because the properties are not considered part of the object by hasOwnProperty in IE9 - var rect = el.getBoundingClientRect(); - for (var k in rect) { - box[k] = rect[k]; - } - - var origin = getOrigin(doc); - - box.top -= origin.top; - box.left -= origin.left; - - if (typeof box.width === 'undefined') { - box.width = document.body.scrollWidth - box.left - box.right; - } - if (typeof box.height === 'undefined') { - box.height = document.body.scrollHeight - box.top - box.bottom; - } - - box.top = box.top - docEl.clientTop; - box.left = box.left - docEl.clientLeft; - box.right = doc.body.clientWidth - box.width - box.left; - box.bottom = doc.body.clientHeight - box.height - box.top; - - return box; -} - -function getOffsetParent(el) { - return el.offsetParent || document.documentElement; -} - -function getScrollBarSize() { - var inner = document.createElement('div'); - inner.style.width = '100%'; - inner.style.height = '200px'; - - var outer = document.createElement('div'); - extend(outer.style, { - position: 'absolute', - top: 0, - left: 0, - pointerEvents: 'none', - visibility: 'hidden', - width: '200px', - height: '150px', - overflow: 'hidden' - }); - - outer.appendChild(inner); - - document.body.appendChild(outer); - - var widthContained = inner.offsetWidth; - outer.style.overflow = 'scroll'; - var widthScroll = inner.offsetWidth; - - if (widthContained === widthScroll) { - widthScroll = outer.clientWidth; - } - - document.body.removeChild(outer); - - var width = widthContained - widthScroll; - - return { width: width, height: width }; -} - -function extend() { - var out = arguments[0] === undefined ? {} : arguments[0]; - - var args = []; - - Array.prototype.push.apply(args, arguments); - - args.slice(1).forEach(function (obj) { - if (obj) { - for (var key in obj) { - if (({}).hasOwnProperty.call(obj, key)) { - out[key] = obj[key]; - } - } - } - }); - - return out; -} - -function removeClass(el, name) { - if (typeof el.classList !== 'undefined') { - name.split(' ').forEach(function (cls) { - if (cls.trim()) { - el.classList.remove(cls); - } - }); - } else { - var regex = new RegExp('(^| )' + name.split(' ').join('|') + '( |$)', 'gi'); - var className = getClassName(el).replace(regex, ' '); - setClassName(el, className); - } -} - -function addClass(el, name) { - if (typeof el.classList !== 'undefined') { - name.split(' ').forEach(function (cls) { - if (cls.trim()) { - el.classList.add(cls); - } - }); - } else { - removeClass(el, name); - var cls = getClassName(el) + ' #{name}'; - setClassName(el, cls); - } -} - -function hasClass(el, name) { - if (typeof el.classList !== 'undefined') { - return el.classList.contains(name); - } - var className = getClassName(el); - return new RegExp('(^| )' + name + '( |$)', 'gi').test(className); -} - -function getClassName(el) { - if (el.className instanceof SVGAnimatedString) { - return el.className.baseVal; - } - return el.className; -} - -function setClassName(el, className) { - el.setAttribute('class', className); -} - -function updateClasses(el, add, all) { - // Of the set of 'all' classes, we need the 'add' classes, and only the - // 'add' classes to be set. - all.forEach(function (cls) { - if (add.indexOf(cls) === -1 && hasClass(el, cls)) { - removeClass(el, cls); - } - }); - - add.forEach(function (cls) { - if (!hasClass(el, cls)) { - addClass(el, cls); - } - }); -} - -var deferred = []; - -var defer = function defer(fn) { - deferred.push(fn); -}; - -var flush = function flush() { - var fn = undefined; - while (fn = deferred.pop()) { - fn(); - } -}; - -var Evented = (function () { - function Evented() { - _classCallCheck(this, Evented); - } - - _createClass(Evented, [{ - key: 'on', - value: function on(event, handler, ctx) { - var once = arguments[3] === undefined ? false : arguments[3]; - - if (typeof this.bindings === 'undefined') { - this.bindings = {}; - } - if (typeof this.bindings[event] === 'undefined') { - this.bindings[event] = []; - } - this.bindings[event].push({ handler: handler, ctx: ctx, once: once }); - } - }, { - key: 'once', - value: function once(event, handler, ctx) { - this.on(event, handler, ctx, true); - } - }, { - key: 'off', - value: function off(event, handler) { - if (typeof this.bindings !== 'undefined' && typeof this.bindings[event] !== 'undefined') { - return; - } - - if (typeof handler === 'undefined') { - delete this.bindings[event]; - } else { - var i = 0; - while (i < this.bindings[event].length) { - if (this.bindings[event][i].handler === handler) { - this.bindings[event].splice(i, 1); - } else { - ++i; - } - } - } - } - }, { - key: 'trigger', - value: function trigger(event) { - for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - args[_key - 1] = arguments[_key]; - } - - if (typeof this.bindings !== 'undefined' && this.bindings[event]) { - var i = 0; - while (i < this.bindings[event].length) { - var _bindings$event$i = this.bindings[event][i]; - var handler = _bindings$event$i.handler; - var ctx = _bindings$event$i.ctx; - var once = _bindings$event$i.once; - - var context = ctx; - if (typeof context === 'undefined') { - context = this; - } - - handler.apply(context, args); - - if (once) { - this.bindings[event].splice(i, 1); - } else { - ++i; - } - } - } - } - }]); - - return Evented; -})(); - -TetherBase.Utils = { - getScrollParent: getScrollParent, - getBounds: getBounds, - getOffsetParent: getOffsetParent, - extend: extend, - addClass: addClass, - removeClass: removeClass, - hasClass: hasClass, - updateClasses: updateClasses, - defer: defer, - flush: flush, - uniqueId: uniqueId, - Evented: Evented, - getScrollBarSize: getScrollBarSize -}; -/* globals TetherBase, performance */ - -'use strict'; - -var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); - -function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } - -if (typeof TetherBase === 'undefined') { - throw new Error('You must include the utils.js file before tether.js'); -} - -var _TetherBase$Utils = TetherBase.Utils; -var getScrollParent = _TetherBase$Utils.getScrollParent; -var getBounds = _TetherBase$Utils.getBounds; -var getOffsetParent = _TetherBase$Utils.getOffsetParent; -var extend = _TetherBase$Utils.extend; -var addClass = _TetherBase$Utils.addClass; -var removeClass = _TetherBase$Utils.removeClass; -var updateClasses = _TetherBase$Utils.updateClasses; -var defer = _TetherBase$Utils.defer; -var flush = _TetherBase$Utils.flush; -var getScrollBarSize = _TetherBase$Utils.getScrollBarSize; - -function within(a, b) { - var diff = arguments[2] === undefined ? 1 : arguments[2]; - - return a + diff >= b && b >= a - diff; -} - -var transformKey = (function () { - var el = document.createElement('div'); - - var transforms = ['transform', 'webkitTransform', 'OTransform', 'MozTransform', 'msTransform']; - for (var i = 0; i < transforms.length; ++i) { - var key = transforms[i]; - if (el.style[key] !== undefined) { - return key; - } - } -})(); - -var tethers = []; - -var position = function position() { - tethers.forEach(function (tether) { - tether.position(false); - }); - flush(); -}; - -function now() { - if (typeof performance !== 'undefined' && typeof performance.now !== 'undefined') { - return performance.now(); - } - return +new Date(); -} - -(function () { - var lastCall = null; - var lastDuration = null; - var pendingTimeout = null; - - var tick = function tick() { - if (typeof lastDuration !== 'undefined' && lastDuration > 16) { - // We voluntarily throttle ourselves if we can't manage 60fps - lastDuration = Math.min(lastDuration - 16, 250); - - // Just in case this is the last event, remember to position just once more - pendingTimeout = setTimeout(tick, 250); - return; - } - - if (typeof lastCall !== 'undefined' && now() - lastCall < 10) { - // Some browsers call events a little too frequently, refuse to run more than is reasonable - return; - } - - if (typeof pendingTimeout !== 'undefined') { - clearTimeout(pendingTimeout); - pendingTimeout = null; - } - - lastCall = now(); - position(); - lastDuration = now() - lastCall; - }; - - ['resize', 'scroll', 'touchmove'].forEach(function (event) { - window.addEventListener(event, tick); - }); -})(); - -var MIRROR_LR = { - center: 'center', - left: 'right', - right: 'left' -}; - -var MIRROR_TB = { - middle: 'middle', - top: 'bottom', - bottom: 'top' -}; - -var OFFSET_MAP = { - top: 0, - left: 0, - middle: '50%', - center: '50%', - bottom: '100%', - right: '100%' -}; - -var autoToFixedAttachment = function autoToFixedAttachment(attachment, relativeToAttachment) { - var left = attachment.left; - var top = attachment.top; - - if (left === 'auto') { - left = MIRROR_LR[relativeToAttachment.left]; - } - - if (top === 'auto') { - top = MIRROR_TB[relativeToAttachment.top]; - } - - return { left: left, top: top }; -}; - -var attachmentToOffset = function attachmentToOffset(attachment) { - var left = attachment.left; - var top = attachment.top; - - if (typeof OFFSET_MAP[attachment.left] !== 'undefined') { - left = OFFSET_MAP[attachment.left]; - } - - if (typeof OFFSET_MAP[attachment.top] !== 'undefined') { - top = OFFSET_MAP[attachment.top]; - } - - return { left: left, top: top }; -}; - -function addOffset() { - for (var _len = arguments.length, offsets = Array(_len), _key = 0; _key < _len; _key++) { - offsets[_key] = arguments[_key]; - } - - var out = { top: 0, left: 0 }; - - offsets.forEach(function (_ref) { - var top = _ref.top; - var left = _ref.left; - - if (typeof top === 'string') { - top = parseFloat(top, 10); - } - if (typeof left === 'string') { - left = parseFloat(left, 10); - } - - out.top += top; - out.left += left; - }); - - return out; -} - -function offsetToPx(offset, size) { - if (typeof offset.left === 'string' && offset.left.indexOf('%') !== -1) { - offset.left = parseFloat(offset.left, 10) / 100 * size.width; - } - if (typeof offset.top === 'string' && offset.top.indexOf('%') !== -1) { - offset.top = parseFloat(offset.top, 10) / 100 * size.height; - } - - return offset; -} - -var parseOffset = function parseOffset(value) { - var _value$split = value.split(' '); - - var _value$split2 = _slicedToArray(_value$split, 2); - - var top = _value$split2[0]; - var left = _value$split2[1]; - - return { top: top, left: left }; -}; -var parseAttachment = parseOffset; - -var TetherClass = (function () { - function TetherClass(options) { - var _this = this; - - _classCallCheck(this, TetherClass); - - this.position = this.position.bind(this); - - tethers.push(this); - - this.history = []; - - this.setOptions(options, false); - - TetherBase.modules.forEach(function (module) { - if (typeof module.initialize !== 'undefined') { - module.initialize.call(_this); - } - }); - - this.position(); - } - - _createClass(TetherClass, [{ - key: 'getClass', - value: function getClass() { - var key = arguments[0] === undefined ? '' : arguments[0]; - var classes = this.options.classes; - - if (typeof classes !== 'undefined' && classes[key]) { - return this.options.classes[key]; - } else if (this.options.classPrefix) { - return '' + this.options.classPrefix + '-' + key; - } else { - return key; - } - } - }, { - key: 'setOptions', - value: function setOptions(options) { - var _this2 = this; - - var pos = arguments[1] === undefined ? true : arguments[1]; - - var defaults = { - offset: '0 0', - targetOffset: '0 0', - targetAttachment: 'auto auto', - classPrefix: 'tether' - }; - - this.options = extend(defaults, options); - - var _options = this.options; - var element = _options.element; - var target = _options.target; - var targetModifier = _options.targetModifier; - - this.element = element; - this.target = target; - this.targetModifier = targetModifier; - - if (this.target === 'viewport') { - this.target = document.body; - this.targetModifier = 'visible'; - } else if (this.target === 'scroll-handle') { - this.target = document.body; - this.targetModifier = 'scroll-handle'; - } - - ['element', 'target'].forEach(function (key) { - if (typeof _this2[key] === 'undefined') { - throw new Error('Tether Error: Both element and target must be defined'); - } - - if (typeof _this2[key].jquery !== 'undefined') { - _this2[key] = _this2[key][0]; - } else if (typeof _this2[key] === 'string') { - _this2[key] = document.querySelector(_this2[key]); - } - }); - - addClass(this.element, this.getClass('element')); - if (!(this.options.addTargetClasses === false)) { - addClass(this.target, this.getClass('target')); - } - - if (!this.options.attachment) { - throw new Error('Tether Error: You must provide an attachment'); - } - - this.targetAttachment = parseAttachment(this.options.targetAttachment); - this.attachment = parseAttachment(this.options.attachment); - this.offset = parseOffset(this.options.offset); - this.targetOffset = parseOffset(this.options.targetOffset); - - if (typeof this.scrollParent !== 'undefined') { - this.disable(); - } - - if (this.targetModifier === 'scroll-handle') { - this.scrollParent = this.target; - } else { - this.scrollParent = getScrollParent(this.target); - } - - if (!(this.options.enabled === false)) { - this.enable(pos); - } - } - }, { - key: 'getTargetBounds', - value: function getTargetBounds() { - if (typeof this.targetModifier !== 'undefined') { - if (this.targetModifier === 'visible') { - if (this.target === document.body) { - return { top: pageYOffset, left: pageXOffset, height: innerHeight, width: innerWidth }; - } else { - var bounds = getBounds(this.target); - - var out = { - height: bounds.height, - width: bounds.width, - top: bounds.top, - left: bounds.left - }; - - out.height = Math.min(out.height, bounds.height - (pageYOffset - bounds.top)); - out.height = Math.min(out.height, bounds.height - (bounds.top + bounds.height - (pageYOffset + innerHeight))); - out.height = Math.min(innerHeight, out.height); - out.height -= 2; - - out.width = Math.min(out.width, bounds.width - (pageXOffset - bounds.left)); - out.width = Math.min(out.width, bounds.width - (bounds.left + bounds.width - (pageXOffset + innerWidth))); - out.width = Math.min(innerWidth, out.width); - out.width -= 2; - - if (out.top < pageYOffset) { - out.top = pageYOffset; - } - if (out.left < pageXOffset) { - out.left = pageXOffset; - } - - return out; - } - } else if (this.targetModifier === 'scroll-handle') { - var bounds = undefined; - var target = this.target; - if (target === document.body) { - target = document.documentElement; - - bounds = { - left: pageXOffset, - top: pageYOffset, - height: innerHeight, - width: innerWidth - }; - } else { - bounds = getBounds(target); - } - - var style = getComputedStyle(target); - - var hasBottomScroll = target.scrollWidth > target.clientWidth || [style.overflow, style.overflowX].indexOf('scroll') >= 0 || this.target !== document.body; - - var scrollBottom = 0; - if (hasBottomScroll) { - scrollBottom = 15; - } - - var height = bounds.height - parseFloat(style.borderTopWidth) - parseFloat(style.borderBottomWidth) - scrollBottom; - - var out = { - width: 15, - height: height * 0.975 * (height / target.scrollHeight), - left: bounds.left + bounds.width - parseFloat(style.borderLeftWidth) - 15 - }; - - var fitAdj = 0; - if (height < 408 && this.target === document.body) { - fitAdj = -0.00011 * Math.pow(height, 2) - 0.00727 * height + 22.58; - } - - if (this.target !== document.body) { - out.height = Math.max(out.height, 24); - } - - var scrollPercentage = this.target.scrollTop / (target.scrollHeight - height); - out.top = scrollPercentage * (height - out.height - fitAdj) + bounds.top + parseFloat(style.borderTopWidth); - - if (this.target === document.body) { - out.height = Math.max(out.height, 24); - } - - return out; - } - } else { - return getBounds(this.target); - } - } - }, { - key: 'clearCache', - value: function clearCache() { - this._cache = {}; - } - }, { - key: 'cache', - value: function cache(k, getter) { - // More than one module will often need the same DOM info, so - // we keep a cache which is cleared on each position call - if (typeof this._cache === 'undefined') { - this._cache = {}; - } - - if (typeof this._cache[k] === 'undefined') { - this._cache[k] = getter.call(this); - } - - return this._cache[k]; - } - }, { - key: 'enable', - value: function enable() { - var pos = arguments[0] === undefined ? true : arguments[0]; - - if (!(this.options.addTargetClasses === false)) { - addClass(this.target, this.getClass('enabled')); - } - addClass(this.element, this.getClass('enabled')); - this.enabled = true; - - if (this.scrollParent !== document) { - this.scrollParent.addEventListener('scroll', this.position); - } - - if (pos) { - this.position(); - } - } - }, { - key: 'disable', - value: function disable() { - removeClass(this.target, this.getClass('enabled')); - removeClass(this.element, this.getClass('enabled')); - this.enabled = false; - - if (typeof this.scrollParent !== 'undefined') { - this.scrollParent.removeEventListener('scroll', this.position); - } - } - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - this.disable(); - - tethers.forEach(function (tether, i) { - if (tether === _this3) { - tethers.splice(i, 1); - return; - } - }); - } - }, { - key: 'updateAttachClasses', - value: function updateAttachClasses(elementAttach, targetAttach) { - var _this4 = this; - - elementAttach = elementAttach || this.attachment; - targetAttach = targetAttach || this.targetAttachment; - var sides = ['left', 'top', 'bottom', 'right', 'middle', 'center']; - - if (typeof this._addAttachClasses !== 'undefined' && this._addAttachClasses.length) { - // updateAttachClasses can be called more than once in a position call, so - // we need to clean up after ourselves such that when the last defer gets - // ran it doesn't add any extra classes from previous calls. - this._addAttachClasses.splice(0, this._addAttachClasses.length); - } - - if (typeof this._addAttachClasses === 'undefined') { - this._addAttachClasses = []; - } - var add = this._addAttachClasses; - - if (elementAttach.top) { - add.push('' + this.getClass('element-attached') + '-' + elementAttach.top); - } - if (elementAttach.left) { - add.push('' + this.getClass('element-attached') + '-' + elementAttach.left); - } - if (targetAttach.top) { - add.push('' + this.getClass('target-attached') + '-' + targetAttach.top); - } - if (targetAttach.left) { - add.push('' + this.getClass('target-attached') + '-' + targetAttach.left); - } - - var all = []; - sides.forEach(function (side) { - all.push('' + _this4.getClass('element-attached') + '-' + side); - all.push('' + _this4.getClass('target-attached') + '-' + side); - }); - - defer(function () { - if (!(typeof _this4._addAttachClasses !== 'undefined')) { - return; - } - - updateClasses(_this4.element, _this4._addAttachClasses, all); - if (!(_this4.options.addTargetClasses === false)) { - updateClasses(_this4.target, _this4._addAttachClasses, all); - } - - delete _this4._addAttachClasses; - }); - } - }, { - key: 'position', - value: function position() { - var _this5 = this; - - var flushChanges = arguments[0] === undefined ? true : arguments[0]; - - // flushChanges commits the changes immediately, leave true unless you are positioning multiple - // tethers (in which case call Tether.Utils.flush yourself when you're done) - - if (!this.enabled) { - return; - } - - this.clearCache(); - - // Turn 'auto' attachments into the appropriate corner or edge - var targetAttachment = autoToFixedAttachment(this.targetAttachment, this.attachment); - - this.updateAttachClasses(this.attachment, targetAttachment); - - var elementPos = this.cache('element-bounds', function () { - return getBounds(_this5.element); - }); - - var width = elementPos.width; - var height = elementPos.height; - - if (width === 0 && height === 0 && typeof this.lastSize !== 'undefined') { - var _lastSize = this.lastSize; - - // We cache the height and width to make it possible to position elements that are - // getting hidden. - width = _lastSize.width; - height = _lastSize.height; - } else { - this.lastSize = { width: width, height: height }; - } - - var targetPos = this.cache('target-bounds', function () { - return _this5.getTargetBounds(); - }); - var targetSize = targetPos; - - // Get an actual px offset from the attachment - var offset = offsetToPx(attachmentToOffset(this.attachment), { width: width, height: height }); - var targetOffset = offsetToPx(attachmentToOffset(targetAttachment), targetSize); - - var manualOffset = offsetToPx(this.offset, { width: width, height: height }); - var manualTargetOffset = offsetToPx(this.targetOffset, targetSize); - - // Add the manually provided offset - offset = addOffset(offset, manualOffset); - targetOffset = addOffset(targetOffset, manualTargetOffset); - - // It's now our goal to make (element position + offset) == (target position + target offset) - var left = targetPos.left + targetOffset.left - offset.left; - var top = targetPos.top + targetOffset.top - offset.top; - - for (var i = 0; i < TetherBase.modules.length; ++i) { - var _module2 = TetherBase.modules[i]; - var ret = _module2.position.call(this, { - left: left, - top: top, - targetAttachment: targetAttachment, - targetPos: targetPos, - elementPos: elementPos, - offset: offset, - targetOffset: targetOffset, - manualOffset: manualOffset, - manualTargetOffset: manualTargetOffset, - scrollbarSize: scrollbarSize, - attachment: this.attachment - }); - - if (ret === false) { - return false; - } else if (typeof ret === 'undefined' || typeof ret !== 'object') { - continue; - } else { - top = ret.top; - left = ret.left; - } - } - - // We describe the position three different ways to give the optimizer - // a chance to decide the best possible way to position the element - // with the fewest repaints. - var next = { - // It's position relative to the page (absolute positioning when - // the element is a child of the body) - page: { - top: top, - left: left - }, - - // It's position relative to the viewport (fixed positioning) - viewport: { - top: top - pageYOffset, - bottom: pageYOffset - top - height + innerHeight, - left: left - pageXOffset, - right: pageXOffset - left - width + innerWidth - } - }; - - var scrollbarSize = undefined; - if (document.body.scrollWidth > window.innerWidth) { - scrollbarSize = this.cache('scrollbar-size', getScrollBarSize); - next.viewport.bottom -= scrollbarSize.height; - } - - if (document.body.scrollHeight > window.innerHeight) { - scrollbarSize = this.cache('scrollbar-size', getScrollBarSize); - next.viewport.right -= scrollbarSize.width; - } - - if (['', 'static'].indexOf(document.body.style.position) === -1 || ['', 'static'].indexOf(document.body.parentElement.style.position) === -1) { - // Absolute positioning in the body will be relative to the page, not the 'initial containing block' - next.page.bottom = document.body.scrollHeight - top - height; - next.page.right = document.body.scrollWidth - left - width; - } - - if (typeof this.options.optimizations !== 'undefined' && this.options.optimizations.moveElement !== false && !(typeof this.targetModifier !== 'undefined')) { - (function () { - var offsetParent = _this5.cache('target-offsetparent', function () { - return getOffsetParent(_this5.target); - }); - var offsetPosition = _this5.cache('target-offsetparent-bounds', function () { - return getBounds(offsetParent); - }); - var offsetParentStyle = getComputedStyle(offsetParent); - var offsetParentSize = offsetPosition; - - var offsetBorder = {}; - ['Top', 'Left', 'Bottom', 'Right'].forEach(function (side) { - offsetBorder[side.toLowerCase()] = parseFloat(offsetParentStyle['border' + side + 'Width']); - }); - - offsetPosition.right = document.body.scrollWidth - offsetPosition.left - offsetParentSize.width + offsetBorder.right; - offsetPosition.bottom = document.body.scrollHeight - offsetPosition.top - offsetParentSize.height + offsetBorder.bottom; - - if (next.page.top >= offsetPosition.top + offsetBorder.top && next.page.bottom >= offsetPosition.bottom) { - if (next.page.left >= offsetPosition.left + offsetBorder.left && next.page.right >= offsetPosition.right) { - // We're within the visible part of the target's scroll parent - var scrollTop = offsetParent.scrollTop; - var scrollLeft = offsetParent.scrollLeft; - - // It's position relative to the target's offset parent (absolute positioning when - // the element is moved to be a child of the target's offset parent). - next.offset = { - top: next.page.top - offsetPosition.top + scrollTop - offsetBorder.top, - left: next.page.left - offsetPosition.left + scrollLeft - offsetBorder.left - }; - } - } - })(); - } - - // We could also travel up the DOM and try each containing context, rather than only - // looking at the body, but we're gonna get diminishing returns. - - this.move(next); - - this.history.unshift(next); - - if (this.history.length > 3) { - this.history.pop(); - } - - if (flushChanges) { - flush(); - } - - return true; - } - }, { - key: 'move', - - // THE ISSUE - value: function move(pos) { - var _this6 = this; - - if (!(typeof this.element.parentNode !== 'undefined')) { - return; - } - - var same = {}; - - for (var type in pos) { - same[type] = {}; - - for (var key in pos[type]) { - var found = false; - - for (var i = 0; i < this.history.length; ++i) { - var point = this.history[i]; - if (typeof point[type] !== 'undefined' && !within(point[type][key], pos[type][key])) { - found = true; - break; - } - } - - if (!found) { - same[type][key] = true; - } - } - } - - var css = { top: '', left: '', right: '', bottom: '' }; - - var transcribe = function transcribe(_same, _pos) { - var hasOptimizations = typeof _this6.options.optimizations !== 'undefined'; - var gpu = hasOptimizations ? _this6.options.optimizations.gpu : null; - if (gpu !== false) { - var yPos = undefined, - xPos = undefined; - if (_same.top) { - css.top = 0; - yPos = _pos.top; - } else { - css.bottom = 0; - yPos = -_pos.bottom; - } - - if (_same.left) { - css.left = 0; - xPos = _pos.left; - } else { - css.right = 0; - xPos = -_pos.right; - } - - css[transformKey] = 'translateX(' + Math.round(xPos) + 'px) translateY(' + Math.round(yPos) + 'px)'; - - if (transformKey !== 'msTransform') { - // The Z transform will keep this in the GPU (faster, and prevents artifacts), - // but IE9 doesn't support 3d transforms and will choke. - css[transformKey] += ' translateZ(0)'; - } - } else { - if (_same.top) { - css.top = '' + _pos.top + 'px'; - } else { - css.bottom = '' + _pos.bottom + 'px'; - } - - if (_same.left) { - css.left = '' + _pos.left + 'px'; - } else { - css.right = '' + _pos.right + 'px'; - } - } - }; - - var moved = false; - if ((same.page.top || same.page.bottom) && (same.page.left || same.page.right)) { - css.position = 'absolute'; - transcribe(same.page, pos.page); - } else if ((same.viewport.top || same.viewport.bottom) && (same.viewport.left || same.viewport.right)) { - css.position = 'fixed'; - transcribe(same.viewport, pos.viewport); - } else if (typeof same.offset !== 'undefined' && same.offset.top && same.offset.left) { - (function () { - css.position = 'absolute'; - var offsetParent = _this6.cache('target-offsetparent', function () { - return getOffsetParent(_this6.target); - }); - - if (getOffsetParent(_this6.element) !== offsetParent) { - defer(function () { - _this6.element.parentNode.removeChild(_this6.element); - offsetParent.appendChild(_this6.element); - }); - } - - transcribe(same.offset, pos.offset); - moved = true; - })(); - } else { - css.position = 'absolute'; - transcribe({ top: true, left: true }, pos.page); - } - - if (!moved && this.element.parentNode.tagName !== 'BODY') { - this.element.parentNode.removeChild(this.element); - document.body.appendChild(this.element); - } - - // Any css change will trigger a repaint, so let's avoid one if nothing changed - var writeCSS = {}; - var write = false; - for (var key in css) { - var val = css[key]; - var elVal = this.element.style[key]; - - if (elVal !== '' && val !== '' && ['top', 'left', 'bottom', 'right'].indexOf(key) >= 0) { - elVal = parseFloat(elVal); - val = parseFloat(val); - } - - if (elVal !== val) { - write = true; - writeCSS[key] = val; - } - } - - if (write) { - defer(function () { - extend(_this6.element.style, writeCSS); - }); - } - } - }]); - - return TetherClass; -})(); - -TetherClass.modules = []; - -TetherBase.position = position; - -var Tether = extend(TetherClass, TetherBase); -/* globals TetherBase */ - -'use strict'; - -function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } } - -var _TetherBase$Utils = TetherBase.Utils; -var getBounds = _TetherBase$Utils.getBounds; -var extend = _TetherBase$Utils.extend; -var updateClasses = _TetherBase$Utils.updateClasses; -var defer = _TetherBase$Utils.defer; - -var BOUNDS_FORMAT = ['left', 'top', 'right', 'bottom']; - -function getBoundingRect(tether, to) { - if (to === 'scrollParent') { - to = tether.scrollParent; - } else if (to === 'window') { - to = [pageXOffset, pageYOffset, innerWidth + pageXOffset, innerHeight + pageYOffset]; - } - - if (to === document) { - to = to.documentElement; - } - - if (typeof to.nodeType !== 'undefined') { - (function () { - var size = getBounds(to); - var pos = size; - var style = getComputedStyle(to); - - to = [pos.left, pos.top, size.width + pos.left, size.height + pos.top]; - - BOUNDS_FORMAT.forEach(function (side, i) { - side = side[0].toUpperCase() + side.substr(1); - if (side === 'Top' || side === 'Left') { - to[i] += parseFloat(style['border' + side + 'Width']); - } else { - to[i] -= parseFloat(style['border' + side + 'Width']); - } - }); - })(); - } - - return to; -} - -TetherBase.modules.push({ - position: function position(_ref) { - var _this = this; - - var top = _ref.top; - var left = _ref.left; - var targetAttachment = _ref.targetAttachment; - - if (!this.options.constraints) { - return true; - } - - var _cache = this.cache('element-bounds', function () { - return getBounds(_this.element); - }); - - var height = _cache.height; - var width = _cache.width; - - if (width === 0 && height === 0 && typeof this.lastSize !== 'undefined') { - var _lastSize = this.lastSize; - - // Handle the item getting hidden as a result of our positioning without glitching - // the classes in and out - width = _lastSize.width; - height = _lastSize.height; - } - - var targetSize = this.cache('target-bounds', function () { - return _this.getTargetBounds(); - }); - - var targetHeight = targetSize.height; - var targetWidth = targetSize.width; - - var allClasses = [this.getClass('pinned'), this.getClass('out-of-bounds')]; - - this.options.constraints.forEach(function (constraint) { - var outOfBoundsClass = constraint.outOfBoundsClass; - var pinnedClass = constraint.pinnedClass; - - if (outOfBoundsClass) { - allClasses.push(outOfBoundsClass); - } - if (pinnedClass) { - allClasses.push(pinnedClass); - } - }); - - allClasses.forEach(function (cls) { - ['left', 'top', 'right', 'bottom'].forEach(function (side) { - allClasses.push('' + cls + '-' + side); - }); - }); - - var addClasses = []; - - var tAttachment = extend({}, targetAttachment); - var eAttachment = extend({}, this.attachment); - - this.options.constraints.forEach(function (constraint) { - var to = constraint.to; - var attachment = constraint.attachment; - var pin = constraint.pin; - - if (typeof attachment === 'undefined') { - attachment = ''; - } - - var changeAttachX = undefined, - changeAttachY = undefined; - if (attachment.indexOf(' ') >= 0) { - var _attachment$split = attachment.split(' '); - - var _attachment$split2 = _slicedToArray(_attachment$split, 2); - - changeAttachY = _attachment$split2[0]; - changeAttachX = _attachment$split2[1]; - } else { - changeAttachX = changeAttachY = attachment; - } - - var bounds = getBoundingRect(_this, to); - - if (changeAttachY === 'target' || changeAttachY === 'both') { - if (top < bounds[1] && tAttachment.top === 'top') { - top += targetHeight; - tAttachment.top = 'bottom'; - } - - if (top + height > bounds[3] && tAttachment.top === 'bottom') { - top -= targetHeight; - tAttachment.top = 'top'; - } - } - - if (changeAttachY === 'together') { - if (top < bounds[1] && tAttachment.top === 'top') { - if (eAttachment.top === 'bottom') { - top += targetHeight; - tAttachment.top = 'bottom'; - - top += height; - eAttachment.top = 'top'; - } else if (eAttachment.top === 'top') { - top += targetHeight; - tAttachment.top = 'bottom'; - - top -= height; - eAttachment.top = 'bottom'; - } - } - - if (top + height > bounds[3] && tAttachment.top === 'bottom') { - if (eAttachment.top === 'top') { - top -= targetHeight; - tAttachment.top = 'top'; - - top -= height; - eAttachment.top = 'bottom'; - } else if (eAttachment.top === 'bottom') { - top -= targetHeight; - tAttachment.top = 'top'; - - top += height; - eAttachment.top = 'top'; - } - } - - if (tAttachment.top === 'middle') { - if (top + height > bounds[3] && eAttachment.top === 'top') { - top -= height; - eAttachment.top = 'bottom'; - } else if (top < bounds[1] && eAttachment.top === 'bottom') { - top += height; - eAttachment.top = 'top'; - } - } - } - - if (changeAttachX === 'target' || changeAttachX === 'both') { - if (left < bounds[0] && tAttachment.left === 'left') { - left += targetWidth; - tAttachment.left = 'right'; - } - - if (left + width > bounds[2] && tAttachment.left === 'right') { - left -= targetWidth; - tAttachment.left = 'left'; - } - } - - if (changeAttachX === 'together') { - if (left < bounds[0] && tAttachment.left === 'left') { - if (eAttachment.left === 'right') { - left += targetWidth; - tAttachment.left = 'right'; - - left += width; - eAttachment.left = 'left'; - } else if (eAttachment.left === 'left') { - left += targetWidth; - tAttachment.left = 'right'; - - left -= width; - eAttachment.left = 'right'; - } - } else if (left + width > bounds[2] && tAttachment.left === 'right') { - if (eAttachment.left === 'left') { - left -= targetWidth; - tAttachment.left = 'left'; - - left -= width; - eAttachment.left = 'right'; - } else if (eAttachment.left === 'right') { - left -= targetWidth; - tAttachment.left = 'left'; - - left += width; - eAttachment.left = 'left'; - } - } else if (tAttachment.left === 'center') { - if (left + width > bounds[2] && eAttachment.left === 'left') { - left -= width; - eAttachment.left = 'right'; - } else if (left < bounds[0] && eAttachment.left === 'right') { - left += width; - eAttachment.left = 'left'; - } - } - } - - if (changeAttachY === 'element' || changeAttachY === 'both') { - if (top < bounds[1] && eAttachment.top === 'bottom') { - top += height; - eAttachment.top = 'top'; - } - - if (top + height > bounds[3] && eAttachment.top === 'top') { - top -= height; - eAttachment.top = 'bottom'; - } - } - - if (changeAttachX === 'element' || changeAttachX === 'both') { - if (left < bounds[0] && eAttachment.left === 'right') { - left += width; - eAttachment.left = 'left'; - } - - if (left + width > bounds[2] && eAttachment.left === 'left') { - left -= width; - eAttachment.left = 'right'; - } - } - - if (typeof pin === 'string') { - pin = pin.split(',').map(function (p) { - return p.trim(); - }); - } else if (pin === true) { - pin = ['top', 'left', 'right', 'bottom']; - } - - pin = pin || []; - - var pinned = []; - var oob = []; - - if (top < bounds[1]) { - if (pin.indexOf('top') >= 0) { - top = bounds[1]; - pinned.push('top'); - } else { - oob.push('top'); - } - } - - if (top + height > bounds[3]) { - if (pin.indexOf('bottom') >= 0) { - top = bounds[3] - height; - pinned.push('bottom'); - } else { - oob.push('bottom'); - } - } - - if (left < bounds[0]) { - if (pin.indexOf('left') >= 0) { - left = bounds[0]; - pinned.push('left'); - } else { - oob.push('left'); - } - } - - if (left + width > bounds[2]) { - if (pin.indexOf('right') >= 0) { - left = bounds[2] - width; - pinned.push('right'); - } else { - oob.push('right'); - } - } - - if (pinned.length) { - (function () { - var pinnedClass = undefined; - if (typeof _this.options.pinnedClass !== 'undefined') { - pinnedClass = _this.options.pinnedClass; - } else { - pinnedClass = _this.getClass('pinned'); - } - - addClasses.push(pinnedClass); - pinned.forEach(function (side) { - addClasses.push('' + pinnedClass + '-' + side); - }); - })(); - } - - if (oob.length) { - (function () { - var oobClass = undefined; - if (typeof _this.options.outOfBoundsClass !== 'undefined') { - oobClass = _this.options.outOfBoundsClass; - } else { - oobClass = _this.getClass('out-of-bounds'); - } - - addClasses.push(oobClass); - oob.forEach(function (side) { - addClasses.push('' + oobClass + '-' + side); - }); - })(); - } - - if (pinned.indexOf('left') >= 0 || pinned.indexOf('right') >= 0) { - eAttachment.left = tAttachment.left = false; - } - if (pinned.indexOf('top') >= 0 || pinned.indexOf('bottom') >= 0) { - eAttachment.top = tAttachment.top = false; - } - - if (tAttachment.top !== targetAttachment.top || tAttachment.left !== targetAttachment.left || eAttachment.top !== _this.attachment.top || eAttachment.left !== _this.attachment.left) { - _this.updateAttachClasses(eAttachment, tAttachment); - } - }); - - defer(function () { - if (!(_this.options.addTargetClasses === false)) { - updateClasses(_this.target, addClasses, allClasses); - } - updateClasses(_this.element, addClasses, allClasses); - }); - - return { top: top, left: left }; - } -}); -/* globals TetherBase */ - -'use strict'; - -var _TetherBase$Utils = TetherBase.Utils; -var getBounds = _TetherBase$Utils.getBounds; -var updateClasses = _TetherBase$Utils.updateClasses; -var defer = _TetherBase$Utils.defer; - -TetherBase.modules.push({ - position: function position(_ref) { - var _this = this; - - var top = _ref.top; - var left = _ref.left; - - var _cache = this.cache('element-bounds', function () { - return getBounds(_this.element); - }); - - var height = _cache.height; - var width = _cache.width; - - var targetPos = this.getTargetBounds(); - - var bottom = top + height; - var right = left + width; - - var abutted = []; - if (top <= targetPos.bottom && bottom >= targetPos.top) { - ['left', 'right'].forEach(function (side) { - var targetPosSide = targetPos[side]; - if (targetPosSide === left || targetPosSide === right) { - abutted.push(side); - } - }); - } - - if (left <= targetPos.right && right >= targetPos.left) { - ['top', 'bottom'].forEach(function (side) { - var targetPosSide = targetPos[side]; - if (targetPosSide === top || targetPosSide === bottom) { - abutted.push(side); - } - }); - } - - var allClasses = []; - var addClasses = []; - - var sides = ['left', 'top', 'right', 'bottom']; - allClasses.push(this.getClass('abutted')); - sides.forEach(function (side) { - allClasses.push('' + _this.getClass('abutted') + '-' + side); - }); - - if (abutted.length) { - addClasses.push(this.getClass('abutted')); - } - - abutted.forEach(function (side) { - addClasses.push('' + _this.getClass('abutted') + '-' + side); - }); - - defer(function () { - if (!(_this.options.addTargetClasses === false)) { - updateClasses(_this.target, addClasses, allClasses); - } - updateClasses(_this.element, addClasses, allClasses); - }); - - return true; - } -}); -/* globals TetherBase */ - -'use strict'; - -function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } } - -TetherBase.modules.push({ - position: function position(_ref) { - var top = _ref.top; - var left = _ref.left; - - if (!this.options.shift) { - return; - } - - var shift = this.options.shift; - if (typeof this.options.shift === 'function') { - shift = this.options.shift.call(this, { top: top, left: left }); - } - - var shiftTop = undefined, - shiftLeft = undefined; - if (typeof shift === 'string') { - shift = shift.split(' '); - shift[1] = shift[1] || shift[0]; - - var _shift = _slicedToArray(shift, 2); - - shiftTop = _shift[0]; - shiftLeft = _shift[1]; - - shiftTop = parseFloat(shiftTop, 10); - shiftLeft = parseFloat(shiftLeft, 10); - } else { - shiftTop = shift.top; - shiftLeft = shift.left; - } - - top += shiftTop; - left += shiftLeft; - - return { top: top, left: left }; - } -}); -return Tether; - -})); diff --git a/dist/js/tether.min.js b/dist/js/tether.min.js deleted file mode 100644 index 0ee25a82f..000000000 --- a/dist/js/tether.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e(require,exports,module):t.Tether=e()}(this,function(t,e,o){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t){var e=getComputedStyle(t),o=e.position;if("fixed"===o)return t;for(var i=t;i=i.parentNode;){var n=void 0;try{n=getComputedStyle(i)}catch(r){}if("undefined"==typeof n||null===n)return i;var s=n.overflow,a=n.overflowX,f=n.overflowY;if(/(auto|scroll)/.test(s+f+a)&&("absolute"!==o||["relative","absolute","fixed"].indexOf(n.position)>=0))return i}return document.body}function r(t){var e=void 0;t===document?(e=document,t=document.documentElement):e=t.ownerDocument;var o=e.documentElement,i={},n=t.getBoundingClientRect();for(var r in n)i[r]=n[r];var s=A(e);return i.top-=s.top,i.left-=s.left,"undefined"==typeof i.width&&(i.width=document.body.scrollWidth-i.left-i.right),"undefined"==typeof i.height&&(i.height=document.body.scrollHeight-i.top-i.bottom),i.top=i.top-o.clientTop,i.left=i.left-o.clientLeft,i.right=e.body.clientWidth-i.width-i.left,i.bottom=e.body.clientHeight-i.height-i.top,i}function s(t){return t.offsetParent||document.documentElement}function a(){var t=document.createElement("div");t.style.width="100%",t.style.height="200px";var e=document.createElement("div");f(e.style,{position:"absolute",top:0,left:0,pointerEvents:"none",visibility:"hidden",width:"200px",height:"150px",overflow:"hidden"}),e.appendChild(t),document.body.appendChild(e);var o=t.offsetWidth;e.style.overflow="scroll";var i=t.offsetWidth;o===i&&(i=e.clientWidth),document.body.removeChild(e);var n=o-i;return{width:n,height:n}}function f(){var t=void 0===arguments[0]?{}:arguments[0],e=[];return Array.prototype.push.apply(e,arguments),e.slice(1).forEach(function(e){if(e)for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}),t}function h(t,e){if("undefined"!=typeof t.classList)e.split(" ").forEach(function(e){e.trim()&&t.classList.remove(e)});else{var o=new RegExp("(^| )"+e.split(" ").join("|")+"( |$)","gi"),i=p(t).replace(o," ");u(t,i)}}function l(t,e){if("undefined"!=typeof t.classList)e.split(" ").forEach(function(e){e.trim()&&t.classList.add(e)});else{h(t,e);var o=p(t)+" #{name}";u(t,o)}}function d(t,e){if("undefined"!=typeof t.classList)return t.classList.contains(e);var o=p(t);return new RegExp("(^| )"+e+"( |$)","gi").test(o)}function p(t){return t.className instanceof SVGAnimatedString?t.className.baseVal:t.className}function u(t,e){t.setAttribute("class",e)}function c(t,e,o){o.forEach(function(o){-1===e.indexOf(o)&&d(t,o)&&h(t,o)}),e.forEach(function(e){d(t,e)||l(t,e)})}function g(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t)){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(f){n=!0,r=f}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}throw new TypeError("Invalid attempt to destructure non-iterable instance")}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function m(t,e){var o=void 0===arguments[2]?1:arguments[2];return t+o>=e&&e>=t-o}function v(){return"undefined"!=typeof performance&&"undefined"!=typeof performance.now?performance.now():+new Date}function y(){for(var t=arguments.length,e=Array(t),o=0;t>o;o++)e[o]=arguments[o];var i={top:0,left:0};return e.forEach(function(t){var e=t.top,o=t.left;"string"==typeof e&&(e=parseFloat(e,10)),"string"==typeof o&&(o=parseFloat(o,10)),i.top+=e,i.left+=o}),i}function b(t,e){return"string"==typeof t.left&&-1!==t.left.indexOf("%")&&(t.left=parseFloat(t.left,10)/100*e.width),"string"==typeof t.top&&-1!==t.top.indexOf("%")&&(t.top=parseFloat(t.top,10)/100*e.height),t}function g(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t)){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(f){n=!0,r=f}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}throw new TypeError("Invalid attempt to destructure non-iterable instance")}function w(t,e){return"scrollParent"===e?e=t.scrollParent:"window"===e&&(e=[pageXOffset,pageYOffset,innerWidth+pageXOffset,innerHeight+pageYOffset]),e===document&&(e=e.documentElement),"undefined"!=typeof e.nodeType&&!function(){var t=r(e),o=t,i=getComputedStyle(e);e=[o.left,o.top,t.width+o.left,t.height+o.top],U.forEach(function(t,o){t=t[0].toUpperCase()+t.substr(1),"Top"===t||"Left"===t?e[o]+=parseFloat(i["border"+t+"Width"]):e[o]-=parseFloat(i["border"+t+"Width"])})}(),e}function g(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t)){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(f){n=!0,r=f}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}throw new TypeError("Invalid attempt to destructure non-iterable instance")}var C=function(){function t(t,e){for(var o=0;o1?e-1:0),i=1;e>i;i++)o[i-1]=arguments[i];if("undefined"!=typeof this.bindings&&this.bindings[t])for(var n=0;n16?(e=Math.min(e-16,250),void(o=setTimeout(n,250))):void("undefined"!=typeof t&&v()-t<10||("undefined"!=typeof o&&(clearTimeout(o),o=null),t=v(),_(),e=v()-t))};["resize","scroll","touchmove"].forEach(function(t){window.addEventListener(t,i)})}();var z={center:"center",left:"right",right:"left"},F={middle:"middle",top:"bottom",bottom:"top"},L={top:0,left:0,middle:"50%",center:"50%",bottom:"100%",right:"100%"},Y=function(t,e){var o=t.left,i=t.top;return"auto"===o&&(o=z[e.left]),"auto"===i&&(i=F[e.top]),{left:o,top:i}},H=function(t){var e=t.left,o=t.top;return"undefined"!=typeof L[t.left]&&(e=L[t.left]),"undefined"!=typeof L[t.top]&&(o=L[t.top]),{left:e,top:o}},X=function(t){var e=t.split(" "),o=g(e,2),i=o[0],n=o[1];return{top:i,left:n}},j=X,N=function(){function t(e){var o=this;i(this,t),this.position=this.position.bind(this),B.push(this),this.history=[],this.setOptions(e,!1),O.modules.forEach(function(t){"undefined"!=typeof t.initialize&&t.initialize.call(o)}),this.position()}return C(t,[{key:"getClass",value:function(){var t=void 0===arguments[0]?"":arguments[0],e=this.options.classes;return"undefined"!=typeof e&&e[t]?this.options.classes[t]:this.options.classPrefix?""+this.options.classPrefix+"-"+t:t}},{key:"setOptions",value:function(t){var e=this,o=void 0===arguments[1]?!0:arguments[1],i={offset:"0 0",targetOffset:"0 0",targetAttachment:"auto auto",classPrefix:"tether"};this.options=f(i,t);var r=this.options,s=r.element,a=r.target,h=r.targetModifier;if(this.element=s,this.target=a,this.targetModifier=h,"viewport"===this.target?(this.target=document.body,this.targetModifier="visible"):"scroll-handle"===this.target&&(this.target=document.body,this.targetModifier="scroll-handle"),["element","target"].forEach(function(t){if("undefined"==typeof e[t])throw new Error("Tether Error: Both element and target must be defined");"undefined"!=typeof e[t].jquery?e[t]=e[t][0]:"string"==typeof e[t]&&(e[t]=document.querySelector(e[t]))}),l(this.element,this.getClass("element")),this.options.addTargetClasses!==!1&&l(this.target,this.getClass("target")),!this.options.attachment)throw new Error("Tether Error: You must provide an attachment");this.targetAttachment=j(this.options.targetAttachment),this.attachment=j(this.options.attachment),this.offset=X(this.options.offset),this.targetOffset=X(this.options.targetOffset),"undefined"!=typeof this.scrollParent&&this.disable(),this.scrollParent="scroll-handle"===this.targetModifier?this.target:n(this.target),this.options.enabled!==!1&&this.enable(o)}},{key:"getTargetBounds",value:function(){if("undefined"==typeof this.targetModifier)return r(this.target);if("visible"===this.targetModifier){if(this.target===document.body)return{top:pageYOffset,left:pageXOffset,height:innerHeight,width:innerWidth};var t=r(this.target),e={height:t.height,width:t.width,top:t.top,left:t.left};return e.height=Math.min(e.height,t.height-(pageYOffset-t.top)),e.height=Math.min(e.height,t.height-(t.top+t.height-(pageYOffset+innerHeight))),e.height=Math.min(innerHeight,e.height),e.height-=2,e.width=Math.min(e.width,t.width-(pageXOffset-t.left)),e.width=Math.min(e.width,t.width-(t.left+t.width-(pageXOffset+innerWidth))),e.width=Math.min(innerWidth,e.width),e.width-=2,e.topo.clientWidth||[i.overflow,i.overflowX].indexOf("scroll")>=0||this.target!==document.body,s=0;n&&(s=15);var a=t.height-parseFloat(i.borderTopWidth)-parseFloat(i.borderBottomWidth)-s,e={width:15,height:.975*a*(a/o.scrollHeight),left:t.left+t.width-parseFloat(i.borderLeftWidth)-15},f=0;408>a&&this.target===document.body&&(f=-11e-5*Math.pow(a,2)-.00727*a+22.58),this.target!==document.body&&(e.height=Math.max(e.height,24));var h=this.target.scrollTop/(o.scrollHeight-a);return e.top=h*(a-e.height-f)+t.top+parseFloat(i.borderTopWidth),this.target===document.body&&(e.height=Math.max(e.height,24)),e}}},{key:"clearCache",value:function(){this._cache={}}},{key:"cache",value:function(t,e){return"undefined"==typeof this._cache&&(this._cache={}),"undefined"==typeof this._cache[t]&&(this._cache[t]=e.call(this)),this._cache[t]}},{key:"enable",value:function(){var t=void 0===arguments[0]?!0:arguments[0];this.options.addTargetClasses!==!1&&l(this.target,this.getClass("enabled")),l(this.element,this.getClass("enabled")),this.enabled=!0,this.scrollParent!==document&&this.scrollParent.addEventListener("scroll",this.position),t&&this.position()}},{key:"disable",value:function(){h(this.target,this.getClass("enabled")),h(this.element,this.getClass("enabled")),this.enabled=!1,"undefined"!=typeof this.scrollParent&&this.scrollParent.removeEventListener("scroll",this.position)}},{key:"destroy",value:function(){var t=this;this.disable(),B.forEach(function(e,o){return e===t?void B.splice(o,1):void 0})}},{key:"updateAttachClasses",value:function(t,e){var o=this;t=t||this.attachment,e=e||this.targetAttachment;var i=["left","top","bottom","right","middle","center"];"undefined"!=typeof this._addAttachClasses&&this._addAttachClasses.length&&this._addAttachClasses.splice(0,this._addAttachClasses.length),"undefined"==typeof this._addAttachClasses&&(this._addAttachClasses=[]);var n=this._addAttachClasses;t.top&&n.push(""+this.getClass("element-attached")+"-"+t.top),t.left&&n.push(""+this.getClass("element-attached")+"-"+t.left),e.top&&n.push(""+this.getClass("target-attached")+"-"+e.top),e.left&&n.push(""+this.getClass("target-attached")+"-"+e.left);var r=[];i.forEach(function(t){r.push(""+o.getClass("element-attached")+"-"+t),r.push(""+o.getClass("target-attached")+"-"+t)}),S(function(){"undefined"!=typeof o._addAttachClasses&&(c(o.element,o._addAttachClasses,r),o.options.addTargetClasses!==!1&&c(o.target,o._addAttachClasses,r),delete o._addAttachClasses)})}},{key:"position",value:function(){var t=this,e=void 0===arguments[0]?!0:arguments[0];if(this.enabled){this.clearCache();var o=Y(this.targetAttachment,this.attachment);this.updateAttachClasses(this.attachment,o);var i=this.cache("element-bounds",function(){return r(t.element)}),n=i.width,f=i.height;if(0===n&&0===f&&"undefined"!=typeof this.lastSize){var h=this.lastSize;n=h.width,f=h.height}else this.lastSize={width:n,height:f};var l=this.cache("target-bounds",function(){return t.getTargetBounds()}),d=l,p=b(H(this.attachment),{width:n,height:f}),u=b(H(o),d),c=b(this.offset,{width:n,height:f}),g=b(this.targetOffset,d);p=y(p,c),u=y(u,g);for(var m=l.left+u.left-p.left,v=l.top+u.top-p.top,w=0;wwindow.innerWidth&&(A=this.cache("scrollbar-size",a),x.viewport.bottom-=A.height),document.body.scrollHeight>window.innerHeight&&(A=this.cache("scrollbar-size",a),x.viewport.right-=A.width),(-1===["","static"].indexOf(document.body.style.position)||-1===["","static"].indexOf(document.body.parentElement.style.position))&&(x.page.bottom=document.body.scrollHeight-v-f,x.page.right=document.body.scrollWidth-m-n),"undefined"!=typeof this.options.optimizations&&this.options.optimizations.moveElement!==!1&&"undefined"==typeof this.targetModifier&&!function(){var e=t.cache("target-offsetparent",function(){return s(t.target)}),o=t.cache("target-offsetparent-bounds",function(){return r(e)}),i=getComputedStyle(e),n=o,a={};if(["Top","Left","Bottom","Right"].forEach(function(t){a[t.toLowerCase()]=parseFloat(i["border"+t+"Width"])}),o.right=document.body.scrollWidth-o.left-n.width+a.right,o.bottom=document.body.scrollHeight-o.top-n.height+a.bottom,x.page.top>=o.top+a.top&&x.page.bottom>=o.bottom&&x.page.left>=o.left+a.left&&x.page.right>=o.right){var f=e.scrollTop,h=e.scrollLeft;x.offset={top:x.page.top-o.top+f-a.top,left:x.page.left-o.left+h-a.left}}}(),this.move(x),this.history.unshift(x),this.history.length>3&&this.history.pop(),e&&W(),!0}}},{key:"move",value:function(t){var e=this;if("undefined"!=typeof this.element.parentNode){var o={};for(var i in t){o[i]={};for(var n in t[i]){for(var r=!1,a=0;a=0&&(v=parseFloat(v),g=parseFloat(g)),v!==g&&(c=!0,u[n]=g)}c&&S(function(){f(e.element.style,u)})}}}]),t}();N.modules=[],O.position=_;var R=f(N,O),P=O.Utils,r=P.getBounds,f=P.extend,c=P.updateClasses,S=P.defer,U=["left","top","right","bottom"];O.modules.push({position:function(t){var e=this,o=t.top,i=t.left,n=t.targetAttachment;if(!this.options.constraints)return!0;var s=this.cache("element-bounds",function(){return r(e.element)}),a=s.height,h=s.width;if(0===h&&0===a&&"undefined"!=typeof this.lastSize){var l=this.lastSize;h=l.width,a=l.height}var d=this.cache("target-bounds",function(){return e.getTargetBounds()}),p=d.height,u=d.width,m=[this.getClass("pinned"),this.getClass("out-of-bounds")];this.options.constraints.forEach(function(t){var e=t.outOfBoundsClass,o=t.pinnedClass;e&&m.push(e),o&&m.push(o)}),m.forEach(function(t){["left","top","right","bottom"].forEach(function(e){m.push(""+t+"-"+e)})});var v=[],y=f({},n),b=f({},this.attachment);return this.options.constraints.forEach(function(t){var r=t.to,s=t.attachment,f=t.pin;"undefined"==typeof s&&(s="");var l=void 0,d=void 0;if(s.indexOf(" ")>=0){var c=s.split(" "),m=g(c,2);d=m[0],l=m[1]}else l=d=s;var C=w(e,r);("target"===d||"both"===d)&&(oC[3]&&"bottom"===y.top&&(o-=p,y.top="top")),"together"===d&&(oC[3]&&"bottom"===y.top&&("top"===b.top?(o-=p,y.top="top",o-=a,b.top="bottom"):"bottom"===b.top&&(o-=p,y.top="top",o+=a,b.top="top")),"middle"===y.top&&(o+a>C[3]&&"top"===b.top?(o-=a,b.top="bottom"):oC[2]&&"right"===y.left&&(i-=u,y.left="left")),"together"===l&&(iC[2]&&"right"===y.left?"left"===b.left?(i-=u,y.left="left",i-=h,b.left="right"):"right"===b.left&&(i-=u,y.left="left",i+=h,b.left="left"):"center"===y.left&&(i+h>C[2]&&"left"===b.left?(i-=h,b.left="right"):iC[3]&&"top"===b.top&&(o-=a,b.top="bottom")),("element"===l||"both"===l)&&(iC[2]&&"left"===b.left&&(i-=h,b.left="right")),"string"==typeof f?f=f.split(",").map(function(t){return t.trim()}):f===!0&&(f=["top","left","right","bottom"]),f=f||[];var O=[],E=[];o=0?(o=C[1],O.push("top")):E.push("top")),o+a>C[3]&&(f.indexOf("bottom")>=0?(o=C[3]-a,O.push("bottom")):E.push("bottom")),i=0?(i=C[0],O.push("left")):E.push("left")),i+h>C[2]&&(f.indexOf("right")>=0?(i=C[2]-h,O.push("right")):E.push("right")),O.length&&!function(){var t=void 0;t="undefined"!=typeof e.options.pinnedClass?e.options.pinnedClass:e.getClass("pinned"),v.push(t),O.forEach(function(e){v.push(""+t+"-"+e)})}(),E.length&&!function(){var t=void 0;t="undefined"!=typeof e.options.outOfBoundsClass?e.options.outOfBoundsClass:e.getClass("out-of-bounds"),v.push(t),E.forEach(function(e){v.push(""+t+"-"+e)})}(),(O.indexOf("left")>=0||O.indexOf("right")>=0)&&(b.left=y.left=!1),(O.indexOf("top")>=0||O.indexOf("bottom")>=0)&&(b.top=y.top=!1),(y.top!==n.top||y.left!==n.left||b.top!==e.attachment.top||b.left!==e.attachment.left)&&e.updateAttachClasses(b,y)}),S(function(){e.options.addTargetClasses!==!1&&c(e.target,v,m),c(e.element,v,m)}),{top:o,left:i}}});var P=O.Utils,r=P.getBounds,c=P.updateClasses,S=P.defer;return O.modules.push({position:function(t){var e=this,o=t.top,i=t.left,n=this.cache("element-bounds",function(){return r(e.element)}),s=n.height,a=n.width,f=this.getTargetBounds(),h=o+s,l=i+a,d=[];o<=f.bottom&&h>=f.top&&["left","right"].forEach(function(t){var e=f[t];(e===i||e===l)&&d.push(t)}),i<=f.right&&l>=f.left&&["top","bottom"].forEach(function(t){var e=f[t];(e===o||e===h)&&d.push(t)});var p=[],u=[],g=["left","top","right","bottom"];return p.push(this.getClass("abutted")),g.forEach(function(t){p.push(""+e.getClass("abutted")+"-"+t)}),d.length&&u.push(this.getClass("abutted")),d.forEach(function(t){u.push(""+e.getClass("abutted")+"-"+t)}),S(function(){e.options.addTargetClasses!==!1&&c(e.target,u,p),c(e.element,u,p)}),!0}}),O.modules.push({position:function(t){var e=t.top,o=t.left;if(this.options.shift){var i=this.options.shift;"function"==typeof this.options.shift&&(i=this.options.shift.call(this,{top:e,left:o}));var n=void 0,r=void 0;if("string"==typeof i){i=i.split(" "),i[1]=i[1]||i[0];var s=g(i,2);n=s[0],r=s[1],n=parseFloat(n,10),r=parseFloat(r,10)}else n=i.top,r=i.left;return e+=n,o+=r,{top:e,left:o}}}}),R}); \ No newline at end of file diff --git a/docs/1-Overview/3-why_we_dont_support_IE_8.md b/docs/1-Overview/3-why_we_dont_support_IE_8.md index 841de9ec5..e4fe05de3 100644 --- a/docs/1-Overview/3-why_we_dont_support_IE_8.md +++ b/docs/1-Overview/3-why_we_dont_support_IE_8.md @@ -23,7 +23,7 @@ Here is the list of features you don't have if you choose to support IE 8: - Object.create, .seal, .freeze, .defineProperty - Array.isArray, .indexOf, .every, .some, .forEach, .map, .filter, .reduce - A modern JavaScript engine -- A real developer tools +- Real developer tools - A consistent box model - jQuery 2 - Google Apps diff --git a/docs/2-Examples/1-list_of_examples.md b/docs/2-Examples/1-list_of_examples.md index bbb7fd516..2bfcfc518 100644 --- a/docs/2-Examples/1-list_of_examples.md +++ b/docs/2-Examples/1-list_of_examples.md @@ -1,6 +1,6 @@ ### Examples -It's our goal to create a wide variety of example of how Tether +It's our goal to create a wide variety of examples of how Tether can be used. Here's what we have so far, please send a PR with any examples you might create. diff --git a/docs/2-Examples/2-projects_using_tether.md b/docs/2-Examples/2-projects_using_tether.md index b668a0346..3321bdc2c 100644 --- a/docs/2-Examples/2-projects_using_tether.md +++ b/docs/2-Examples/2-projects_using_tether.md @@ -22,8 +22,24 @@ A simple, easy-to-use implementation of tooltips that works well. Where Tether does general-purpose positioning, Drop assumes that you are interested in making something which pops up next to something the user clicks or hovers on. -If your building something that fits that pattern, Drop can make things a little easier. +If you're building something that fits that pattern, Drop can make things a little easier. + +### [Blueprint](http://blueprintjs.com/) + +A React UI toolkit for the web. + +### [Ember Tether](https://github.com/yapplabs/ember-tether) + +An Ember.js-friendly interface for tether. + +### [React Datepicker](https://github.com/Hacker0x01/react-datepicker) + +A simple and reusable datepicker component for React + +### [reactstrap](https://reactstrap.github.io) + +Easy to use React Bootstrap 4 components. Tooltips & Popovers are powered by Tether. Advanced positioning of Dropdowns are supported via Tether. ### Your Project Here -If you have a cool open-source library built on Tether, PR this doc, or [get in touch](mailto:zbloom@hubspot.com). +If you have a cool open-source library built on Tether, PR this doc. diff --git a/docs/3-Advanced/2-extending_tether.md b/docs/3-Advanced/2-extending_tether.md index 6a13e681a..fa357b211 100644 --- a/docs/3-Advanced/2-extending_tether.md +++ b/docs/3-Advanced/2-extending_tether.md @@ -50,5 +50,5 @@ Tether.modules.push #### Examples -[Constraints](https://github.com/HubSpot/tether/blob/master/coffee/constraint.coffee) and [shift](https://github.com/HubSpot/tether/blob/master/coffee/shift.coffee) are both implemented as modules. -[Mark Attachment](https://github.com/HubSpot/tether/blob/master/coffee/markAttachment.coffee) is used by the docs. +[Constraints](https://github.com/HubSpot/tether/blob/master/src/js/constraint.js) and [shift](https://github.com/HubSpot/tether/blob/master/src/js/shift.js) are both implemented as modules. +[Mark Attachment](https://github.com/HubSpot/tether/blob/master/src/js/markAttachment.js) is used by the docs. diff --git a/docs/coffee/intro.coffee b/docs/coffee/intro.coffee deleted file mode 100644 index 52a305df9..000000000 --- a/docs/coffee/intro.coffee +++ /dev/null @@ -1,113 +0,0 @@ -{uniqueId} = Tether.Utils - -SETUP_JS = """ -yellowBox = $('.yellow-box', $output); -greenBox = $('.green-box', $output); -scrollBox = $('.scroll-box', $output); -""" - -OUTPUT_HTML = (key) -> """ -
-
-
-
-
-
-""" - -tethers = {} - -getOutput = ($block) -> - key = $block.data('example') - if key and typeof key is 'string' - return $("output[data-example='#{ key }']") - else - return $block.parents('pre').nextAll('output').first() - -run = (key) -> - if typeof key is 'string' - $block = $("code[data-example='#{ key }']") - else - $block = key - - key = $block.attr('data-example') - - $output = getOutput $block - - code = $block.text() - code = SETUP_JS + code - - window.$output = $output - tethers[key] = eval code - -setupBlock = ($block) -> - key = $block.data('example') - - $output = getOutput $block - - if not key - key = uniqueId() - $block.attr('data-example', key) - $output.attr('data-example', key) - $output.find('.tether-element').attr('data-example', key) - - $output.html OUTPUT_HTML(key) - - $scrollBox = $output.find('.scroll-box') - $scrollContent = $scrollBox.find('.scroll-content') - $scrollBox.scrollTop(parseInt($scrollContent.css('height')) / 2 - $scrollBox.height() / 2) - $scrollBox.scrollLeft(parseInt($scrollContent.css('width')) / 2 - $scrollBox.width() / 2) - setTimeout -> - $scrollBox.on 'scroll', -> - $output.addClass 'scrolled' - - $scrollBox.css 'height', "#{ $block.parent().outerHeight() }px" - - if not $output.attr('deactivated')? - run $block - -$(document.body).on 'click', (e) -> - if $(e.target).is('output[deactivated]') - activate $(e.target) - false - else if $(e.target).is('output[activated]') - deactivate $(e.target) - false - -activate = ($output) -> - $block = $output.prev().find('code') - - run $block - - $output.find('.tether-element').show() - - key = $output.data('example') - $(tethers[key].element).show() - tethers[key].enable() - - $output.removeAttr('deactivated') - $output.attr('activated', true) - -deactivate = ($output) -> - $block = $output.prev().find('code') - key = $output.data('example') - - tethers[key].disable() - - $el = $(tethers[key].element) - $el.detach() - $output.find('.scroll-content').append $el - $el.hide() - - $output.removeAttr('activated') - $output.attr('deactivated', true) - -init = -> - $blocks = $('code[data-example]') - - setupBlock($ block) for block in $blocks - -window.EXECUTR_OPTIONS = - codeSelector: 'code[executable]' - -$ init diff --git a/docs/intro.md b/docs/intro.md index c1fd45fb8..aed1f29b2 100644 --- a/docs/intro.md +++ b/docs/intro.md @@ -1,5 +1,4 @@ - @@ -21,7 +20,7 @@ Tether optimizes its location placement to result in the minimum amount of scrolling even with dozens or hundreds of tethers on screen (pop open the devtools timeline as you scroll this page). -Tether is 5kb minified and gzipped, and supports IE9+, and all modern +Tether is 5kb minified and gzipped, and supports IE 10+, and all modern browsers.

Projects Built With Tether

@@ -97,7 +96,7 @@ All told, Tether provides six built in attachment positions: - middle - bottom -The syntax of the attachment properties is: `"vertical-attachment horizontal-attachment"` +The syntax of the attachment properties is: `"vertical-attachment horizontal-attachment"`. You must always supply an `attachment`. If you don't supply a `target-attachment`, it is assumed to be the mirror image of `attachment`. @@ -284,8 +283,7 @@ Together is the option you will use most commonly: }); -You can also provide different settings for the horizontal -and vertical attachments: +You can also provide different settings for the vertical and horizontal attachments: 
new Tether({
   element: yellowBox,
@@ -459,6 +457,24 @@ The `Tether` object has these methods:
 - `destroy()` - Disable and remove all references
 - `position()` - Manually trigger a repositioning
 
+Events
+------
+
+The `Tether` object also has events support, since it extends our `Evented` class.
+
+The methods exposed to listen to events are:
+
+- `on(event, handler)` - Adds an event listener that is fired whenever the event is fired
+- `once(event, handler)` - Adds an event listener that is only fired the first time the event is fired
+- `off(event, handler)` - Removes the event listener
+- `trigger(event)` - Manually triggers events
+
+The events fired are:
+
+- `repositioned` - Fired whenever the tether element is moved
+- `update` - Fired whenever the Tether instance runs into a constraint. You could use this
+for things like manually flipping an arrow or other tweaks.
+
 Options
 -------
 
diff --git a/docs/js/intro.js b/docs/js/intro.js
index 47ed6e5b3..029dee3a9 100644
--- a/docs/js/intro.js
+++ b/docs/js/intro.js
@@ -1,7 +1,10 @@
 (function() {
   var OUTPUT_HTML, SETUP_JS, activate, deactivate, getOutput, init, run, setupBlock, tethers, uniqueId;
 
-  uniqueId = Tether.Utils.uniqueId;
+  uniqueId = (function() {
+    var id = 0;
+    return function(){ return ++id };
+  })();
 
   SETUP_JS = "yellowBox = $('.yellow-box', $output);\ngreenBox = $('.green-box', $output);\nscrollBox = $('.scroll-box', $output);";
 
diff --git a/docs/js/markAttachment.js b/docs/js/markAttachment.js
deleted file mode 100644
index c7d34f088..000000000
--- a/docs/js/markAttachment.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/* globals Tether */
-
-'use strict';
-
-Tether.modules.push({
-  initialize: function initialize() {
-    var _this = this;
-
-    this.markers = {};
-
-    ['target', 'element'].forEach(function (type) {
-      var el = document.createElement('div');
-      el.className = _this.getClass('' + type + '-marker');
-
-      var dot = document.createElement('div');
-      dot.className = _this.getClass('marker-dot');
-      el.appendChild(dot);
-
-      _this[type].appendChild(el);
-
-      _this.markers[type] = { dot: dot, el: el };
-    });
-  },
-
-  position: function position(_ref) {
-    var manualOffset = _ref.manualOffset;
-    var manualTargetOffset = _ref.manualTargetOffset;
-
-    var offsets = {
-      element: manualOffset,
-      target: manualTargetOffset
-    };
-
-    for (var type in offsets) {
-      var offset = offsets[type];
-      for (var side in offset) {
-        var val = offset[side];
-        var notString = typeof val !== 'string';
-        if (notString || val.indexOf('%') === -1 && val.indexOf('px') === -1) {
-          val += 'px';
-        }
-
-        if (this.markers[type].dot.style[side] !== val) {
-          this.markers[type].dot.style[side] = val;
-        }
-      }
-    }
-
-    return true;
-  }
-});
diff --git a/docs/welcome/browser-demo.html b/docs/welcome/browser-demo.html
index f6fdea418..6c13c55cd 100644
--- a/docs/welcome/browser-demo.html
+++ b/docs/welcome/browser-demo.html
@@ -10,10 +10,10 @@
     
 
     
-    
+    
 
     
-    
+    
 
 
     

@@ -66,11 +66,11 @@
     

 
     
-    
+    
+    
 
     
-    
-    
-    
+    
+    
 
 
diff --git a/docs/welcome/coffee/welcome.coffee b/docs/welcome/coffee/welcome.coffee
deleted file mode 100644
index a43160214..000000000
--- a/docs/welcome/coffee/welcome.coffee
+++ /dev/null
@@ -1,212 +0,0 @@
-_Drop = Drop.createContext classPrefix: 'tether'
-
-isMobile = $(window).width() < 567
-
-init = ->
-    setupHero()
-    setupBrowserDemo()
-
-setupHero = ->
-    $target = $('.tether-target-demo')
-
-    positions = [
-        'top left'
-        'left top'
-        'left middle'
-        'left bottom'
-        'bottom left'
-        'bottom center'
-        'bottom right'
-        'right bottom'
-        'right middle'
-        'right top'
-        'top right'
-        'top center'
-    ]
-
-    if isMobile
-        positions = [
-            'top left'
-            'bottom left'
-            'bottom right'
-            'top right'
-        ]
-
-    window.drops = {}
-
-    for position in positions
-        drops[position] = new _Drop
-            target: $target[0]
-            classes: 'tether-theme-arrows-dark'
-            position: position
-            constrainToWindow: false
-            openOn: ''
-            content: '
'
-
-    openIndex = 0
-    frames = 0
-    frameLengthMS = 10
-
-    openAllDrops = ->
-        for position, drop of drops
-            drop.open()
-
-    openNextDrop = ->
-        for position, drop of drops
-            drop.close()
-
-        drops[positions[openIndex]].open()
-        drops[positions[(openIndex + 6) % positions.length]].open()
-
-        openIndex = (openIndex + 1) % positions.length
-
-        if frames > 5
-            finalDropState()
-            return
-
-        frames += 1
-
-        setTimeout openNextDrop, frameLengthMS * frames
-
-    finalDropState = ->
-        $(drops['top left'].dropContent).html('Marrying DOM elements for life.')
-        $(drops['bottom right'].dropContent).html('★ On Github')
-        drops['top left'].open()
-        drops['bottom right'].open()
-
-    if true or isMobile
-        drops['top left'].open()
-        drops['top left'].tether.position()
-        drops['bottom right'].open()
-        drops['bottom right'].tether.position()
-        finalDropState()
-
-    else
-        openNextDrop()
-
-setupBrowserDemo = ->
-    $browserDemo = $('.browser-demo.showcase')
-
-    $startPoint = $('.browser-demo-start-point')
-    $stopPoint = $('.browser-demo-stop-point')
-
-    $iframe = $('.browser-window iframe')
-    $browserContents = $('.browser-content .browser-demo-inner')
-
-    $sections = $('.browser-demo-section')
-
-    $('body').append """
-        
-    """
-
-    $(window).scroll ->
-        scrollTop = $(window).scrollTop()
-
-        if $startPoint.position().top < scrollTop and scrollTop + window.innerHeight < $stopPoint.position().top
-            $browserDemo.removeClass('fixed-bottom')
-            $browserDemo.addClass('fixed')
-
-            $sections.each ->
-                $section = $ @
-
-                if $section.position().top < scrollTop < $section.position().top + $section.outerHeight()
-                    setSection $section.data('section')
-
-                return true
-
-        else
-            $browserDemo.removeAttr('data-section')
-            $browserDemo.removeClass('fixed')
-
-            if scrollTop + window.innerHeight > $stopPoint.position().top
-                $browserDemo.addClass('fixed-bottom')
-            else
-                $browserDemo.removeClass('fixed-bottom')
-
-    $iframe.load ->
-        iframeWindow = $iframe[0].contentWindow
-
-        $items = $iframe.contents().find('.item')
-
-        $items.each (i) ->
-            $item = $(@)
-
-            _iframeWindowDrop = iframeWindow.Drop.createContext classPrefix: 'tether'
-
-            drop = new _iframeWindowDrop
-                target: $item[0]
-                classes: 'tether-theme-arrows-dark'
-                position: 'right top'
-                constrainToWindow: true
-                openOn: 'click'
-                content: '''
-                    
    
-                        
  • Action 1
    • 
-                        
  • Action 2
    • 
-                        
  • Action 3
    • 
-                    

-                '''
-
-            $item.data('drop', drop)
-
-    scrollInterval = undefined
-    scrollTop = 0
-    scrollTopDirection = 1
-
-    setSection = (section) ->
-        $browserDemo.attr('data-section', section)
-
-        $('.section-copy').removeClass('active')
-        $(""".section-copy[data-section="#{ section }"]""").addClass('active')
-
-        openExampleItem = ->
-            if isMobile
-                $iframe.contents().find('.item:first').data().drop.open()
-            else
-                $iframe.contents().find('.item:eq(2)').data().drop.open()
-
-        closeAllItems = ->
-            $iframe.contents().find('.item').each -> $(@).data().drop.close() or true
-
-        scrollLeftSection = ->
-            scrollInterval = setInterval ->
-                $iframe.contents().find('.left').scrollTop scrollTop
-                scrollTop += scrollTopDirection
-                if scrollTop > 50
-                    scrollTopDirection = -1
-                if scrollTop < 0
-                    scrollTopDirection = 1
-            , 30
-
-        stopScrollingLeftSection = ->
-            clearInterval scrollInterval
-
-        switch section
-
-            when 'what'
-                closeAllItems()
-                openExampleItem()
-                stopScrollingLeftSection()
-
-            when 'how'
-                closeAllItems()
-                openExampleItem()
-                stopScrollingLeftSection()
-                scrollLeftSection()
-
-            when 'why'
-                closeAllItems()
-                openExampleItem()
-                stopScrollingLeftSection()
-                scrollLeftSection()
-
-            when 'outro'
-                closeAllItems()
-                openExampleItem()
-                stopScrollingLeftSection()
-
-init()
\ No newline at end of file
diff --git a/docs/welcome/index.html b/docs/welcome/index.html
index f88d7efe5..4735fa3c7 100644
--- a/docs/welcome/index.html
+++ b/docs/welcome/index.html
@@ -1,226 +1,252 @@
 
 
-    
-    
-    Tether – Marrying elements for life
-    
-    
-
-    
-    
-
-    
-    
-
-    
-    
-    
-
-    
-    
+  
+  
+  Tether – Marrying elements for life
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+  
+
+  
+  
 
 
-    

-        

-            

-                

-                    
Tether

-                    

-                        
Marrying elements for life

-                        

-                            ★ On Github
-                        

-                    

-                

-            

-        

-    

-
-    

-
-    
+  
+

+

+  
+    
+      
+    
+  

         

-            

-                
What is Tether?

-            

-            

-                
How Tether works.

+          

+            
Tether

+            

+              
Marrying elements for life

+              

+                ★ On Github
+              

             

-            

-                
Tether is powerful.

-            

-            

-                
Play with Tether

+          

+        

+      

+

+
+

+
+
+  
+    

+      

+        

+          
What is Tether?

+        

+        

+          
How Tether works.

+        

+        

+          
Tether is powerful.

+        

+        

+          
Play with Tether

+        

+        

+          

+            

+              

             

-            

-                

-                    

-                        

-                    

-                    

-                        
-                    

-                

+            

+              
             

+          

         

-    

-
-    
+  
+

-        

-            

-                
Tether is a low-level UI library that can be used to position any element on a page next to any other element.

-                
It can be used for dropdown menus, tooltips, popovers, tours, help information, scroll guides, autocompletes, etc. The possibilities are endless.

-                
In this example we're showing an action menu tethered to a list item.

-            

+      

+    

+
+
+  
+    

+      

+        

+          
Tether is a low-level UI library that can be used to position any element on a page next to any other element.

+          
It can be used for dropdown menus, tooltips, popovers, tours, help information, scroll guides, autocompletes, etc. The possibilities are
+            endless.

+          
In this example we're showing an action menu tethered to a list item.

         

-    

-
-    
+  
+

-        

-            

-                
Tether works by creating an absolutely positioned element and meticulously tracking the movements of a target which you specify.

-                
The target and element can be tethered together in a variety of different ways.

-                
Notice how the tethered element stays tethered to its target list item even as the left pane is scrolled up and down.

-            

+      

+    

+
+
+  
+    

+      

+        

+          
Tether works by creating an absolutely positioned element and meticulously tracking the movements of a target which you specify.

+          
The target and element can be tethered together in a variety of different ways.

+          
Notice how the tethered element stays tethered to its target list item even as the left pane is scrolled up
+            and down.

         

-    

-
-    
+  
+

-        

-            

-                
Tether can keep your element positioned properly even in some tough situations.

-                
Tether handles all of the common pain points:

-                
    
-                    
  • Automatically detect collisions with the edge of the page or edge of the scrollParent
    • 
-                    
  • Automatically reposition on browser resize, scroll, and other events,
    • 
-                    
  • Constrain the position to any bounding box,
    • 
-                

-                
...and a lot more.

-            

+      

+    

+
+
+  
+    

+      

+        

+          
Tether can keep your element positioned properly even in some tough situations.

+          
Tether handles all of the common pain points:

+          
    
+            
  • Automatically detect collisions with the edge of the page or edge of the scrollParent
    • 
+            
  • Automatically reposition on browser resize, scroll, and other events,
    • 
+            
  • Constrain the position to any bounding box,
    • 
+          

+          
...and a lot more.

         

-    

-
-    
+  
+

-        

-            

-                
Interact with this demo.

-                
 

-                
To learn more, check out our documentation.

-            

+      

+    

+
+
+  
+    

+      

+        

+          
Interact with this demo.

+          
 

+          
To learn more, check out our documentation.

         

-    

-
-    

-
-    

-
-    
+  
+

-        

-            
Tether Family

-            
These projects are all powered by Tether's positioning engine.

-            

-                
-                    
Drop

-                    
-                    
Create dropdowns, popovers, and more.

-                
-                
-                    
Tooltip

-                    
-                    
Stylable tooltips built on Tether.

-                
-                
-                    
Select

-                    
-                    
Stylable select elements built on Tether.

-                
-                
-                    
Shepherd

-                    
-                    
Guide your users through a tour of your app.

-                
-            

+      

+    

+
+
+  
+    
+  
+

+
+

+
+
+  
+    

+      

+        
Tether Family

+        
These projects are all powered by Tether's positioning engine.

+        

+          
+            
Drop

+            
+            
Create dropdowns, popovers, and more.

+          
+          
+            
Tooltip

+            
+            
Stylable tooltips built on Tether.

+          
+          
+            
Select

+            
+            
Stylable select elements built on Tether.

+          
+          
+            
Shepherd

+            
+            
Guide your users through a tour of your app.

+          
         

-    

-
-    
-
-    
-    
-
-    
-    
-    
-    
-    
-
-    
-    
-
-    
-    
+    

+
+
+
+
+
+
+
+
+
 
 
diff --git a/docs/welcome/js/drop.js b/docs/welcome/js/drop.js
index 005881940..cf4262bff 100644
--- a/docs/welcome/js/drop.js
+++ b/docs/welcome/js/drop.js
@@ -236,4 +236,4 @@
     return Drop.updateBodyClasses();
   });
 
-}).call(this);
\ No newline at end of file
+}).call(this);
diff --git a/docs/welcome/js/jquery.js b/docs/welcome/js/jquery.js
index 3f70a60e5..dfdf619cc 100644
--- a/docs/welcome/js/jquery.js
+++ b/docs/welcome/js/jquery.js
@@ -7341,7 +7341,7 @@ jQuery.param = function( a, traditional ) {
             s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
         };
 
-    // Set traditional to true for jQuery <= 1.3.2 behavior.
+    // Set traditional to true for jQuery <= 1.3.3 behavior.
     if ( traditional === undefined ) {
         traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
     }
@@ -7354,7 +7354,7 @@ jQuery.param = function( a, traditional ) {
         });
 
     } else {
-        // If traditional, encode the "old" way (the way 1.3.2 or older
+        // If traditional, encode the "old" way (the way 1.3.3 or older
         // did it), otherwise encode params recursively.
         for ( prefix in a ) {
             buildParams( prefix, a[ prefix ], traditional, add );
diff --git a/docs/welcome/js/tether-v0.1.3.js b/docs/welcome/js/tether-v0.1.3.js
deleted file mode 100644
index 98af16f1b..000000000
--- a/docs/welcome/js/tether-v0.1.3.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! tether.js 0.1.3 */
-(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r=[].slice,s=function(a,b){return function(){return a.apply(b,arguments)}};a=jQuery,l=/msie [\w.]+/.test(navigator.userAgent.toLowerCase()),k=function(b){var c,d;return c=b.css("position"),"fixed"===c?b:(d=void 0,d="absolute"===c||l&&("static"===c||"relative"===c)?b.parents().filter(function(){var b;return("relative"===(b=a.css(this,"position"))||"absolute"===b||"fixed"===b)&&/(auto|scroll)/.test(a.css(this,"overflow")+a.css(this,"overflow-y")+a.css(this,"overflow-x"))}).first():b.parents().filter(function(){return/(auto|scroll)/.test(a.css(this,"overflow")+a.css(this,"overflow-y")+a.css(this,"overflow-x"))}).first(),d.length?d:a("html"))},b=16,j=function(a,c){var d;return null==c&&(c=b),d=!1,function(){var b,e=this;if(!d)return b=arguments,d=!0,setTimeout(function(){return d=!1,a.apply(e,b)},c),!0}},q=[],p=function(){var a,b,c;for(b=0,c=q.length;c>b;b++)a=q[b],a.position();return!0},l&&(p=j(p)),a(window).on("resize scroll",p),c={center:"center",left:"right",right:"left"},d={middle:"middle",top:"bottom",bottom:"top"},e={top:"0",left:"0",middle:"50%",center:"50%",bottom:"100%",right:"100%"},i=function(a,b){var e,f;return e=a.left,f=a.top,"auto"===e&&(e=c[b.left]),"auto"===f&&(f=d[b.top]),{left:e,top:f}},h=function(a){var b,c;return{left:null!=(b=e[a.left])?b:a.left,top:null!=(c=e[a.top])?c:a.top}},g=function(){var a,b,c,d,e,f,g;for(b=1<=arguments.length?r.call(arguments,0):[],c={top:0,left:0},e=0,f=b.length;f>e;e++)g=b[e],d=g.top,a=g.left,"string"==typeof d&&(d=parseFloat(d,10)),"string"==typeof a&&(a=parseFloat(a,10)),c.top+=d,c.left+=a;return c},m=function(b,c){return"string"==typeof b.left&&-1!==b.left.indexOf("%")&&(b.left=parseFloat(b.left,10)/100*a(c).outerWidth()),"string"==typeof b.top&&-1!==b.top.indexOf("%")&&(b.top=parseFloat(b.top,10)/100*a(c).outerHeight()),b},n=o=function(a){var b,c,d;return d=a.split(" "),c=d[0],b=d[1],{top:c,left:b}},f=function(){function b(a){this.position=s(this.position,this);var c,d,e,f,g;for(q.push(this),this.history=[],this.setOptions(a,!1),f=b.modules,d=0,e=f.length;e>d;d++)c=f[d],null!=(g=c.initialize)&&g.call(this);this.position()}return b.modules=[],b.prototype.setOptions=function(b,c){var d,e;return this.options=b,null==c&&(c=!0),d={offset:"0 0",targetOffset:"0 0",targetAttachment:"auto auto"},this.options=a.extend(d,this.options),e=this.options,this.element=e.element,this.target=e.target,this.element.jquery&&(this.$element=this.element,this.element=this.element[0]),this.target.jquery&&(this.$target=this.target,this.target=this.target[0]),null==this.$element&&(this.$element=a(this.element)),null==this.$target&&(this.$target=a(this.target)),this.$element.addClass("tether-element"),this.$target.addClass("tether-target"),this.targetAttachment=n(this.options.targetAttachment),this.attachment=n(this.options.attachment),this.offset=o(this.options.offset),this.targetOffset=o(this.options.targetOffset),null!=this.scrollParent&&this.disable(),this.scrollParent=k(a(this.target)),this.options.enabled!==!1?this.enable(c):void 0},b.prototype.enable=function(a){return null==a&&(a=!0),this.addClass("tether-enabled"),this.enabled=!0,this.scrollParent.on("scroll",this.position),a?this.position():void 0},b.prototype.disable=function(){return this.removeClass("tether-enabled"),this.enabled=!1,null!=this.scrollParent?this.scrollParent.off("scroll",this.position):void 0},b.prototype.destroy=function(){var a,b,c,d,e;for(this.disable(),e=[],a=c=0,d=q.length;d>c;a=++c){if(b=q[a],b===this){q.splice(a,1);break}e.push(void 0)}return e},b.prototype.updateAttachClasses=function(a,b){var c,d,e,f,g,h;for(null==a&&(a=this.attachment),null==b&&(b=this.targetAttachment),d=["left","top","bottom","right","middle","center"],e=0,g=d.length;g>e;e++)c=d[e],this.removeClass("tether-element-attached-"+c);for(a.top&&this.addClass("tether-element-attached-"+a.top),a.left&&this.addClass("tether-element-attached-"+a.left),f=0,h=d.length;h>f;f++)c=d[f],this.removeClass("tether-target-attached-"+c);return b.top&&this.addClass("tether-target-attached-"+b.top),b.left?this.addClass("tether-target-attached-"+b.left):void 0},b.prototype.addClass=function(a){return this.$element.addClass(a),this.$target.addClass(a)},b.prototype.removeClass=function(a){return this.$element.removeClass(a),this.$target.removeClass(a)},b.prototype.position=function(){var a,c,d,e,f,j,k,l,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F;if(this.enabled){for(u=i(this.targetAttachment,this.attachment),this.updateAttachClasses(this.attachment,u),n=m(h(this.attachment),this.element),v=m(h(u),this.target),f=m(this.offset,this.element),j=m(this.targetOffset,this.target),n=g(n,f),v=g(v,j),w=this.$target.offset(),c=this.$element.offset(),e=w.left+v.left-n.left,x=w.top+v.top-n.top,D=b.modules,z=0,B=D.length;B>z;z++)if(k=D[z],q=k.position.call(this,{left:e,top:x,targetAttachment:u,targetPos:w,elementPos:c,offset:n,targetOffset:v,manualOffset:f,manualTargetOffset:j}),null!=q&&"object"==typeof q){if(q===!1)return!1;x=q.top,e=q.left}if(y=this.$element.outerWidth(),d=this.$element.outerHeight(),l={page:{top:x,bottom:document.body.scrollHeight-x-d,left:e,right:document.body.scrollWidth-e-y},viewport:{top:x-pageYOffset,bottom:pageYOffset-x-d+innerHeight,left:e-pageXOffset,right:pageXOffset-e-y+innerWidth}},(null!=(E=this.options.optimizations)?E.moveElement:void 0)!==!1){for(a=this.$target.offsetParent(),p=a.offset(),o={},F=["top","left","bottom","right"],A=0,C=F.length;C>A;A++)t=F[A],o[t]=parseFloat(a.css("border-"+t+"-width"));p.left+=o.left,p.top+=o.top,p.right=document.body.scrollWidth-p.left-a.width(),p.bottom=document.body.scrollHeight-p.top-a.height(),l.page.top>=p.top&&l.page.bottom>=p.bottom&&l.page.left>=p.left&&l.page.right>=p.right&&(s=a.scrollTop(),r=a.scrollLeft(),l.offset={top:l.page.top-p.top+s+o.top,left:l.page.left-p.left+r+o.left,right:l.page.right-p.right-r+o.right,bottom:l.page.bottom-p.bottom-s+o.bottom})}return this.move(l),this.history.unshift(l),this.history.length>3&&this.history.pop(),!0}},b.prototype.move=function(b){var c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v;j={};for(m in b){j[m]={};for(f in b[m]){for(e=!1,t=this.history,p=0,r=t.length;r>p;p++)if(i=t[p],(null!=(u=i[m])?u[f]:void 0)!==b[m][f]){e=!0;break}e||(j[m][f]=!0)}}if(d={top:"",left:"",right:"",bottom:""},l=function(a,b){return a.top?d.top=""+b.top+"px":d.bottom=""+b.bottom+"px",a.left?d.left=""+b.left+"px":d.right=""+b.right+"px"},g=!1,(j.page.top||j.page.bottom)&&(j.page.left||j.page.right))d.position="absolute",l(j.page,b.page);else if((j.viewport.top||j.viewport.bottom)&&(j.viewport.left||j.viewport.right))d.position="fixed",l(j.viewport,b.viewport);else if(null!=j.offset&&(j.offset.top||j.offset.bottom)&&(j.offset.left||j.offset.right)){for(d.position="absolute",c=this.$target.offsetParent(),this.$element.offsetParent()[0]!==c[0]&&(this.$element.detach(),c.append(this.$element)),h=a.extend({},b.offset),v=["top","left","bottom","right"],q=0,s=v.length;s>q;q++)k=v[q],h[k]-=parseFloat(c.css("border-"+k+"-width"),10);l(j.offset,h),g=!0}else d.position="absolute",d.top=""+b.page.top+"px",d.left=""+b.page.left+"px";g||this.$element.parent().is("body")||(this.$element.detach(),a(document.body).append(this.$element)),o=!1;for(f in d)if(n=d[f],this.$element.css(f)!==n){o=!0;break}return o?this.$element.css(d):void 0},b}(),window.Tether=f}).call(this),function(){var a,b,c,d,e=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};a=jQuery,c={left:"right",right:"left",top:"bottom",bottom:"top",middle:"middle"},b=["left","top","right","bottom"],d=function(c,d){var e,f,g,h,i,j;if("scrollParent"===d?d=c.scrollParent[0]:"window"===d&&(d=[pageXOffset,pageYOffset,innerWidth+pageXOffset,innerHeight+pageYOffset]),null!=d.nodeType)for(e=a(d),g=e.offset(),d=[g.left,g.top,e.width()+g.left,e.height()+g.top],f=i=0,j=b.length;j>i;f=++i)h=b[f],d[f]+=parseFloat(e.css("border-"+h+"-width"),10);return d},Tether.modules.push({position:function(c){var f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T=this;if(C=c.top,n=c.left,y=c.targetAttachment,this.options.constraints){for(u=function(a){var c,d,e,f;for(T.removeClass(a),f=[],d=0,e=b.length;e>d;d++)c=b[d],f.push(T.removeClass(""+a+"-"+c));return f},m=this.$element.outerHeight(),D=this.$element.outerWidth(),z=this.$target.outerHeight(),A=this.$target.outerWidth(),x={},l={},v=["tether-pinned","tether-out-of-bounds"],O=this.options.constraints,E=0,I=O.length;I>E;E++)k=O[E],k.outOfBoundsClass&&v.push(k.outOfBoundsClass),k.pinnedClass&&v.push(k.pinnedClass);for(F=0,J=v.length;J>F;F++)j=v[F],u(j);for(x=a.extend({},y),l=a.extend({},this.attachment),P=this.options.constraints,G=0,K=P.length;K>G;G++){if(k=P[G],B=k.to,f=k.attachment,r=k.pin,null==f&&(f=""),e.call(f," ")>=0?(Q=f.split(" "),i=Q[0],h=Q[1]):h=i=f,g=d(this,B),("target"===i||"both"===i)&&(Cg[3]&&"bottom"===x.top&&(C-=z,x.top="top")),"together"===i&&(Cg[3]&&"bottom"===x.top&&("top"===l.top?(C-=z,x.top="top",C-=m,l.top="bottom"):"bottom"===l.top&&(C-=z,x.top="top",C+=m,l.top="top"))),("target"===h||"both"===h)&&(ng[2]&&"right"===x.left&&(n-=A,x.left="left")),"together"===h&&(ng[2]&&"right"===x.left&&("left"===l.left?(n-=A,x.left="left",n-=D,l.left="right"):"right"===l.left&&(n-=A,x.left="left",n+=D,l.left="left"))),("element"===i||"both"===i)&&(Cg[3]&&"top"===l.top&&(C-=m,l.top="bottom")),("element"===h||"both"===h)&&(ng[2]&&"left"===l.left&&(n-=D,l.left="right")),"string"==typeof r?r=function(){var a,b,c,d;for(c=r.split(","),d=[],a=0,b=c.length;b>a;a++)q=c[a],d.push(q.trim());return d}():r===!0&&(r=["top","left","right","bottom"]),r||(r=[]),s=[],o=[],C=0?(C=g[1],s.push("top")):o.push("top")),C+m>g[3]&&(e.call(r,"bottom")>=0?(C=g[3]-m,s.push("bottom")):o.push("bottom")),n=0?(n=g[0],s.push("left")):o.push("left")),n+D>g[2]&&(e.call(r,"right")>=0?(n=g[2]-D,s.push("right")):o.push("right")),s.length)for(t=null!=(R=this.options.pinnedClass)?R:"tether-pinned",this.addClass(t),H=0,L=s.length;L>H;H++)w=s[H],this.addClass(""+t+"-"+w);if(o.length)for(p=null!=(S=this.options.outOfBoundsClass)?S:"tether-out-of-bounds",this.addClass(p),N=0,M=o.length;M>N;N++)w=o[N],this.addClass(""+p+"-"+w);(e.call(s,"left")>=0||e.call(s,"right")>=0)&&(l.left=x.left=!1),(e.call(s,"top")>=0||e.call(s,"bottom")>=0)&&(l.top=x.top=!1),(x.top!==y.top||x.left!==y.left||l.top!==this.attachment.top||l.left!==this.attachment.left)&&this.updateAttachClasses(l,x)}return{top:C,left:n}}}})}.call(this),function(){var a;a=jQuery,Tether.modules.push({position:function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y;if(l=a.top,e=a.left,d=this.$element.outerHeight(),m=this.$element.outerWidth(),i=this.$target.outerHeight(),k=this.$target.outerWidth(),j=this.$target.offset(),j.bottom=j.top+i,j.right=j.left+k,c=l+d,f=e+m,b=[],l<=j.bottom&&c>=j.top)for(v=["left","right"],n=0,r=v.length;r>n;n++)g=v[n],((w=j[g])===e||w===f)&&b.push(g);if(e<=j.right&&f>=j.left)for(x=["top","bottom"],o=0,s=x.length;s>o;o++)g=x[o],((y=j[g])===l||y===c)&&b.push(g);for(h=["left","top","right","bottom"],this.removeClass("tether-abutted"),p=0,t=h.length;t>p;p++)g=h[p],this.removeClass("tether-abutted-"+g);for(b.length&&this.addClass("tether-abutted"),q=0,u=b.length;u>q;q++)g=b[q],this.addClass("tether-abutted-"+g);return!0}})}.call(this),function(){Tether.modules.push({position:function(a){var b,c,d,e,f,g,h;return g=a.top,b=a.left,this.options.shift?(c=function(a){return"function"==typeof a?a.call(this,{top:g,left:b}):a},d=c(this.options.shift),"string"==typeof d?(d=d.split(" "),d[1]||(d[1]=d[0]),f=d[0],e=d[1],f=parseFloat(f,10),e=parseFloat(e,10)):(h=[d.top,d.left],f=h[0],e=h[1]),g+=f,b+=e,{top:g,left:b}):void 0}})}.call(this);
\ No newline at end of file
diff --git a/examples/chosen/chosen-sprite.png b/examples/chosen/chosen-sprite.png
deleted file mode 100644
index 3611ae4ac..000000000
Binary files a/examples/chosen/chosen-sprite.png and /dev/null differ
diff --git a/examples/chosen/chosen.css b/examples/chosen/chosen.css
deleted file mode 100644
index 828fe1f1a..000000000
--- a/examples/chosen/chosen.css
+++ /dev/null
@@ -1,430 +0,0 @@
-/* @group Base */
-.chosen-container {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 13px;
-  zoom: 1;
-  *display: inline;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-.chosen-container .chosen-drop {
-  position: absolute;
-  top: 100%;
-  left: -9999px;
-  z-index: 1010;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  border: 1px solid #aaa;
-  border-top: 0;
-  background: #fff;
-  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-}
-.chosen-container.chosen-with-drop .chosen-drop {
-  left: 0;
-}
-.chosen-container a {
-  cursor: pointer;
-}
-
-/* @end */
-/* @group Single Chosen */
-.chosen-container-single .chosen-single {
-  position: relative;
-  display: block;
-  overflow: hidden;
-  padding: 0 0 0 8px;
-  height: 23px;
-  border: 1px solid #aaa;
-  border-radius: 5px;
-  background-color: #fff;
-  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
-  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background-clip: padding-box;
-  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
-  color: #444;
-  text-decoration: none;
-  white-space: nowrap;
-  line-height: 24px;
-}
-.chosen-container-single .chosen-default {
-  color: #999;
-}
-.chosen-container-single .chosen-single span {
-  display: block;
-  overflow: hidden;
-  margin-right: 26px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.chosen-container-single .chosen-single-with-deselect span {
-  margin-right: 38px;
-}
-.chosen-container-single .chosen-single abbr {
-  position: absolute;
-  top: 6px;
-  right: 26px;
-  display: block;
-  width: 12px;
-  height: 12px;
-  background: url('chosen-sprite.png') -42px 1px no-repeat;
-  font-size: 1px;
-}
-.chosen-container-single .chosen-single abbr:hover {
-  background-position: -42px -10px;
-}
-.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
-  background-position: -42px -10px;
-}
-.chosen-container-single .chosen-single div {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: block;
-  width: 18px;
-  height: 100%;
-}
-.chosen-container-single .chosen-single div b {
-  display: block;
-  width: 100%;
-  height: 100%;
-  background: url('chosen-sprite.png') no-repeat 0px 2px;
-}
-.chosen-container-single .chosen-search {
-  position: relative;
-  z-index: 1010;
-  margin: 0;
-  padding: 3px 4px;
-  white-space: nowrap;
-}
-.chosen-container-single .chosen-search input[type="text"] {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 1px 0;
-  padding: 4px 20px 4px 5px;
-  width: 100%;
-  height: auto;
-  outline: 0;
-  border: 1px solid #aaa;
-  background: white url('chosen-sprite.png') no-repeat 100% -20px;
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
-  font-size: 1em;
-  font-family: sans-serif;
-  line-height: normal;
-  border-radius: 0;
-}
-.chosen-container-single .chosen-drop {
-  margin-top: -1px;
-  border-radius: 0 0 4px 4px;
-  background-clip: padding-box;
-}
-.chosen-container-single.chosen-container-single-nosearch .chosen-search {
-  position: absolute;
-  left: -9999px;
-}
-
-/* @end */
-/* @group Results */
-.chosen-container .chosen-results {
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: auto;
-  margin: 0 4px 4px 0;
-  padding: 0 0 0 4px;
-  max-height: 240px;
-  -webkit-overflow-scrolling: touch;
-}
-.chosen-container .chosen-results li {
-  display: none;
-  margin: 0;
-  padding: 5px 6px;
-  list-style: none;
-  line-height: 15px;
-}
-.chosen-container .chosen-results li.active-result {
-  display: list-item;
-  cursor: pointer;
-}
-.chosen-container .chosen-results li.disabled-result {
-  display: list-item;
-  color: #ccc;
-  cursor: default;
-}
-.chosen-container .chosen-results li.highlighted {
-  background-color: #3875d7;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
-  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
-  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
-  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
-  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
-  color: #fff;
-}
-.chosen-container .chosen-results li.no-results {
-  display: list-item;
-  background: #f4f4f4;
-}
-.chosen-container .chosen-results li.group-result {
-  display: list-item;
-  font-weight: bold;
-  cursor: default;
-}
-.chosen-container .chosen-results li.group-option {
-  padding-left: 15px;
-}
-.chosen-container .chosen-results li em {
-  font-style: normal;
-  text-decoration: underline;
-}
-
-/* @end */
-/* @group Multi Chosen */
-.chosen-container-multi .chosen-choices {
-  position: relative;
-  overflow: hidden;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: auto !important;
-  height: 1%;
-  border: 1px solid #aaa;
-  background-color: #fff;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
-  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
-  cursor: text;
-}
-.chosen-container-multi .chosen-choices li {
-  float: left;
-  list-style: none;
-}
-.chosen-container-multi .chosen-choices li.search-field {
-  margin: 0;
-  padding: 0;
-  white-space: nowrap;
-}
-.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
-  margin: 1px 0;
-  padding: 5px;
-  height: 15px;
-  outline: 0;
-  border: 0 !important;
-  background: transparent !important;
-  box-shadow: none;
-  color: #666;
-  font-size: 100%;
-  font-family: sans-serif;
-  line-height: normal;
-  border-radius: 0;
-}
-.chosen-container-multi .chosen-choices li.search-field .default {
-  color: #999;
-}
-.chosen-container-multi .chosen-choices li.search-choice {
-  position: relative;
-  margin: 3px 0 3px 5px;
-  padding: 3px 20px 3px 5px;
-  border: 1px solid #aaa;
-  border-radius: 3px;
-  background-color: #e4e4e4;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
-  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-clip: padding-box;
-  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-  color: #333;
-  line-height: 13px;
-  cursor: default;
-}
-.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
-  position: absolute;
-  top: 4px;
-  right: 3px;
-  display: block;
-  width: 12px;
-  height: 12px;
-  background: url('chosen-sprite.png') -42px 1px no-repeat;
-  font-size: 1px;
-}
-.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
-  background-position: -42px -10px;
-}
-.chosen-container-multi .chosen-choices li.search-choice-disabled {
-  padding-right: 5px;
-  border: 1px solid #ccc;
-  background-color: #e4e4e4;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
-  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  color: #666;
-}
-.chosen-container-multi .chosen-choices li.search-choice-focus {
-  background: #d4d4d4;
-}
-.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
-  background-position: -42px -10px;
-}
-.chosen-container-multi .chosen-results {
-  margin: 0;
-  padding: 0;
-}
-.chosen-container-multi .chosen-drop .result-selected {
-  display: list-item;
-  color: #ccc;
-  cursor: default;
-}
-
-/* @end */
-/* @group Active  */
-.chosen-container-active .chosen-single {
-  border: 1px solid #5897fb;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-}
-.chosen-container-active.chosen-with-drop .chosen-single {
-  border: 1px solid #aaa;
-  -moz-border-radius-bottomright: 0;
-  border-bottom-right-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  border-bottom-left-radius: 0;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
-  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
-  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
-  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
-  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
-  box-shadow: 0 1px 0 #fff inset;
-}
-.chosen-container-active.chosen-with-drop .chosen-single div {
-  border-left: none;
-  background: transparent;
-}
-.chosen-container-active.chosen-with-drop .chosen-single div b {
-  background-position: -18px 2px;
-}
-.chosen-container-active .chosen-choices {
-  border: 1px solid #5897fb;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-}
-.chosen-container-active .chosen-choices li.search-field input[type="text"] {
-  color: #111 !important;
-}
-
-/* @end */
-/* @group Disabled Support */
-.chosen-disabled {
-  opacity: 0.5 !important;
-  cursor: default;
-}
-.chosen-disabled .chosen-single {
-  cursor: default;
-}
-.chosen-disabled .chosen-choices .search-choice .search-choice-close {
-  cursor: default;
-}
-
-/* @end */
-/* @group Right to Left */
-.chosen-rtl {
-  text-align: right;
-}
-.chosen-rtl .chosen-single {
-  overflow: visible;
-  padding: 0 8px 0 0;
-}
-.chosen-rtl .chosen-single span {
-  margin-right: 0;
-  margin-left: 26px;
-  direction: rtl;
-}
-.chosen-rtl .chosen-single-with-deselect span {
-  margin-left: 38px;
-}
-.chosen-rtl .chosen-single div {
-  right: auto;
-  left: 3px;
-}
-.chosen-rtl .chosen-single abbr {
-  right: auto;
-  left: 26px;
-}
-.chosen-rtl .chosen-choices li {
-  float: right;
-}
-.chosen-rtl .chosen-choices li.search-field input[type="text"] {
-  direction: rtl;
-}
-.chosen-rtl .chosen-choices li.search-choice {
-  margin: 3px 5px 3px 0;
-  padding: 3px 5px 3px 19px;
-}
-.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
-  right: auto;
-  left: 4px;
-}
-.chosen-rtl.chosen-container-single-nosearch .chosen-search,
-.chosen-rtl .chosen-drop {
-  left: 9999px;
-}
-.chosen-rtl.chosen-container-single .chosen-results {
-  margin: 0 0 4px 4px;
-  padding: 0 4px 0 0;
-}
-.chosen-rtl .chosen-results li.group-option {
-  padding-right: 15px;
-  padding-left: 0;
-}
-.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
-  border-right: none;
-}
-.chosen-rtl .chosen-search input[type="text"] {
-  padding: 4px 5px 4px 20px;
-  background: white url('chosen-sprite.png') no-repeat -30px -20px;
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
-  direction: rtl;
-}
-.chosen-rtl.chosen-container-single .chosen-single div b {
-  background-position: 6px 2px;
-}
-.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
-  background-position: -12px 2px;
-}
-
-/* @end */
-/* @group Retina compatibility */
-@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
-  .chosen-rtl .chosen-search input[type="text"],
-  .chosen-container-single .chosen-single abbr,
-  .chosen-container-single .chosen-single div b,
-  .chosen-container-single .chosen-search input[type="text"],
-  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
-  .chosen-container .chosen-results-scroll-down span,
-  .chosen-container .chosen-results-scroll-up span {
-    background-image: url('chosen-sprite@2x.png') !important;
-    background-size: 52px 37px !important;
-    background-repeat: no-repeat !important;
-  }
-}
-/* @end */
\ No newline at end of file
diff --git a/examples/chosen/chosen.js b/examples/chosen/chosen.js
deleted file mode 100644
index 521556ba5..000000000
--- a/examples/chosen/chosen.js
+++ /dev/null
@@ -1,1166 +0,0 @@
-// Chosen, a Select Box Enhancer for jQuery and Prototype
-// by Patrick Filler for Harvest, http://getharvest.com
-//
-// Version 1.0.0
-// Full source at https://github.com/harvesthq/chosen
-// Copyright (c) 2011 Harvest http://getharvest.com
-
-// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
-// This file is generated by `grunt build`, do not edit it by hand.
-(function() {
-  var $, AbstractChosen, Chosen, SelectParser, _ref,
-    __hasProp = {}.hasOwnProperty,
-    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
-
-  SelectParser = (function() {
-    function SelectParser() {
-      this.options_index = 0;
-      this.parsed = [];
-    }
-
-    SelectParser.prototype.add_node = function(child) {
-      if (child.nodeName.toUpperCase() === "OPTGROUP") {
-        return this.add_group(child);
-      } else {
-        return this.add_option(child);
-      }
-    };
-
-    SelectParser.prototype.add_group = function(group) {
-      var group_position, option, _i, _len, _ref, _results;
-
-      group_position = this.parsed.length;
-      this.parsed.push({
-        array_index: group_position,
-        group: true,
-        label: this.escapeExpression(group.label),
-        children: 0,
-        disabled: group.disabled
-      });
-      _ref = group.childNodes;
-      _results = [];
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        option = _ref[_i];
-        _results.push(this.add_option(option, group_position, group.disabled));
-      }
-      return _results;
-    };
-
-    SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
-      if (option.nodeName.toUpperCase() === "OPTION") {
-        if (option.text !== "") {
-          if (group_position != null) {
-            this.parsed[group_position].children += 1;
-          }
-          this.parsed.push({
-            array_index: this.parsed.length,
-            options_index: this.options_index,
-            value: option.value,
-            text: option.text,
-            html: option.innerHTML,
-            selected: option.selected,
-            disabled: group_disabled === true ? group_disabled : option.disabled,
-            group_array_index: group_position,
-            classes: option.className,
-            style: option.style.cssText
-          });
-        } else {
-          this.parsed.push({
-            array_index: this.parsed.length,
-            options_index: this.options_index,
-            empty: true
-          });
-        }
-        return this.options_index += 1;
-      }
-    };
-
-    SelectParser.prototype.escapeExpression = function(text) {
-      var map, unsafe_chars;
-
-      if ((text == null) || text === false) {
-        return "";
-      }
-      if (!/[\&\<\>\"\'\`]/.test(text)) {
-        return text;
-      }
-      map = {
-        "<": "<",
-        ">": ">",
-        '"': """,
-        "'": "'",
-        "`": "`"
-      };
-      unsafe_chars = /&(?!\w+;)|[\<\>\"\'\`]/g;
-      return text.replace(unsafe_chars, function(chr) {
-        return map[chr] || "&";
-      });
-    };
-
-    return SelectParser;
-
-  })();
-
-  SelectParser.select_to_array = function(select) {
-    var child, parser, _i, _len, _ref;
-
-    parser = new SelectParser();
-    _ref = select.childNodes;
-    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-      child = _ref[_i];
-      parser.add_node(child);
-    }
-    return parser.parsed;
-  };
-
-  AbstractChosen = (function() {
-    function AbstractChosen(form_field, options) {
-      this.form_field = form_field;
-      this.options = options != null ? options : {};
-      if (!AbstractChosen.browser_is_supported()) {
-        return;
-      }
-      this.is_multiple = this.form_field.multiple;
-      this.set_default_text();
-      this.set_default_values();
-      this.setup();
-      this.set_up_html();
-      this.register_observers();
-    }
-
-    AbstractChosen.prototype.set_default_values = function() {
-      var _this = this;
-
-      this.click_test_action = function(evt) {
-        return _this.test_active_click(evt);
-      };
-      this.activate_action = function(evt) {
-        return _this.activate_field(evt);
-      };
-      this.active_field = false;
-      this.mouse_on_container = false;
-      this.results_showing = false;
-      this.result_highlighted = null;
-      this.result_single_selected = null;
-      this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
-      this.disable_search_threshold = this.options.disable_search_threshold || 0;
-      this.disable_search = this.options.disable_search || false;
-      this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
-      this.group_search = this.options.group_search != null ? this.options.group_search : true;
-      this.search_contains = this.options.search_contains || false;
-      this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true;
-      this.max_selected_options = this.options.max_selected_options || Infinity;
-      this.inherit_select_classes = this.options.inherit_select_classes || false;
-      this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true;
-      return this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true;
-    };
-
-    AbstractChosen.prototype.set_default_text = function() {
-      if (this.form_field.getAttribute("data-placeholder")) {
-        this.default_text = this.form_field.getAttribute("data-placeholder");
-      } else if (this.is_multiple) {
-        this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text;
-      } else {
-        this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text;
-      }
-      return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text;
-    };
-
-    AbstractChosen.prototype.mouse_enter = function() {
-      return this.mouse_on_container = true;
-    };
-
-    AbstractChosen.prototype.mouse_leave = function() {
-      return this.mouse_on_container = false;
-    };
-
-    AbstractChosen.prototype.input_focus = function(evt) {
-      var _this = this;
-
-      if (this.is_multiple) {
-        if (!this.active_field) {
-          return setTimeout((function() {
-            return _this.container_mousedown();
-          }), 50);
-        }
-      } else {
-        if (!this.active_field) {
-          return this.activate_field();
-        }
-      }
-    };
-
-    AbstractChosen.prototype.input_blur = function(evt) {
-      var _this = this;
-
-      if (!this.mouse_on_container) {
-        this.active_field = false;
-        return setTimeout((function() {
-          return _this.blur_test();
-        }), 100);
-      }
-    };
-
-    AbstractChosen.prototype.results_option_build = function(options) {
-      var content, data, _i, _len, _ref;
-
-      content = '';
-      _ref = this.results_data;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        data = _ref[_i];
-        if (data.group) {
-          content += this.result_add_group(data);
-        } else {
-          content += this.result_add_option(data);
-        }
-        if (options != null ? options.first : void 0) {
-          if (data.selected && this.is_multiple) {
-            this.choice_build(data);
-          } else if (data.selected && !this.is_multiple) {
-            this.single_set_selected_text(data.text);
-          }
-        }
-      }
-      return content;
-    };
-
-    AbstractChosen.prototype.result_add_option = function(option) {
-      var classes, style;
-
-      if (!option.search_match) {
-        return '';
-      }
-      if (!this.include_option_in_results(option)) {
-        return '';
-      }
-      classes = [];
-      if (!option.disabled && !(option.selected && this.is_multiple)) {
-        classes.push("active-result");
-      }
-      if (option.disabled && !(option.selected && this.is_multiple)) {
-        classes.push("disabled-result");
-      }
-      if (option.selected) {
-        classes.push("result-selected");
-      }
-      if (option.group_array_index != null) {
-        classes.push("group-option");
-      }
-      if (option.classes !== "") {
-        classes.push(option.classes);
-      }
-      style = option.style.cssText !== "" ? " style=\"" + option.style + "\"" : "";
-      return "
  • " + option.search_text + "
    • ";
-    };
-
-    AbstractChosen.prototype.result_add_group = function(group) {
-      if (!(group.search_match || group.group_match)) {
-        return '';
-      }
-      if (!(group.active_options > 0)) {
-        return '';
-      }
-      return "
  • " + group.search_text + "
    • ";
-    };
-
-    AbstractChosen.prototype.results_update_field = function() {
-      this.set_default_text();
-      if (!this.is_multiple) {
-        this.results_reset_cleanup();
-      }
-      this.result_clear_highlight();
-      this.result_single_selected = null;
-      this.results_build();
-      if (this.results_showing) {
-        return this.winnow_results();
-      }
-    };
-
-    AbstractChosen.prototype.results_toggle = function() {
-      if (this.results_showing) {
-        return this.results_hide();
-      } else {
-        return this.results_show();
-      }
-    };
-
-    AbstractChosen.prototype.results_search = function(evt) {
-      if (this.results_showing) {
-        return this.winnow_results();
-      } else {
-        return this.results_show();
-      }
-    };
-
-    AbstractChosen.prototype.winnow_results = function() {
-      var escapedSearchText, option, regex, regexAnchor, results, results_group, searchText, startpos, text, zregex, _i, _len, _ref;
-
-      this.no_results_clear();
-      results = 0;
-      searchText = this.get_search_text();
-      escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-      regexAnchor = this.search_contains ? "" : "^";
-      regex = new RegExp(regexAnchor + escapedSearchText, 'i');
-      zregex = new RegExp(escapedSearchText, 'i');
-      _ref = this.results_data;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        option = _ref[_i];
-        option.search_match = false;
-        results_group = null;
-        if (this.include_option_in_results(option)) {
-          if (option.group) {
-            option.group_match = false;
-            option.active_options = 0;
-          }
-          if ((option.group_array_index != null) && this.results_data[option.group_array_index]) {
-            results_group = this.results_data[option.group_array_index];
-            if (results_group.active_options === 0 && results_group.search_match) {
-              results += 1;
-            }
-            results_group.active_options += 1;
-          }
-          if (!(option.group && !this.group_search)) {
-            option.search_text = option.group ? option.label : option.html;
-            option.search_match = this.search_string_match(option.search_text, regex);
-            if (option.search_match && !option.group) {
-              results += 1;
-            }
-            if (option.search_match) {
-              if (searchText.length) {
-                startpos = option.search_text.search(zregex);
-                text = option.search_text.substr(0, startpos + searchText.length) + '' + option.search_text.substr(startpos + searchText.length);
-                option.search_text = text.substr(0, startpos) + '' + text.substr(startpos);
-              }
-              if (results_group != null) {
-                results_group.group_match = true;
-              }
-            } else if ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) {
-              option.search_match = true;
-            }
-          }
-        }
-      }
-      this.result_clear_highlight();
-      if (results < 1 && searchText.length) {
-        this.update_results_content("");
-        return this.no_results(searchText);
-      } else {
-        this.update_results_content(this.results_option_build());
-        return this.winnow_results_set_highlight();
-      }
-    };
-
-    AbstractChosen.prototype.search_string_match = function(search_string, regex) {
-      var part, parts, _i, _len;
-
-      if (regex.test(search_string)) {
-        return true;
-      } else if (this.enable_split_word_search && (search_string.indexOf(" ") >= 0 || search_string.indexOf("[") === 0)) {
-        parts = search_string.replace(/\[|\]/g, "").split(" ");
-        if (parts.length) {
-          for (_i = 0, _len = parts.length; _i < _len; _i++) {
-            part = parts[_i];
-            if (regex.test(part)) {
-              return true;
-            }
-          }
-        }
-      }
-    };
-
-    AbstractChosen.prototype.choices_count = function() {
-      var option, _i, _len, _ref;
-
-      if (this.selected_option_count != null) {
-        return this.selected_option_count;
-      }
-      this.selected_option_count = 0;
-      _ref = this.form_field.options;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        option = _ref[_i];
-        if (option.selected) {
-          this.selected_option_count += 1;
-        }
-      }
-      return this.selected_option_count;
-    };
-
-    AbstractChosen.prototype.choices_click = function(evt) {
-      evt.preventDefault();
-      if (!(this.results_showing || this.is_disabled)) {
-        return this.results_show();
-      }
-    };
-
-    AbstractChosen.prototype.keyup_checker = function(evt) {
-      var stroke, _ref;
-
-      stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
-      this.search_field_scale();
-      switch (stroke) {
-        case 8:
-          if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) {
-            return this.keydown_backstroke();
-          } else if (!this.pending_backstroke) {
-            this.result_clear_highlight();
-            return this.results_search();
-          }
-          break;
-        case 13:
-          evt.preventDefault();
-          if (this.results_showing) {
-            return this.result_select(evt);
-          }
-          break;
-        case 27:
-          if (this.results_showing) {
-            this.results_hide();
-          }
-          return true;
-        case 9:
-        case 38:
-        case 40:
-        case 16:
-        case 91:
-        case 17:
-          break;
-        default:
-          return this.results_search();
-      }
-    };
-
-    AbstractChosen.prototype.container_width = function() {
-      if (this.options.width != null) {
-        return this.options.width;
-      } else {
-        return "" + this.form_field.offsetWidth + "px";
-      }
-    };
-
-    AbstractChosen.prototype.include_option_in_results = function(option) {
-      if (this.is_multiple && (!this.display_selected_options && option.selected)) {
-        return false;
-      }
-      if (!this.display_disabled_options && option.disabled) {
-        return false;
-      }
-      if (option.empty) {
-        return false;
-      }
-      return true;
-    };
-
-    AbstractChosen.browser_is_supported = function() {
-      if (window.navigator.appName === "Microsoft Internet Explorer") {
-        return document.documentMode >= 8;
-      }
-      if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
-        return false;
-      }
-      if (/Android/i.test(window.navigator.userAgent)) {
-        if (/Mobile/i.test(window.navigator.userAgent)) {
-          return false;
-        }
-      }
-      return true;
-    };
-
-    AbstractChosen.default_multiple_text = "Select Some Options";
-
-    AbstractChosen.default_single_text = "Select an Option";
-
-    AbstractChosen.default_no_result_text = "No results match";
-
-    return AbstractChosen;
-
-  })();
-
-  $ = jQuery;
-
-  $.fn.extend({
-    chosen: function(options) {
-      if (!AbstractChosen.browser_is_supported()) {
-        return this;
-      }
-      return this.each(function(input_field) {
-        var $this, chosen;
-
-        $this = $(this);
-        chosen = $this.data('chosen');
-        if (options === 'destroy' && chosen) {
-          chosen.destroy();
-        } else if (!chosen) {
-          $this.data('chosen', new Chosen(this, options));
-        }
-      });
-    }
-  });
-
-  Chosen = (function(_super) {
-    __extends(Chosen, _super);
-
-    function Chosen() {
-      _ref = Chosen.__super__.constructor.apply(this, arguments);
-      return _ref;
-    }
-
-    Chosen.prototype.setup = function() {
-      this.form_field_jq = $(this.form_field);
-      this.current_selectedIndex = this.form_field.selectedIndex;
-      return this.is_rtl = this.form_field_jq.hasClass("chosen-rtl");
-    };
-
-    Chosen.prototype.set_up_html = function() {
-      var container_classes, container_props;
-
-      container_classes = ["chosen-container"];
-      container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single"));
-      if (this.inherit_select_classes && this.form_field.className) {
-        container_classes.push(this.form_field.className);
-      }
-      if (this.is_rtl) {
-        container_classes.push("chosen-rtl");
-      }
-      container_props = {
-        'class': container_classes.join(' '),
-        'style': "width: " + (this.container_width()) + ";",
-        'title': this.form_field.title
-      };
-      if (this.form_field.id.length) {
-        container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen";
-      }
-      this.container = $("
    ", container_props);
-      if (this.is_multiple) {
-        this.container.html('
      ');
-      } else {
-        this.container.html('' + this.default_text + '
        ');
-      }
-      this.form_field_jq.hide().after(this.container);
-      this.dropdown = this.container.find('div.chosen-drop').first();
-      this.search_field = this.container.find('input').first();
-      this.search_results = this.container.find('ul.chosen-results').first();
-      this.search_field_scale();
-      this.search_no_results = this.container.find('li.no-results').first();
-      if (this.is_multiple) {
-        this.search_choices = this.container.find('ul.chosen-choices').first();
-        this.search_container = this.container.find('li.search-field').first();
-      } else {
-        this.search_container = this.container.find('div.chosen-search').first();
-        this.selected_item = this.container.find('.chosen-single').first();
-      }
-      this.results_build();
-      this.set_tab_index();
-      this.set_label_behavior();
-      return this.form_field_jq.trigger("chosen:ready", {
-        chosen: this
-      });
-    };
-
-    Chosen.prototype.register_observers = function() {
-      var _this = this;
-
-      this.container.bind('mousedown.chosen', function(evt) {
-        _this.container_mousedown(evt);
-      });
-      this.container.bind('mouseup.chosen', function(evt) {
-        _this.container_mouseup(evt);
-      });
-      this.container.bind('mouseenter.chosen', function(evt) {
-        _this.mouse_enter(evt);
-      });
-      this.container.bind('mouseleave.chosen', function(evt) {
-        _this.mouse_leave(evt);
-      });
-      this.search_results.bind('mouseup.chosen', function(evt) {
-        _this.search_results_mouseup(evt);
-      });
-      this.search_results.bind('mouseover.chosen', function(evt) {
-        _this.search_results_mouseover(evt);
-      });
-      this.search_results.bind('mouseout.chosen', function(evt) {
-        _this.search_results_mouseout(evt);
-      });
-      this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) {
-        _this.search_results_mousewheel(evt);
-      });
-      this.form_field_jq.bind("chosen:updated.chosen", function(evt) {
-        _this.results_update_field(evt);
-      });
-      this.form_field_jq.bind("chosen:activate.chosen", function(evt) {
-        _this.activate_field(evt);
-      });
-      this.form_field_jq.bind("chosen:open.chosen", function(evt) {
-        _this.container_mousedown(evt);
-      });
-      this.search_field.bind('blur.chosen', function(evt) {
-        _this.input_blur(evt);
-      });
-      this.search_field.bind('keyup.chosen', function(evt) {
-        _this.keyup_checker(evt);
-      });
-      this.search_field.bind('keydown.chosen', function(evt) {
-        _this.keydown_checker(evt);
-      });
-      this.search_field.bind('focus.chosen', function(evt) {
-        _this.input_focus(evt);
-      });
-      if (this.is_multiple) {
-        return this.search_choices.bind('click.chosen', function(evt) {
-          _this.choices_click(evt);
-        });
-      } else {
-        return this.container.bind('click.chosen', function(evt) {
-          evt.preventDefault();
-        });
-      }
-    };
-
-    Chosen.prototype.destroy = function() {
-      $(document).unbind("click.chosen", this.click_test_action);
-      if (this.search_field[0].tabIndex) {
-        this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex;
-      }
-      this.container.remove();
-      this.form_field_jq.removeData('chosen');
-      return this.form_field_jq.show();
-    };
-
-    Chosen.prototype.search_field_disabled = function() {
-      this.is_disabled = this.form_field_jq[0].disabled;
-      if (this.is_disabled) {
-        this.container.addClass('chosen-disabled');
-        this.search_field[0].disabled = true;
-        if (!this.is_multiple) {
-          this.selected_item.unbind("focus.chosen", this.activate_action);
-        }
-        return this.close_field();
-      } else {
-        this.container.removeClass('chosen-disabled');
-        this.search_field[0].disabled = false;
-        if (!this.is_multiple) {
-          return this.selected_item.bind("focus.chosen", this.activate_action);
-        }
-      }
-    };
-
-    Chosen.prototype.container_mousedown = function(evt) {
-      if (!this.is_disabled) {
-        if (evt && evt.type === "mousedown" && !this.results_showing) {
-          evt.preventDefault();
-        }
-        if (!((evt != null) && ($(evt.target)).hasClass("search-choice-close"))) {
-          if (!this.active_field) {
-            if (this.is_multiple) {
-              this.search_field.val("");
-            }
-            $(document).bind('click.chosen', this.click_test_action);
-            this.results_show();
-          } else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chosen-single").length)) {
-            evt.preventDefault();
-            this.results_toggle();
-          }
-          return this.activate_field();
-        }
-      }
-    };
-
-    Chosen.prototype.container_mouseup = function(evt) {
-      if (evt.target.nodeName === "ABBR" && !this.is_disabled) {
-        return this.results_reset(evt);
-      }
-    };
-
-    Chosen.prototype.search_results_mousewheel = function(evt) {
-      var delta, _ref1, _ref2;
-
-      delta = -((_ref1 = evt.originalEvent) != null ? _ref1.wheelDelta : void 0) || ((_ref2 = evt.originialEvent) != null ? _ref2.detail : void 0);
-      if (delta != null) {
-        evt.preventDefault();
-        if (evt.type === 'DOMMouseScroll') {
-          delta = delta * 40;
-        }
-        return this.search_results.scrollTop(delta + this.search_results.scrollTop());
-      }
-    };
-
-    Chosen.prototype.blur_test = function(evt) {
-      if (!this.active_field && this.container.hasClass("chosen-container-active")) {
-        return this.close_field();
-      }
-    };
-
-    Chosen.prototype.close_field = function() {
-      $(document).unbind("click.chosen", this.click_test_action);
-      this.active_field = false;
-      this.results_hide();
-      this.container.removeClass("chosen-container-active");
-      this.clear_backstroke();
-      this.show_search_field_default();
-      return this.search_field_scale();
-    };
-
-    Chosen.prototype.activate_field = function() {
-      this.container.addClass("chosen-container-active");
-      this.active_field = true;
-      this.search_field.val(this.search_field.val());
-      return this.search_field.focus();
-    };
-
-    Chosen.prototype.test_active_click = function(evt) {
-      if (this.container.is($(evt.target).closest('.chosen-container'))) {
-        return this.active_field = true;
-      } else {
-        return this.close_field();
-      }
-    };
-
-    Chosen.prototype.results_build = function() {
-      this.parsing = true;
-      this.selected_option_count = null;
-      this.results_data = SelectParser.select_to_array(this.form_field);
-      if (this.is_multiple) {
-        this.search_choices.find("li.search-choice").remove();
-      } else if (!this.is_multiple) {
-        this.single_set_selected_text();
-        if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
-          this.search_field[0].readOnly = true;
-          this.container.addClass("chosen-container-single-nosearch");
-        } else {
-          this.search_field[0].readOnly = false;
-          this.container.removeClass("chosen-container-single-nosearch");
-        }
-      }
-      this.update_results_content(this.results_option_build({
-        first: true
-      }));
-      this.search_field_disabled();
-      this.show_search_field_default();
-      this.search_field_scale();
-      return this.parsing = false;
-    };
-
-    Chosen.prototype.result_do_highlight = function(el) {
-      var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
-
-      if (el.length) {
-        this.result_clear_highlight();
-        this.result_highlight = el;
-        this.result_highlight.addClass("highlighted");
-        maxHeight = parseInt(this.search_results.css("maxHeight"), 10);
-        visible_top = this.search_results.scrollTop();
-        visible_bottom = maxHeight + visible_top;
-        high_top = this.result_highlight.position().top + this.search_results.scrollTop();
-        high_bottom = high_top + this.result_highlight.outerHeight();
-        if (high_bottom >= visible_bottom) {
-          return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0);
-        } else if (high_top < visible_top) {
-          return this.search_results.scrollTop(high_top);
-        }
-      }
-    };
-
-    Chosen.prototype.result_clear_highlight = function() {
-      if (this.result_highlight) {
-        this.result_highlight.removeClass("highlighted");
-      }
-      return this.result_highlight = null;
-    };
-
-    Chosen.prototype.results_show = function() {
-      if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
-        this.form_field_jq.trigger("chosen:maxselected", {
-          chosen: this
-        });
-        return false;
-      }
-      this.container.addClass("chosen-with-drop");
-      this.form_field_jq.trigger("chosen:showing_dropdown", {
-        chosen: this
-      });
-      this.results_showing = true;
-      this.search_field.focus();
-      this.search_field.val(this.search_field.val());
-      return this.winnow_results();
-    };
-
-    Chosen.prototype.update_results_content = function(content) {
-      return this.search_results.html(content);
-    };
-
-    Chosen.prototype.results_hide = function() {
-      if (this.results_showing) {
-        this.result_clear_highlight();
-        this.container.removeClass("chosen-with-drop");
-        this.form_field_jq.trigger("chosen:hiding_dropdown", {
-          chosen: this
-        });
-      }
-      return this.results_showing = false;
-    };
-
-    Chosen.prototype.set_tab_index = function(el) {
-      var ti;
-
-      if (this.form_field.tabIndex) {
-        ti = this.form_field.tabIndex;
-        this.form_field.tabIndex = -1;
-        return this.search_field[0].tabIndex = ti;
-      }
-    };
-
-    Chosen.prototype.set_label_behavior = function() {
-      var _this = this;
-
-      this.form_field_label = this.form_field_jq.parents("label");
-      if (!this.form_field_label.length && this.form_field.id.length) {
-        this.form_field_label = $("label[for='" + this.form_field.id + "']");
-      }
-      if (this.form_field_label.length > 0) {
-        return this.form_field_label.bind('click.chosen', function(evt) {
-          if (_this.is_multiple) {
-            return _this.container_mousedown(evt);
-          } else {
-            return _this.activate_field();
-          }
-        });
-      }
-    };
-
-    Chosen.prototype.show_search_field_default = function() {
-      if (this.is_multiple && this.choices_count() < 1 && !this.active_field) {
-        this.search_field.val(this.default_text);
-        return this.search_field.addClass("default");
-      } else {
-        this.search_field.val("");
-        return this.search_field.removeClass("default");
-      }
-    };
-
-    Chosen.prototype.search_results_mouseup = function(evt) {
-      var target;
-
-      target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
-      if (target.length) {
-        this.result_highlight = target;
-        this.result_select(evt);
-        return this.search_field.focus();
-      }
-    };
-
-    Chosen.prototype.search_results_mouseover = function(evt) {
-      var target;
-
-      target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
-      if (target) {
-        return this.result_do_highlight(target);
-      }
-    };
-
-    Chosen.prototype.search_results_mouseout = function(evt) {
-      if ($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) {
-        return this.result_clear_highlight();
-      }
-    };
-
-    Chosen.prototype.choice_build = function(item) {
-      var choice, close_link,
-        _this = this;
-
-      choice = $('
      • ', {
-        "class": "search-choice"
-      }).html("" + item.html + "");
-      if (item.disabled) {
-        choice.addClass('search-choice-disabled');
-      } else {
-        close_link = $('', {
-          "class": 'search-choice-close',
-          'data-option-array-index': item.array_index
-        });
-        close_link.bind('click.chosen', function(evt) {
-          return _this.choice_destroy_link_click(evt);
-        });
-        choice.append(close_link);
-      }
-      return this.search_container.before(choice);
-    };
-
-    Chosen.prototype.choice_destroy_link_click = function(evt) {
-      evt.preventDefault();
-      evt.stopPropagation();
-      if (!this.is_disabled) {
-        return this.choice_destroy($(evt.target));
-      }
-    };
-
-    Chosen.prototype.choice_destroy = function(link) {
-      if (this.result_deselect(link[0].getAttribute("data-option-array-index"))) {
-        this.show_search_field_default();
-        if (this.is_multiple && this.choices_count() > 0 && this.search_field.val().length < 1) {
-          this.results_hide();
-        }
-        link.parents('li').first().remove();
-        return this.search_field_scale();
-      }
-    };
-
-    Chosen.prototype.results_reset = function() {
-      this.form_field.options[0].selected = true;
-      this.selected_option_count = null;
-      this.single_set_selected_text();
-      this.show_search_field_default();
-      this.results_reset_cleanup();
-      this.form_field_jq.trigger("change");
-      if (this.active_field) {
-        return this.results_hide();
-      }
-    };
-
-    Chosen.prototype.results_reset_cleanup = function() {
-      this.current_selectedIndex = this.form_field.selectedIndex;
-      return this.selected_item.find("abbr").remove();
-    };
-
-    Chosen.prototype.result_select = function(evt) {
-      var high, item, selected_index;
-
-      if (this.result_highlight) {
-        high = this.result_highlight;
-        this.result_clear_highlight();
-        if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
-          this.form_field_jq.trigger("chosen:maxselected", {
-            chosen: this
-          });
-          return false;
-        }
-        if (this.is_multiple) {
-          high.removeClass("active-result");
-        } else {
-          if (this.result_single_selected) {
-            this.result_single_selected.removeClass("result-selected");
-            selected_index = this.result_single_selected[0].getAttribute('data-option-array-index');
-            this.results_data[selected_index].selected = false;
-          }
-          this.result_single_selected = high;
-        }
-        high.addClass("result-selected");
-        item = this.results_data[high[0].getAttribute("data-option-array-index")];
-        item.selected = true;
-        this.form_field.options[item.options_index].selected = true;
-        this.selected_option_count = null;
-        if (this.is_multiple) {
-          this.choice_build(item);
-        } else {
-          this.single_set_selected_text(item.text);
-        }
-        if (!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) {
-          this.results_hide();
-        }
-        this.search_field.val("");
-        if (this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) {
-          this.form_field_jq.trigger("change", {
-            'selected': this.form_field.options[item.options_index].value
-          });
-        }
-        this.current_selectedIndex = this.form_field.selectedIndex;
-        return this.search_field_scale();
-      }
-    };
-
-    Chosen.prototype.single_set_selected_text = function(text) {
-      if (text == null) {
-        text = this.default_text;
-      }
-      if (text === this.default_text) {
-        this.selected_item.addClass("chosen-default");
-      } else {
-        this.single_deselect_control_build();
-        this.selected_item.removeClass("chosen-default");
-      }
-      return this.selected_item.find("span").text(text);
-    };
-
-    Chosen.prototype.result_deselect = function(pos) {
-      var result_data;
-
-      result_data = this.results_data[pos];
-      if (!this.form_field.options[result_data.options_index].disabled) {
-        result_data.selected = false;
-        this.form_field.options[result_data.options_index].selected = false;
-        this.selected_option_count = null;
-        this.result_clear_highlight();
-        if (this.results_showing) {
-          this.winnow_results();
-        }
-        this.form_field_jq.trigger("change", {
-          deselected: this.form_field.options[result_data.options_index].value
-        });
-        this.search_field_scale();
-        return true;
-      } else {
-        return false;
-      }
-    };
-
-    Chosen.prototype.single_deselect_control_build = function() {
-      if (!this.allow_single_deselect) {
-        return;
-      }
-      if (!this.selected_item.find("abbr").length) {
-        this.selected_item.find("span").first().after("");
-      }
-      return this.selected_item.addClass("chosen-single-with-deselect");
-    };
-
-    Chosen.prototype.get_search_text = function() {
-      if (this.search_field.val() === this.default_text) {
-        return "";
-      } else {
-        return $('
        ').text($.trim(this.search_field.val())).html();
-      }
-    };
-
-    Chosen.prototype.winnow_results_set_highlight = function() {
-      var do_high, selected_results;
-
-      selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : [];
-      do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first();
-      if (do_high != null) {
-        return this.result_do_highlight(do_high);
-      }
-    };
-
-    Chosen.prototype.no_results = function(terms) {
-      var no_results_html;
-
-      no_results_html = $('
      • ' + this.results_none_found + ' ""
        • ');
-      no_results_html.find("span").first().html(terms);
-      return this.search_results.append(no_results_html);
-    };
-
-    Chosen.prototype.no_results_clear = function() {
-      return this.search_results.find(".no-results").remove();
-    };
-
-    Chosen.prototype.keydown_arrow = function() {
-      var next_sib;
-
-      if (this.results_showing && this.result_highlight) {
-        next_sib = this.result_highlight.nextAll("li.active-result").first();
-        if (next_sib) {
-          return this.result_do_highlight(next_sib);
-        }
-      } else {
-        return this.results_show();
-      }
-    };
-
-    Chosen.prototype.keyup_arrow = function() {
-      var prev_sibs;
-
-      if (!this.results_showing && !this.is_multiple) {
-        return this.results_show();
-      } else if (this.result_highlight) {
-        prev_sibs = this.result_highlight.prevAll("li.active-result");
-        if (prev_sibs.length) {
-          return this.result_do_highlight(prev_sibs.first());
-        } else {
-          if (this.choices_count() > 0) {
-            this.results_hide();
-          }
-          return this.result_clear_highlight();
-        }
-      }
-    };
-
-    Chosen.prototype.keydown_backstroke = function() {
-      var next_available_destroy;
-
-      if (this.pending_backstroke) {
-        this.choice_destroy(this.pending_backstroke.find("a").first());
-        return this.clear_backstroke();
-      } else {
-        next_available_destroy = this.search_container.siblings("li.search-choice").last();
-        if (next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) {
-          this.pending_backstroke = next_available_destroy;
-          if (this.single_backstroke_delete) {
-            return this.keydown_backstroke();
-          } else {
-            return this.pending_backstroke.addClass("search-choice-focus");
-          }
-        }
-      }
-    };
-
-    Chosen.prototype.clear_backstroke = function() {
-      if (this.pending_backstroke) {
-        this.pending_backstroke.removeClass("search-choice-focus");
-      }
-      return this.pending_backstroke = null;
-    };
-
-    Chosen.prototype.keydown_checker = function(evt) {
-      var stroke, _ref1;
-
-      stroke = (_ref1 = evt.which) != null ? _ref1 : evt.keyCode;
-      this.search_field_scale();
-      if (stroke !== 8 && this.pending_backstroke) {
-        this.clear_backstroke();
-      }
-      switch (stroke) {
-        case 8:
-          this.backstroke_length = this.search_field.val().length;
-          break;
-        case 9:
-          if (this.results_showing && !this.is_multiple) {
-            this.result_select(evt);
-          }
-          this.mouse_on_container = false;
-          break;
-        case 13:
-          evt.preventDefault();
-          break;
-        case 38:
-          evt.preventDefault();
-          this.keyup_arrow();
-          break;
-        case 40:
-          evt.preventDefault();
-          this.keydown_arrow();
-          break;
-      }
-    };
-
-    Chosen.prototype.search_field_scale = function() {
-      var div, f_width, h, style, style_block, styles, w, _i, _len;
-
-      if (this.is_multiple) {
-        h = 0;
-        w = 0;
-        style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
-        styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
-        for (_i = 0, _len = styles.length; _i < _len; _i++) {
-          style = styles[_i];
-          style_block += style + ":" + this.search_field.css(style) + ";";
-        }
-        div = $('
        ', {
-          'style': style_block
-        });
-        div.text(this.search_field.val());
-        $('body').append(div);
-        w = div.width() + 25;
-        div.remove();
-        f_width = this.container.outerWidth();
-        if (w > f_width - 10) {
-          w = f_width - 10;
-        }
-        return this.search_field.css({
-          'width': w + 'px'
-        });
-      }
-    };
-
-    return Chosen;
-
-  })(AbstractChosen);
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/chosen/index.html b/examples/chosen/index.html
deleted file mode 100644
index cf5b49011..000000000
--- a/examples/chosen/index.html
+++ /dev/null
@@ -1,110 +0,0 @@
-
-
-    
-        
-        
-        
-        
-        
-        
-    
-    
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        
        
-        Favorite pizza style: 
        
-        
        
-            Choose a style...
        
-        
        
-        
        
-        
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        text
        
-        
-        
-        
-        
-        
-        
-    
-
\ No newline at end of file
diff --git a/examples/content-visible/index.html b/examples/content-visible/index.html
index 9987c47a5..c025aaecd 100644
--- a/examples/content-visible/index.html
+++ b/examples/content-visible/index.html
@@ -50,7 +50,7 @@
       
        
     
        
 
-    
+    
     
+
 
 
   
        
diff --git a/examples/element-scroll/index.html b/examples/element-scroll/index.html
index 8fb2bca84..216138909 100644
--- a/examples/element-scroll/index.html
+++ b/examples/element-scroll/index.html
@@ -441,7 +441,7 @@
       }
     
 
-    
+    
     
+        
         
-        
-        
-        
-        
-        
-        
-        
-    
-
diff --git a/examples/index.html b/examples/index.html
new file mode 100644
index 000000000..7bf502497
--- /dev/null
+++ b/examples/index.html
@@ -0,0 +1,38 @@
+
+
+
+  
+  
+  
+  Examples
+
+
+  
        Examples
        
+  
        It's our goal to create a wide variety of example of how Tether
+    can be used. Here's what we have so far, please send a PR with
+    any examples you might create.
        
+  
        Beginner
        
+  
          
+    
        • simple: A simple example to get you started
          • 
+    
        • out-of-bounds: How to hide the element when it would
+      otherwise be offscreen
          • 
+    
        • pin: How to pin the element so it never goes offscreen
          • 
+    
        • enable-disable: How to enable and disable the Tether
+      in JavaScript
          • 
+  
        
+  
        Advanced
        
+  
          
+    
        • content-visible: Demonstrates using the 'visible'
+      targetModifier to align an element with the visible portion of another.
          • 
+    
        • dolls: A performance test to show several dozen elements,
+      each tethered to the previous. Try dragging the top left tether.
          • 
+    
        • element-scroll: Demonstrates using the 'scroll-handle'
+      targetModifier to align an element with the scrollbar of an element.
          • 
+    
        • scroll: Demonstrates using the 'scroll-handle'
+      targetModifier
+      to align an element with the body's scroll handle.
          • 
+    
        • viewport: Demonstrates aligning an element with the
+      viewport by using the 'visible' targetModifier when tethered to the body.
          • 
+  
        
+
+
\ No newline at end of file
diff --git a/examples/out-of-bounds/index.html b/examples/out-of-bounds/index.html
index 7c6459435..eed147400 100644
--- a/examples/out-of-bounds/index.html
+++ b/examples/out-of-bounds/index.html
@@ -18,9 +18,9 @@
         
        
         
        
 
-        
+        
         
     
 
diff --git a/examples/pin/index.html b/examples/pin/index.html
index 5a019580d..424ae914c 100644
--- a/examples/pin/index.html
+++ b/examples/pin/index.html
@@ -13,7 +13,7 @@
         
        
         
        
 
-        
+        
         
+      
       
+        
         
+        
         
-        
-        
-        
-        
-    
-    
-        
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Top
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Bottom
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Left
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Right
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Bottom Left
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Bottom Right
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Top Left
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Top Right
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Left Bottom
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Left Top
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Right Bottom
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-            
        Tooltip on Right Top
        
-            
        This is a paragraph of text
        
-            
        This is a paragraph of text
        
-        
        
-
-        
-        
-        
-        
-        
-        
-        
-        
-    
-
diff --git a/examples/viewport/index.html b/examples/viewport/index.html
index e5b1d49ef..5f62b0330 100644
--- a/examples/viewport/index.html
+++ b/examples/viewport/index.html
@@ -38,7 +38,7 @@
       to use position: fixed.
        
     
        
 
-    
+