@financial-times/x-topic-search 6.8.0 → 8.0.0

package/dist/TopicSearch.cjs.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var xEngine = require('@financial-times/x-engine');
-var classNames = _interopDefault(require('classnames'));
 var debounce = _interopDefault(require('debounce-promise'));
 var xFollowButton = require('@financial-times/x-follow-button');
 
-var styles = {"container":"TopicSearch_container__2VM2e","input-wrapper":"TopicSearch_input-wrapper__VeoLf","search-icon":"TopicSearch_search-icon__2proG","input":"TopicSearch_input__1Iq7K","o-typography--loading-sans":"TopicSearch_o-typography--loading-sans__1p8u2","result-container":"TopicSearch_result-container__34uXy","suggestions":"TopicSearch_suggestions__2dZFW","suggestion":"TopicSearch_suggestion__2z7vY","suggestion__name":"TopicSearch_suggestion__name__3rwG-","o-typography--loading-sans-bold":"TopicSearch_o-typography--loading-sans-bold__nv2r4","no-suggestions":"TopicSearch_no-suggestions__11pFv","no-suggestions__title":"TopicSearch_no-suggestions__title__3vCy7","no-suggestions__message":"TopicSearch_no-suggestions__message__1B9c9"};
-
 const addQueryParamToUrl = (name, value, url, append = true) => {
   const queryParam = `${name}=${value}`;
   return append === true ? `${url}&${queryParam}` : `${url}?${queryParam}`;
@@ -46,17 +43,17 @@ var SuggestionList = (({
 }) => {
   renderFollowButton = typeof renderFollowButton === 'function' ? renderFollowButton : defaultFollowButtonRender;
   return xEngine.h("ul", {
-    className: classNames(styles["suggestions"]),
+    className: "x-topic-search-suggestions",
     "aria-live": "polite"
   }, suggestions.map(suggestion => xEngine.h("li", {
-    className: classNames(styles["suggestion"]),
+    className: "x-topic-search-suggestions__suggestion",
     key: suggestion.id,
     "data-trackable": "myft-topic",
     "data-concept-id": suggestion.id,
     "data-trackable-meta": '{"search-term":"' + searchTerm + '"}'
   }, xEngine.h("a", {
     "data-trackable": "topic-link",
-    className: classNames(styles["suggestion__name"]),
+    className: "x-topic-search-suggestions__suggestion-name",
     href: suggestion.url || `/stream/${suggestion.id}`
   }, suggestion.prefLabel), renderFollowButton(suggestion, csrfToken, followedTopicIds))));
 });
@@ -64,12 +61,12 @@ var SuggestionList = (({
 var NoSuggestions = (({
   searchTerm
 }) => xEngine.h("div", {
-  className: classNames(styles["no-suggestions"]),
+  className: "x-topic-search-no-suggestions",
   "aria-live": "polite"
 }, xEngine.h("h2", {
-  className: classNames(styles["no-suggestions__title"])
+  className: "x-topic-search-no-suggestions__title"
 }, "No topics matching ", xEngine.h("b", null, searchTerm)), xEngine.h("p", null, "Suggestions:"), xEngine.h("ul", {
-  className: classNames(styles["no-suggestions__message"])
+  className: "x-topic-search-no-suggestions__message"
 }, xEngine.h("li", null, "Make sure that all words are spelled correctly."), xEngine.h("li", null, "Try different keywords."), xEngine.h("li", null, "Try more general keywords."), xEngine.h("li", null, "Try fewer keywords."))));
 
 class TopicSearch extends xEngine.Component {
@@ -162,7 +159,7 @@ class TopicSearch extends xEngine.Component {
       suggestions
     } = this.state;
     return xEngine.h("div", {
-      className: classNames(styles['container']),
+      className: "x-topic-search",
       ref: el => this.rootEl = el
     }, xEngine.h("h2", {
       className: "o-normalise-visually-hidden"
@@ -170,21 +167,21 @@ class TopicSearch extends xEngine.Component {
       className: "o-normalise-visually-hidden",
       htmlFor: "topic-search-input"
     }, "Search and add topics"), xEngine.h("div", {
-      className: classNames(styles["input-wrapper"])
+      className: "x-topic-search__input-wrapper"
     }, xEngine.h("i", {
-      className: classNames(styles["search-icon"])
+      className: "x-topic-search__search-icon"
     }), xEngine.h("input", {
       type: "search",
       id: "topic-search-input",
       placeholder: "Search and add topics",
-      className: classNames(styles["input"]),
+      className: "x-topic-search__input",
       "data-trackable": "topic-search",
       autoComplete: "off",
       onInput: this.handleInputChange,
       onClick: this.handleInputClick,
       onFocus: this.handleInputFocus
     })), showResult && searchTerm.length >= this.minSearchLength && xEngine.h("div", {
-      className: classNames(styles['result-container'])
+      className: "x-topic-search__result-container"
     }, suggestions.length > 0 ? xEngine.h(SuggestionList, {
       csrfToken: csrfToken,
       followedTopicIds: followedTopicIds,

package/dist/TopicSearch.es5.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var xEngine = require('@financial-times/x-engine');
-var classNames = _interopDefault(require('classnames'));
 var debounce = _interopDefault(require('debounce-promise'));
 var xFollowButton = require('@financial-times/x-follow-button');
 
@@ -118,8 +117,6 @@ function _createSuper(Derived) {
   };
 }
 
-var styles = {"container":"TopicSearch_container__2VM2e","input-wrapper":"TopicSearch_input-wrapper__VeoLf","search-icon":"TopicSearch_search-icon__2proG","input":"TopicSearch_input__1Iq7K","o-typography--loading-sans":"TopicSearch_o-typography--loading-sans__1p8u2","result-container":"TopicSearch_result-container__34uXy","suggestions":"TopicSearch_suggestions__2dZFW","suggestion":"TopicSearch_suggestion__2z7vY","suggestion__name":"TopicSearch_suggestion__name__3rwG-","o-typography--loading-sans-bold":"TopicSearch_o-typography--loading-sans-bold__nv2r4","no-suggestions":"TopicSearch_no-suggestions__11pFv","no-suggestions__title":"TopicSearch_no-suggestions__title__3vCy7","no-suggestions__message":"TopicSearch_no-suggestions__message__1B9c9"};
-
 var addQueryParamToUrl = function addQueryParamToUrl(name, value, url) {
   var append = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   var queryParam = "".concat(name, "=").concat(value);
@@ -160,18 +157,18 @@ var SuggestionList = (function (_ref) {
       followedTopicIds = _ref$followedTopicIds === void 0 ? [] : _ref$followedTopicIds;
   renderFollowButton = typeof renderFollowButton === 'function' ? renderFollowButton : defaultFollowButtonRender;
   return xEngine.h("ul", {
-    className: classNames(styles["suggestions"]),
+    className: "x-topic-search-suggestions",
     "aria-live": "polite"
   }, suggestions.map(function (suggestion) {
     return xEngine.h("li", {
-      className: classNames(styles["suggestion"]),
+      className: "x-topic-search-suggestions__suggestion",
       key: suggestion.id,
       "data-trackable": "myft-topic",
       "data-concept-id": suggestion.id,
       "data-trackable-meta": '{"search-term":"' + searchTerm + '"}'
     }, xEngine.h("a", {
       "data-trackable": "topic-link",
-      className: classNames(styles["suggestion__name"]),
+      className: "x-topic-search-suggestions__suggestion-name",
       href: suggestion.url || "/stream/".concat(suggestion.id)
     }, suggestion.prefLabel), renderFollowButton(suggestion, csrfToken, followedTopicIds));
   }));
@@ -180,12 +177,12 @@ var SuggestionList = (function (_ref) {
 var NoSuggestions = (function (_ref) {
   var searchTerm = _ref.searchTerm;
   return xEngine.h("div", {
-    className: classNames(styles["no-suggestions"]),
+    className: "x-topic-search-no-suggestions",
     "aria-live": "polite"
   }, xEngine.h("h2", {
-    className: classNames(styles["no-suggestions__title"])
+    className: "x-topic-search-no-suggestions__title"
   }, "No topics matching ", xEngine.h("b", null, searchTerm)), xEngine.h("p", null, "Suggestions:"), xEngine.h("ul", {
-    className: classNames(styles["no-suggestions__message"])
+    className: "x-topic-search-no-suggestions__message"
   }, xEngine.h("li", null, "Make sure that all words are spelled correctly."), xEngine.h("li", null, "Try different keywords."), xEngine.h("li", null, "Try more general keywords."), xEngine.h("li", null, "Try fewer keywords.")));
 });
 
@@ -302,7 +299,7 @@ var TopicSearch = /*#__PURE__*/function (_Component) {
           showResult = _this$state.showResult,
           suggestions = _this$state.suggestions;
       return xEngine.h("div", {
-        className: classNames(styles['container']),
+        className: "x-topic-search",
         ref: function ref(el) {
           return _this5.rootEl = el;
         }
@@ -312,21 +309,21 @@ var TopicSearch = /*#__PURE__*/function (_Component) {
         className: "o-normalise-visually-hidden",
         htmlFor: "topic-search-input"
       }, "Search and add topics"), xEngine.h("div", {
-        className: classNames(styles["input-wrapper"])
+        className: "x-topic-search__input-wrapper"
       }, xEngine.h("i", {
-        className: classNames(styles["search-icon"])
+        className: "x-topic-search__search-icon"
       }), xEngine.h("input", {
         type: "search",
         id: "topic-search-input",
         placeholder: "Search and add topics",
-        className: classNames(styles["input"]),
+        className: "x-topic-search__input",
         "data-trackable": "topic-search",
         autoComplete: "off",
         onInput: this.handleInputChange,
         onClick: this.handleInputClick,
         onFocus: this.handleInputFocus
       })), showResult && searchTerm.length >= this.minSearchLength && xEngine.h("div", {
-        className: classNames(styles['result-container'])
+        className: "x-topic-search__result-container"
       }, suggestions.length > 0 ? xEngine.h(SuggestionList, {
         csrfToken: csrfToken,
         followedTopicIds: followedTopicIds,

package/dist/TopicSearch.esm.js

@@ -1,10 +1,7 @@
 import { h, Component } from '@financial-times/x-engine';
-import classNames from 'classnames';
 import debounce from 'debounce-promise';
 import { FollowButton } from '@financial-times/x-follow-button';
 
-var styles = {"container":"TopicSearch_container__2VM2e","input-wrapper":"TopicSearch_input-wrapper__VeoLf","search-icon":"TopicSearch_search-icon__2proG","input":"TopicSearch_input__1Iq7K","o-typography--loading-sans":"TopicSearch_o-typography--loading-sans__1p8u2","result-container":"TopicSearch_result-container__34uXy","suggestions":"TopicSearch_suggestions__2dZFW","suggestion":"TopicSearch_suggestion__2z7vY","suggestion__name":"TopicSearch_suggestion__name__3rwG-","o-typography--loading-sans-bold":"TopicSearch_o-typography--loading-sans-bold__nv2r4","no-suggestions":"TopicSearch_no-suggestions__11pFv","no-suggestions__title":"TopicSearch_no-suggestions__title__3vCy7","no-suggestions__message":"TopicSearch_no-suggestions__message__1B9c9"};
-
 const addQueryParamToUrl = (name, value, url, append = true) => {
   const queryParam = `${name}=${value}`;
   return append === true ? `${url}&${queryParam}` : `${url}?${queryParam}`;
@@ -40,17 +37,17 @@ var SuggestionList = (({
 }) => {
   renderFollowButton = typeof renderFollowButton === 'function' ? renderFollowButton : defaultFollowButtonRender;
   return h("ul", {
-    className: classNames(styles["suggestions"]),
+    className: "x-topic-search-suggestions",
     "aria-live": "polite"
   }, suggestions.map(suggestion => h("li", {
-    className: classNames(styles["suggestion"]),
+    className: "x-topic-search-suggestions__suggestion",
     key: suggestion.id,
     "data-trackable": "myft-topic",
     "data-concept-id": suggestion.id,
     "data-trackable-meta": '{"search-term":"' + searchTerm + '"}'
   }, h("a", {
     "data-trackable": "topic-link",
-    className: classNames(styles["suggestion__name"]),
+    className: "x-topic-search-suggestions__suggestion-name",
     href: suggestion.url || `/stream/${suggestion.id}`
   }, suggestion.prefLabel), renderFollowButton(suggestion, csrfToken, followedTopicIds))));
 });
@@ -58,12 +55,12 @@ var SuggestionList = (({
 var NoSuggestions = (({
   searchTerm
 }) => h("div", {
-  className: classNames(styles["no-suggestions"]),
+  className: "x-topic-search-no-suggestions",
   "aria-live": "polite"
 }, h("h2", {
-  className: classNames(styles["no-suggestions__title"])
+  className: "x-topic-search-no-suggestions__title"
 }, "No topics matching ", h("b", null, searchTerm)), h("p", null, "Suggestions:"), h("ul", {
-  className: classNames(styles["no-suggestions__message"])
+  className: "x-topic-search-no-suggestions__message"
 }, h("li", null, "Make sure that all words are spelled correctly."), h("li", null, "Try different keywords."), h("li", null, "Try more general keywords."), h("li", null, "Try fewer keywords."))));
 
 class TopicSearch extends Component {
@@ -156,7 +153,7 @@ class TopicSearch extends Component {
       suggestions
     } = this.state;
     return h("div", {
-      className: classNames(styles['container']),
+      className: "x-topic-search",
       ref: el => this.rootEl = el
     }, h("h2", {
       className: "o-normalise-visually-hidden"
@@ -164,21 +161,21 @@ class TopicSearch extends Component {
       className: "o-normalise-visually-hidden",
       htmlFor: "topic-search-input"
     }, "Search and add topics"), h("div", {
-      className: classNames(styles["input-wrapper"])
+      className: "x-topic-search__input-wrapper"
     }, h("i", {
-      className: classNames(styles["search-icon"])
+      className: "x-topic-search__search-icon"
     }), h("input", {
       type: "search",
       id: "topic-search-input",
       placeholder: "Search and add topics",
-      className: classNames(styles["input"]),
+      className: "x-topic-search__input",
       "data-trackable": "topic-search",
       autoComplete: "off",
       onInput: this.handleInputChange,
       onClick: this.handleInputClick,
       onFocus: this.handleInputFocus
     })), showResult && searchTerm.length >= this.minSearchLength && h("div", {
-      className: classNames(styles['result-container'])
+      className: "x-topic-search__result-container"
     }, suggestions.length > 0 ? h(SuggestionList, {
       csrfToken: csrfToken,
       followedTopicIds: followedTopicIds,

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@financial-times/x-topic-search",
-  "version": "6.8.0",
+  "version": "8.0.0",
   "description": "",
   "main": "dist/TopicSearch.cjs.js",
   "module": "dist/TopicSearch.esm.js",
   "browser": "dist/TopicSearch.es5.js",
-  "style": "dist/TopicSearch.css",
+  "style": "src/TopicSearch.scss",
   "scripts": {
-    "prepare": "bower install",
     "build": "node rollup.js",
     "start": "node rollup.js --watch"
   },
@@ -17,16 +16,18 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@financial-times/x-engine": "^6.8.0",
-    "@financial-times/x-follow-button": "^6.8.0",
-    "classnames": "^2.2.6",
+    "@financial-times/x-engine": "^8.0.0",
+    "@financial-times/x-follow-button": "^8.0.0",
     "debounce-promise": "^3.1.0"
   },
   "devDependencies": {
+    "@financial-times/o-colors": "^6.4.2",
+    "@financial-times/o-editorial-typography": "^2.3.2",
+    "@financial-times/o-icons": "^7.2.1",
+    "@financial-times/o-typography": "^7.3.1",
     "@financial-times/x-rollup": "file:../../packages/x-rollup",
     "@financial-times/x-test-utils": "file:../../packages/x-test-utils",
-    "bower": "^1.7.9",
-    "node-sass": "^4.9.2"
+    "sass": "^1.49.0"
   },
   "repository": {
     "type": "git",
@@ -34,9 +35,18 @@
   },
   "homepage": "https://github.com/Financial-Times/x-dash/tree/master/components/x-topic-search",
   "engines": {
-    "node": ">= 6.0.0"
+    "node": "14.x || 16.x"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "peerDependencies": {
+    "@financial-times/o-colors": "^6.4.2",
+    "@financial-times/o-editorial-typography": "^2.3.2",
+    "@financial-times/o-icons": "^7.2.1",
+    "@financial-times/o-typography": "^7.3.1"
   }
 }

package/storybook/index.jsx

@@ -2,12 +2,11 @@ import React from 'react'
 import { TopicSearch } from '../src/TopicSearch'
 import BuildService from '../../../.storybook/build-service'
 
+import '../src/TopicSearch.scss'
+
 // Set up basic document styling using the Origami build service
 const dependencies = {
-	'o-normalise': '^2.0.0',
-	'o-typography': '^6.0.0',
-	'o-colors': '^5.0.0',
-	'o-icons': '^6.0.0'
+	'o-fonts': '^5.3.0'
 }
 
 export default {

package/.bowerrc

@@ -1,8 +0,0 @@
-{
-  "registry": {
-    "search": [
-      "https://origami-bower-registry.ft.com",
-      "https://registry.bower.io"
-    ]
-  }
-}

package/bower.json

@@ -1,11 +0,0 @@
-{
-  "name": "x-topic-search",
-  "main": "dist/TopicSearch.es5.js",
-  "private": true,
-  "dependencies": {
-    "o-icons": "^6.3.0",
-    "o-typography": "^6.4.6",
-    "o-editorial-typography": "^1.2.1",
-    "o-colors": "^5.4.1"
-  }
-}

package/bower_components/fontfaceobserver/LICENSE

@@ -1,23 +0,0 @@
-Copyright (c) 2014 - Bram Stein
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without 
-modification, are permitted provided that the following conditions 
-are met:
- 
- 1. Redistributions of source code must retain the above copyright
-    notice, this list of conditions and the following disclaimer. 
- 2. Redistributions in binary form must reproduce the above copyright 
-    notice, this list of conditions and the following disclaimer in the 
-    documentation and/or other materials provided with the distribution. 
-
-THIS SOFTWARE IS PROVIDED BY THE AUTHOR "AS IS" AND ANY EXPRESS OR IMPLIED 
-WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO 
-EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, 
-INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, 
-BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 
-DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY 
-OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 
-NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, 
-EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/bower_components/fontfaceobserver/README.md

@@ -1,165 +0,0 @@
-# Font Face Observer [![Build Status](https://travis-ci.org/bramstein/fontfaceobserver.png?branch=master)](https://travis-ci.org/bramstein/fontfaceobserver)
-
-Font Face Observer is a small `@font-face` loader and monitor (3.5KB minified and 1.3KB gzipped) compatible with any webfont service. It will monitor when a webfont is loaded and notify you. It does not limit you in any way in where, when, or how you load your webfonts. Unlike the [Web Font Loader](https://github.com/typekit/webfontloader) Font Face Observer uses scroll events to detect font loads efficiently and with minimum overhead.
-
-## How to use
-
-Include your `@font-face` rules as usual. Fonts can be supplied by either a font service such as [Google Fonts](http://www.google.com/fonts), [Typekit](http://typekit.com), and [Webtype](http://webtype.com) or be self-hosted. You can set up monitoring for a single font family at a time:
-
-```js
-var font = new FontFaceObserver('My Family', {
-  weight: 400
-});
-
-font.load().then(function () {
-  console.log('Font is available');
-}, function () {
-  console.log('Font is not available');
-});
-```
-
-The `FontFaceObserver` constructor takes two arguments: the font-family name (required) and an object describing the variation (optional). The object can contain `weight`, `style`, and `stretch` properties. If a property is not present it will default to `normal`. To start loading the font, call the `load` method. It'll immediately return a new Promise that resolves when the font is loaded and rejected when the font fails to load.
-
-If your font doesn't contain at least the latin "BESbwy" characters you must pass a custom test string to the `load` method.
-
-```js
-var font = new FontFaceObserver('My Family');
-
-font.load('中国').then(function () {
-  console.log('Font is available');
-}, function () {
-  console.log('Font is not available');
-});
-```
-
-The default timeout for giving up on font loading is 3 seconds. You can increase or decrease this by passing a number of milliseconds as the second parameter to the `load` method.
-
-```js
-var font = new FontFaceObserver('My Family');
-
-font.load(null, 5000).then(function () {
-  console.log('Font is available');
-}, function () {
-  console.log('Font is not available after waiting 5 seconds');
-});
-```
-
-Multiple fonts can be loaded by creating a `FontFaceObserver` instance for each.
-
-```js
-var fontA = new FontFaceObserver('Family A');
-var fontB = new FontFaceObserver('Family B');
-
-fontA.load().then(function () {
-  console.log('Family A is available');
-});
-
-fontB.load().then(function () {
-  console.log('Family B is available');
-});
-```
-
-You may also load both at the same time, rather than loading each individually.
-
-```js
-var fontA = new FontFaceObserver('Family A');
-var fontB = new FontFaceObserver('Family B');
-
-Promise.all([fontA.load(), fontB.load()]).then(function () {
-  console.log('Family A & B have loaded');
-});
-```
-
-If you are working with a large number of fonts, you may decide to create `FontFaceObserver` instances dynamically:
-
-```js
-// An example collection of font data with additional metadata,
-// in this case “color.”
-var exampleFontData = {
-  'Family A': { weight: 400, color: 'red' },
-  'Family B': { weight: 400, color: 'orange' },
-  'Family C': { weight: 900, color: 'yellow' },
-  // Etc.
-};
-
-var observers = [];
-
-// Make one observer for each font,
-// by iterating over the data we already have
-Object.keys(exampleFontData).forEach(function(family) {
-  var data = exampleFontData[family];
-  var obs = new FontFaceObserver(family, data);
-  observers.push(obs.load());
-});
-
-Promise.all(observers)
-  .then(function(fonts) {
-    fonts.forEach(function(font) {
-      console.log(font.family + ' ' + font.weight + ' ' + 'loaded');
-
-      // Map the result of the Promise back to our existing data,
-      // to get the other properties we need.
-      console.log(exampleFontData[font.family].color);
-    });
-  })
-  .catch(function(err) {
-    console.warn('Some critical font are not available:', err);
-  });
-```
-
-The following example emulates FOUT with Font Face Observer for `My Family`.
-
-```js
-var font = new FontFaceObserver('My Family');
-
-font.load().then(function () {
-  document.documentElement.className += " fonts-loaded";
-});
-```
-
-```css
-.fonts-loaded {
-  body {
-    font-family: My Family, sans-serif;
-  }
-}
-```
-
-## Installation
-
-If you're using npm you can install Font Face Observer as a dependency:
-
-```shell
-$ npm install fontfaceobserver
-```
-
-You can then require `fontfaceobserver` as a CommonJS (Browserify) module:
-
-```js
-var FontFaceObserver = require('fontfaceobserver');
-
-var font = new FontFaceObserver('My Family');
-
-font.load().then(function () {
-  console.log('My Family has loaded');
-});
-```
-
-If you're not using npm, grab `fontfaceobserver.js` or `fontfaceobserver.standalone.js` (see below) and include it in your project. It'll export a global `FontFaceObserver` that you can use to create new instances.
-
-Font Face Observer uses Promises in its API, so for [browsers that do not support promises](http://caniuse.com/#search=promise) you'll need to include a polyfill. If you use your own Promise polyfill you just need to include `fontfaceobserver.standalone.js` in your project. If you do not have an existing Promise polyfill you should use `fontfaceobserver.js` which includes a small Promise polyfill. Using the Promise polyfill adds roughly 1.4KB (500 bytes gzipped) to the file size.
-
-## Browser support
-
-FontFaceObserver has been tested and works on the following browsers:
-
-* Chrome (desktop & Android)
-* Firefox
-* Opera
-* Safari (desktop & iOS)
-* IE8+
-* Android WebKit
-
-## License
-
-Font Face Observer is licensed under the BSD License. Copyright 2014-2017 Bram Stein. All rights reserved.

package/bower_components/fontfaceobserver/externs.js

@@ -1,15 +0,0 @@
-/**
- * @constructor
- *
- * @param {string} family
- * @param {Object} descriptors
- */
-var FontFaceObserver = function (family, descriptors) {};
-
-/**
- * @param {string=} opt_text
- * @param {number=} opt_timeout
- *
- * @return {Promise.<FontFaceObserver>}
- */
-FontFaceObserver.prototype.load = function (opt_text, opt_timeout) {};

package/bower_components/fontfaceobserver/fontfaceobserver.js

@@ -1,12 +0,0 @@
-/* Font Face Observer v2.1.0 - © Bram Stein. License: BSD-3-Clause */(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
-function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
-function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}());
-
-(function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a()}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a()})};function t(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";
-this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)}
-function u(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";"}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=k;z(a)&&a.a.parentNode&&b(a.g)}var k=a;l(a.b,c);l(a.c,c);z(a)};function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var C=null,D=null,E=null,F=null;function G(){if(null===D)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);D=!!a&&603>parseInt(a[1],10)}else D=!1;return D}function J(){null===F&&(F=!!document.fonts);return F}
-function K(){if(null===E){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}E=""!==a.style.font}return E}function L(a,b){return[a.style,a.weight,K()?a.stretch:"","100px",b].join(" ")}
-B.prototype.load=function(a,b){var c=this,k=a||"BESbswy",r=0,n=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=n?b(Error(""+n+"ms timeout exceeded")):document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25)},b)}e()}),N=new Promise(function(a,c){r=setTimeout(function(){c(Error(""+n+"ms timeout exceeded"))},n)});Promise.race([N,M]).then(function(){clearTimeout(r);a(c)},
-b)}else m(function(){function v(){var b;if(b=-1!=f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(f==w&&g==w&&h==w||f==x&&g==x&&h==x||f==y&&g==y&&h==y)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(r),a(c))}function I(){if((new Date).getTime()-H>=n)d.parentNode&&d.parentNode.removeChild(d),b(Error(""+
-n+"ms timeout exceeded"));else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,g=p.a.offsetWidth,h=q.a.offsetWidth,v();r=setTimeout(I,50)}}var e=new t(k),p=new t(k),q=new t(k),f=-1,g=-1,h=-1,w=-1,x=-1,y=-1,d=document.createElement("div");d.dir="ltr";u(e,L(c,"sans-serif"));u(p,L(c,"serif"));u(q,L(c,"monospace"));d.appendChild(e.a);d.appendChild(p.a);d.appendChild(q.a);document.body.appendChild(d);w=e.a.offsetWidth;x=p.a.offsetWidth;y=q.a.offsetWidth;I();A(e,function(a){f=a;v()});u(e,
-L(c,'"'+c.family+'",sans-serif'));A(p,function(a){g=a;v()});u(p,L(c,'"'+c.family+'",serif'));A(q,function(a){h=a;v()});u(q,L(c,'"'+c.family+'",monospace'))})})};"object"===typeof module?module.exports=B:(window.FontFaceObserver=B,window.FontFaceObserver.prototype.load=B.prototype.load);}());

package/bower_components/fontfaceobserver/fontfaceobserver.standalone.js

@@ -1,8 +0,0 @@
-/* Font Face Observer v2.1.0 - © Bram Stein. License: BSD-3-Clause */(function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a()}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a()})};function t(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";
-this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)}
-function u(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";"}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=k;z(a)&&a.a.parentNode&&b(a.g)}var k=a;l(a.b,c);l(a.c,c);z(a)};function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var C=null,D=null,E=null,F=null;function G(){if(null===D)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);D=!!a&&603>parseInt(a[1],10)}else D=!1;return D}function J(){null===F&&(F=!!document.fonts);return F}
-function K(){if(null===E){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}E=""!==a.style.font}return E}function L(a,b){return[a.style,a.weight,K()?a.stretch:"","100px",b].join(" ")}
-B.prototype.load=function(a,b){var c=this,k=a||"BESbswy",r=0,n=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=n?b(Error(""+n+"ms timeout exceeded")):document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25)},b)}e()}),N=new Promise(function(a,c){r=setTimeout(function(){c(Error(""+n+"ms timeout exceeded"))},n)});Promise.race([N,M]).then(function(){clearTimeout(r);a(c)},
-b)}else m(function(){function v(){var b;if(b=-1!=f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(f==w&&g==w&&h==w||f==x&&g==x&&h==x||f==y&&g==y&&h==y)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(r),a(c))}function I(){if((new Date).getTime()-H>=n)d.parentNode&&d.parentNode.removeChild(d),b(Error(""+
-n+"ms timeout exceeded"));else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,g=p.a.offsetWidth,h=q.a.offsetWidth,v();r=setTimeout(I,50)}}var e=new t(k),p=new t(k),q=new t(k),f=-1,g=-1,h=-1,w=-1,x=-1,y=-1,d=document.createElement("div");d.dir="ltr";u(e,L(c,"sans-serif"));u(p,L(c,"serif"));u(q,L(c,"monospace"));d.appendChild(e.a);d.appendChild(p.a);d.appendChild(q.a);document.body.appendChild(d);w=e.a.offsetWidth;x=p.a.offsetWidth;y=q.a.offsetWidth;I();A(e,function(a){f=a;v()});u(e,
-L(c,'"'+c.family+'",sans-serif'));A(p,function(a){g=a;v()});u(p,L(c,'"'+c.family+'",serif'));A(q,function(a){h=a;v()});u(q,L(c,'"'+c.family+'",monospace'))})})};"object"===typeof module?module.exports=B:(window.FontFaceObserver=B,window.FontFaceObserver.prototype.load=B.prototype.load);}());