office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1,173 lines (1,098 loc) • 3.66 MB
JavaScript
var Fabric =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./lib/index.bundle.js");
/******/ })
/************************************************************************/
/******/ ({
/***/ "../../node_modules/@microsoft/load-themed-styles/lib/index.js":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(global) {
/**
* An IThemingInstruction can specify a rawString to be preserved or a theme slot and a default value
* to use if that slot is not specified by the theme.
*/
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
// IE needs to inject styles using cssText. However, we need to evaluate this lazily, so this
// value will initialize as undefined, and later will be set once on first loadStyles injection.
var _injectStylesWithCssText;
// Store the theming state in __themeState__ global scope for reuse in the case of duplicate
// load-themed-styles hosted on the page.
var _root = (typeof window === 'undefined') ? global : window; // tslint:disable-line:no-any
// Nonce string to inject into script tag if one provided. This is used in CSP (Content Security Policy).
var _styleNonce = _root && _root.CSPSettings && _root.CSPSettings.nonce;
var _themeState = initializeThemeState();
/**
* Matches theming tokens. For example, "[theme: themeSlotName, default: #FFF]" (including the quotes).
*/
// tslint:disable-next-line:max-line-length
var _themeTokenRegex = /[\'\"]\[theme:\s*(\w+)\s*(?:\,\s*default:\s*([\\"\']?[\.\,\(\)\#\-\s\w]*[\.\,\(\)\#\-\w][\"\']?))?\s*\][\'\"]/g;
/** Maximum style text length, for supporting IE style restrictions. */
var MAX_STYLE_CONTENT_SIZE = 10000;
var now = function () { return (typeof performance !== 'undefined' && !!performance.now) ? performance.now() : Date.now(); };
function measure(func) {
var start = now();
func();
var end = now();
_themeState.perf.duration += end - start;
}
/**
* initialize global state object
*/
function initializeThemeState() {
var state = _root.__themeState__ || {
theme: undefined,
lastStyleElement: undefined,
registeredStyles: []
};
if (!state.runState) {
state = __assign({}, (state), { perf: {
count: 0,
duration: 0
}, runState: {
flushTimer: 0,
mode: 0 /* sync */,
buffer: []
} });
}
if (!state.registeredThemableStyles) {
state = __assign({}, (state), { registeredThemableStyles: [] });
}
_root.__themeState__ = state;
return state;
}
/**
* Loads a set of style text. If it is registered too early, we will register it when the window.load
* event is fired.
* @param {string | ThemableArray} styles Themable style text to register.
* @param {boolean} loadAsync When true, always load styles in async mode, irrespective of current sync mode.
*/
function loadStyles(styles, loadAsync) {
if (loadAsync === void 0) { loadAsync = false; }
measure(function () {
var styleParts = Array.isArray(styles) ? styles : splitStyles(styles);
if (_injectStylesWithCssText === undefined) {
_injectStylesWithCssText = shouldUseCssText();
}
var _a = _themeState.runState, mode = _a.mode, buffer = _a.buffer, flushTimer = _a.flushTimer;
if (loadAsync || mode === 1 /* async */) {
buffer.push(styleParts);
if (!flushTimer) {
_themeState.runState.flushTimer = asyncLoadStyles();
}
}
else {
applyThemableStyles(styleParts);
}
});
}
exports.loadStyles = loadStyles;
/**
* Allows for customizable loadStyles logic. e.g. for server side rendering application
* @param {(processedStyles: string, rawStyles?: string | ThemableArray) => void}
* a loadStyles callback that gets called when styles are loaded or reloaded
*/
function configureLoadStyles(loadStylesFn) {
_themeState.loadStyles = loadStylesFn;
}
exports.configureLoadStyles = configureLoadStyles;
/**
* Configure run mode of load-themable-styles
* @param mode load-themable-styles run mode, async or sync
*/
function configureRunMode(mode) {
_themeState.runState.mode = mode;
}
exports.configureRunMode = configureRunMode;
/**
* external code can call flush to synchronously force processing of currently buffered styles
*/
function flush() {
measure(function () {
var styleArrays = _themeState.runState.buffer.slice();
_themeState.runState.buffer = [];
var mergedStyleArray = [].concat.apply([], styleArrays);
if (mergedStyleArray.length > 0) {
applyThemableStyles(mergedStyleArray);
}
});
}
exports.flush = flush;
/**
* register async loadStyles
*/
function asyncLoadStyles() {
return setTimeout(function () {
_themeState.runState.flushTimer = 0;
flush();
}, 0);
}
/**
* Loads a set of style text. If it is registered too early, we will register it when the window.load event
* is fired.
* @param {string} styleText Style to register.
* @param {IStyleRecord} styleRecord Existing style record to re-apply.
*/
function applyThemableStyles(stylesArray, styleRecord) {
if (_themeState.loadStyles) {
_themeState.loadStyles(resolveThemableArray(stylesArray).styleString, stylesArray);
}
else {
_injectStylesWithCssText ?
registerStylesIE(stylesArray, styleRecord) :
registerStyles(stylesArray);
}
}
/**
* Registers a set theme tokens to find and replace. If styles were already registered, they will be
* replaced.
* @param {theme} theme JSON object of theme tokens to values.
*/
function loadTheme(theme) {
_themeState.theme = theme;
// reload styles.
reloadStyles();
}
exports.loadTheme = loadTheme;
/**
* Clear already registered style elements and style records in theme_State object
* @param option - specify which group of registered styles should be cleared.
* Default to be both themable and non-themable styles will be cleared
*/
function clearStyles(option) {
if (option === void 0) { option = 3 /* all */; }
if (option === 3 /* all */ || option === 2 /* onlyNonThemable */) {
clearStylesInternal(_themeState.registeredStyles);
_themeState.registeredStyles = [];
}
if (option === 3 /* all */ || option === 1 /* onlyThemable */) {
clearStylesInternal(_themeState.registeredThemableStyles);
_themeState.registeredThemableStyles = [];
}
}
exports.clearStyles = clearStyles;
function clearStylesInternal(records) {
records.forEach(function (styleRecord) {
var styleElement = styleRecord && styleRecord.styleElement;
if (styleElement && styleElement.parentElement) {
styleElement.parentElement.removeChild(styleElement);
}
});
}
/**
* Reloads styles.
*/
function reloadStyles() {
if (_themeState.theme) {
var themableStyles = [];
for (var _i = 0, _a = _themeState.registeredThemableStyles; _i < _a.length; _i++) {
var styleRecord = _a[_i];
themableStyles.push(styleRecord.themableStyle);
}
if (themableStyles.length > 0) {
clearStyles(1 /* onlyThemable */);
applyThemableStyles([].concat.apply([], themableStyles));
}
}
}
/**
* Find theme tokens and replaces them with provided theme values.
* @param {string} styles Tokenized styles to fix.
*/
function detokenize(styles) {
if (styles) {
styles = resolveThemableArray(splitStyles(styles)).styleString;
}
return styles;
}
exports.detokenize = detokenize;
/**
* Resolves ThemingInstruction objects in an array and joins the result into a string.
* @param {ThemableArray} splitStyleArray ThemableArray to resolve and join.
*/
function resolveThemableArray(splitStyleArray) {
var theme = _themeState.theme;
var themable = false;
// Resolve the array of theming instructions to an array of strings.
// Then join the array to produce the final CSS string.
var resolvedArray = (splitStyleArray || []).map(function (currentValue) {
var themeSlot = currentValue.theme;
if (themeSlot) {
themable = true;
// A theming annotation. Resolve it.
var themedValue = theme ? theme[themeSlot] : undefined;
var defaultValue = currentValue.defaultValue || 'inherit';
// Warn to console if we hit an unthemed value even when themes are provided, but only if "DEBUG" is true.
// Allow the themedValue to be undefined to explicitly request the default value.
if (theme && !themedValue && console && !(themeSlot in theme) && typeof DEBUG !== 'undefined' && DEBUG) {
console.warn("Theming value not provided for \"" + themeSlot + "\". Falling back to \"" + defaultValue + "\".");
}
return themedValue || defaultValue;
}
else {
// A non-themable string. Preserve it.
return currentValue.rawString;
}
});
return {
styleString: resolvedArray.join(''),
themable: themable
};
}
/**
* Split tokenized CSS into an array of strings and theme specification objects
* @param {string} styles Tokenized styles to split.
*/
function splitStyles(styles) {
var result = [];
if (styles) {
var pos = 0; // Current position in styles.
var tokenMatch = void 0; // tslint:disable-line:no-null-keyword
while (tokenMatch = _themeTokenRegex.exec(styles)) {
var matchIndex = tokenMatch.index;
if (matchIndex > pos) {
result.push({
rawString: styles.substring(pos, matchIndex)
});
}
result.push({
theme: tokenMatch[1],
defaultValue: tokenMatch[2] // May be undefined
});
// index of the first character after the current match
pos = _themeTokenRegex.lastIndex;
}
// Push the rest of the string after the last match.
result.push({
rawString: styles.substring(pos)
});
}
return result;
}
exports.splitStyles = splitStyles;
/**
* Registers a set of style text. If it is registered too early, we will register it when the
* window.load event is fired.
* @param {ThemableArray} styleArray Array of IThemingInstruction objects to register.
* @param {IStyleRecord} styleRecord May specify a style Element to update.
*/
function registerStyles(styleArray) {
if (typeof document === 'undefined') {
return;
}
var head = document.getElementsByTagName('head')[0];
var styleElement = document.createElement('style');
var _a = resolveThemableArray(styleArray), styleString = _a.styleString, themable = _a.themable;
styleElement.type = 'text/css';
if (_styleNonce) {
styleElement.setAttribute('nonce', _styleNonce);
}
styleElement.appendChild(document.createTextNode(styleString));
_themeState.perf.count++;
head.appendChild(styleElement);
var record = {
styleElement: styleElement,
themableStyle: styleArray
};
if (themable) {
_themeState.registeredThemableStyles.push(record);
}
else {
_themeState.registeredStyles.push(record);
}
}
/**
* Registers a set of style text, for IE 9 and below, which has a ~30 style element limit so we need
* to register slightly differently.
* @param {ThemableArray} styleArray Array of IThemingInstruction objects to register.
* @param {IStyleRecord} styleRecord May specify a style Element to update.
*/
function registerStylesIE(styleArray, styleRecord) {
if (typeof document === 'undefined') {
return;
}
var head = document.getElementsByTagName('head')[0];
var registeredStyles = _themeState.registeredStyles;
var lastStyleElement = _themeState.lastStyleElement;
var stylesheet = lastStyleElement ? lastStyleElement.styleSheet : undefined;
var lastStyleContent = stylesheet ? stylesheet.cssText : '';
var lastRegisteredStyle = registeredStyles[registeredStyles.length - 1];
var resolvedStyleText = resolveThemableArray(styleArray).styleString;
if (!lastStyleElement || (lastStyleContent.length + resolvedStyleText.length) > MAX_STYLE_CONTENT_SIZE) {
lastStyleElement = document.createElement('style');
lastStyleElement.type = 'text/css';
if (styleRecord) {
head.replaceChild(lastStyleElement, styleRecord.styleElement);
styleRecord.styleElement = lastStyleElement;
}
else {
head.appendChild(lastStyleElement);
}
if (!styleRecord) {
lastRegisteredStyle = {
styleElement: lastStyleElement,
themableStyle: styleArray
};
registeredStyles.push(lastRegisteredStyle);
}
}
lastStyleElement.styleSheet.cssText += detokenize(resolvedStyleText);
Array.prototype.push.apply(lastRegisteredStyle.themableStyle, styleArray); // concat in-place
// Preserve the theme state.
_themeState.lastStyleElement = lastStyleElement;
}
/**
* Checks to see if styleSheet exists as a property off of a style element.
* This will determine if style registration should be done via cssText (<= IE9) or not
*/
function shouldUseCssText() {
var useCSSText = false;
if (typeof document !== 'undefined') {
var emptyStyle = document.createElement('style');
emptyStyle.type = 'text/css';
useCSSText = !!emptyStyle.styleSheet;
}
return useCSSText;
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("../../node_modules/webpack/buildin/global.js")))
/***/ }),
/***/ "../../node_modules/tslib/tslib.es6.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__extends", function() { return __extends; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__assign", function() { return __assign; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__rest", function() { return __rest; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__decorate", function() { return __decorate; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__param", function() { return __param; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__metadata", function() { return __metadata; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__awaiter", function() { return __awaiter; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__generator", function() { return __generator; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__exportStar", function() { return __exportStar; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__values", function() { return __values; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__read", function() { return __read; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spread", function() { return __spread; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spreadArrays", function() { return __spreadArrays; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__await", function() { return __await; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncGenerator", function() { return __asyncGenerator; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncDelegator", function() { return __asyncDelegator; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncValues", function() { return __asyncValues; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__makeTemplateObject", function() { return __makeTemplateObject; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__importStar", function() { return __importStar; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__importDefault", function() { return __importDefault; });
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
}
return __assign.apply(this, arguments);
}
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __param(paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); }
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
}
function __awaiter(thisArg, _arguments, P, generator) {
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
}
function __exportStar(m, exports) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
function __values(o) {
var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
if (m) return m.call(o);
return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
}
function __read(o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
}
function __spread() {
for (var ar = [], i = 0; i < arguments.length; i++)
ar = ar.concat(__read(arguments[i]));
return ar;
}
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
function __await(v) {
return this instanceof __await ? (this.v = v, this) : new __await(v);
}
function __asyncGenerator(thisArg, _arguments, generator) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var g = generator.apply(thisArg, _arguments || []), i, q = [];
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
function fulfill(value) { resume("next", value); }
function reject(value) { resume("throw", value); }
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
}
function __asyncDelegator(o) {
var i, p;
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
}
function __asyncValues(o) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var m = o[Symbol.asyncIterator], i;
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
function __importStar(mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result.default = mod;
return result;
}
function __importDefault(mod) {
return (mod && mod.__esModule) ? mod : { default: mod };
}
/***/ }),
/***/ "../../node_modules/webpack/buildin/global.js":
/***/ (function(module, exports) {
var g;
// This works in non-strict mode
g = (function() {
return this;
})();
try {
// This works if eval is allowed (see CSP)
g = g || new Function("return this")();
} catch (e) {
// This works if the window reference is available
if (typeof window === "object") g = window;
}
// g can still be undefined, but nothing to do about it...
// We return undefined, instead of nothing here, so it's
// easier to handle this case. if(!global) { ...}
module.exports = g;
/***/ }),
/***/ "../example-data/lib/facepile.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "facepilePersonas", function() { return facepilePersonas; });
/* harmony import */ var _testImages__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../example-data/lib/testImages.js");
/**
* For use in this package only.
* Mirror of PersonaInitialsColor avoid a circular dependency.
* If the real enum changes and this one starts causing compiler errors, update it.
* @internal
*/
var PersonaInitialsColor;
(function (PersonaInitialsColor) {
PersonaInitialsColor[PersonaInitialsColor["lightBlue"] = 0] = "lightBlue";
PersonaInitialsColor[PersonaInitialsColor["blue"] = 1] = "blue";
PersonaInitialsColor[PersonaInitialsColor["darkBlue"] = 2] = "darkBlue";
PersonaInitialsColor[PersonaInitialsColor["teal"] = 3] = "teal";
PersonaInitialsColor[PersonaInitialsColor["lightGreen"] = 4] = "lightGreen";
PersonaInitialsColor[PersonaInitialsColor["green"] = 5] = "green";
PersonaInitialsColor[PersonaInitialsColor["darkGreen"] = 6] = "darkGreen";
PersonaInitialsColor[PersonaInitialsColor["lightPink"] = 7] = "lightPink";
PersonaInitialsColor[PersonaInitialsColor["pink"] = 8] = "pink";
PersonaInitialsColor[PersonaInitialsColor["magenta"] = 9] = "magenta";
PersonaInitialsColor[PersonaInitialsColor["purple"] = 10] = "purple";
PersonaInitialsColor[PersonaInitialsColor["black"] = 11] = "black";
PersonaInitialsColor[PersonaInitialsColor["orange"] = 12] = "orange";
PersonaInitialsColor[PersonaInitialsColor["red"] = 13] = "red";
PersonaInitialsColor[PersonaInitialsColor["darkRed"] = 14] = "darkRed";
PersonaInitialsColor[PersonaInitialsColor["transparent"] = 15] = "transparent";
PersonaInitialsColor[PersonaInitialsColor["violet"] = 16] = "violet";
PersonaInitialsColor[PersonaInitialsColor["lightRed"] = 17] = "lightRed";
PersonaInitialsColor[PersonaInitialsColor["gold"] = 18] = "gold";
PersonaInitialsColor[PersonaInitialsColor["burgundy"] = 19] = "burgundy";
PersonaInitialsColor[PersonaInitialsColor["warmGray"] = 20] = "warmGray";
PersonaInitialsColor[PersonaInitialsColor["coolGray"] = 21] = "coolGray";
PersonaInitialsColor[PersonaInitialsColor["gray"] = 22] = "gray";
PersonaInitialsColor[PersonaInitialsColor["cyan"] = 23] = "cyan";
PersonaInitialsColor[PersonaInitialsColor["rust"] = 24] = "rust";
})(PersonaInitialsColor || (PersonaInitialsColor = {}));
/** @internal */
var facepilePersonas = [
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
personaName: 'Annie Lindqvist',
data: '50%'
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
personaName: 'Aaron Reid',
data: '$1,000'
},
{
personaName: 'Alex Lundberg',
data: '75%',
onClick: function (ev, persona) {
return alert('You clicked on ' + persona.personaName + '. Extra data: ' + persona.data);
}
},
{
personaName: 'Roko Kolar',
data: '4 hrs'
},
{
imageInitials: 'CB',
personaName: 'Christian Bergqvist',
initialsColor: PersonaInitialsColor.green,
data: '25%'
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Valentina Lovric',
initialsColor: PersonaInitialsColor.lightBlue,
data: 'Emp1234',
onClick: function (ev, persona) {
return alert('You clicked on ' + persona.personaName + '. Extra data: ' + persona.data);
}
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Maor Sharett',
initialsColor: PersonaInitialsColor.lightGreen
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'PV',
personaName: 'Annie Lindqvist2',
initialsColor: PersonaInitialsColor.lightPink
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'AR',
personaName: 'Aaron Reid2',
initialsColor: PersonaInitialsColor.magenta,
data: 'Emp1234',
onClick: function (ev, persona) {
return alert('You clicked on ' + persona.personaName + '. Extra data: ' + persona.data);
}
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'AL',
personaName: 'Alex Lundberg2',
initialsColor: PersonaInitialsColor.orange
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'RK',
personaName: 'Roko Kolar2',
initialsColor: PersonaInitialsColor.pink
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'CB',
personaName: 'Christian Bergqvist2',
initialsColor: PersonaInitialsColor.purple
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Valentina Lovric2',
initialsColor: PersonaInitialsColor.red
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Maor Sharett2',
initialsColor: PersonaInitialsColor.teal
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Another A Name',
initialsColor: PersonaInitialsColor.blue
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Another A Name (So Many A names!)',
initialsColor: PersonaInitialsColor.darkBlue
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Another Anecdotal A Name',
initialsColor: PersonaInitialsColor.darkGreen
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Anerobic A Name',
initialsColor: PersonaInitialsColor.darkRed
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Aerobic A Name',
initialsColor: PersonaInitialsColor.green
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Maor Sharett2',
initialsColor: PersonaInitialsColor.lightBlue
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Valentina Lovric2',
initialsColor: PersonaInitialsColor.lightGreen
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Maor Sharett2',
initialsColor: PersonaInitialsColor.lightPink
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
personaName: 'Valentina Lovric2',
initialsColor: PersonaInitialsColor.magenta
},
{
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
personaName: 'Maor Sharett2',
initialsColor: PersonaInitialsColor.orange
}
];
/***/ }),
/***/ "../example-data/lib/index.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _facepile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../example-data/lib/facepile.js");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "facepilePersonas", function() { return _facepile__WEBPACK_IMPORTED_MODULE_0__["facepilePersonas"]; });
/* harmony import */ var _listItems__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../example-data/lib/listItems.js");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createListItems", function() { return _listItems__WEBPACK_IMPORTED_MODULE_1__["createListItems"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createGroups", function() { return _listItems__WEBPACK_IMPORTED_MODULE_1__["createGroups"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isGroupable", function() { return _listItems__WEBPACK_IMPORTED_MODULE_1__["isGroupable"]; });
/* harmony import */ var _lorem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../example-data/lib/lorem.js");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lorem", function() { return _lorem__WEBPACK_IMPORTED_MODULE_2__["lorem"]; });
/* harmony import */ var _people__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../example-data/lib/people.js");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "people", function() { return _people__WEBPACK_IMPORTED_MODULE_3__["people"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mru", function() { return _people__WEBPACK_IMPORTED_MODULE_3__["mru"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "groupOne", function() { return _people__WEBPACK_IMPORTED_MODULE_3__["groupOne"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "groupTwo", function() { return _people__WEBPACK_IMPORTED_MODULE_3__["groupTwo"]; });
/* harmony import */ var _testImages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../example-data/lib/testImages.js");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TestImages", function() { return _testImages__WEBPACK_IMPORTED_MODULE_4__["TestImages"]; });
/**
* @packageDocumentation
* This package is for use in Fabric examples and tests only. It's considered internal, so APIs
* are subject to change without notice. (The only reason it uses api-extractor is so the types
* can easily be added to the live example editor.)
*/
/***/ }),
/***/ "../example-data/lib/listItems.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createListItems", function() { return createListItems; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createGroups", function() { return createGroups; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isGroupable", function() { return isGroupable; });
/* harmony import */ var _lorem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../example-data/lib/lorem.js");
var DATA = {
color: ['red', 'blue', 'green', 'yellow'],
shape: ['circle', 'square', 'triangle'],
location: ['Seattle', 'New York', 'Chicago', 'Los Angeles', 'Portland']
};
/** @internal */
function createListItems(count, startIndex) {
if (startIndex === void 0) { startIndex = 0; }
return Array.apply(null, Array(count)).map(function (item, index) {
var size = 150 + Math.round(Math.random() * 100);
return {
thumbnail: "//placehold.it/" + size + "x" + size,
key: 'item-' + (index + startIndex) + ' ' + Object(_lorem__WEBPACK_IMPORTED_MODULE_0__["lorem"])(4),
name: Object(_lorem__WEBPACK_IMPORTED_MODULE_0__["lorem"])(5),
description: Object(_lorem__WEBPACK_IMPORTED_MODULE_0__["lorem"])(10 + Math.round(Math.random() * 50)),
color: _randWord(DATA.color),
shape: _randWord(DATA.shape),
location: _randWord(DATA.location),
width: size,
height: size
};
});
}
/** @internal */
function createGroups(groupCount, groupDepth, startIndex, itemsPerGroup, level, key, isCollapsed) {
if (level === void 0) { level = 0; }
if (key === void 0) { key = ''; }
if (key !== '') {
key = key + '-';
}
var count = Math.pow(itemsPerGroup, groupDepth);
return Array.apply(null, Array(groupCount)).map(function (value, index) {
return {
count: count,
key: 'group' + key + index,
name: 'group ' + key + index,
startIndex: index * count + startIndex,
level: level,
isCollapsed: isCollapsed,
children: groupDepth > 1 ? createGroups(groupCount, groupDepth - 1, index * count + startIndex, itemsPerGroup, level + 1, key + index) : []
};
});
}
/** @internal */
function isGroupable(key) {
return key === 'color' || key === 'shape' || key === 'location';
}
function _randWord(array) {
var index = Math.floor(Math.random() * array.length);
return array[index];
}
/***/ }),
/***/ "../example-data/lib/lorem.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lorem", function() { return lorem; });
var LOREM_IPSUM = ('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ' +
'labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut ' +
'aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore ' +
'eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt ' +
'mollit anim id est laborum').split(' ');
/** @internal */
function lorem(wordCount) {
return Array.apply(null, Array(wordCount))
.map(function (item, idx) {
return LOREM_IPSUM[idx % LOREM_IPSUM.length];
})
.join(' ');
}
/***/ }),
/***/ "../example-data/lib/people.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "people", function() { return people; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mru", function() { return mru; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "groupOne", function() { return groupOne; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "groupTwo", function() { return groupTwo; });
/* harmony import */ var _testImages__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../example-data/lib/testImages.js");
/**
* For use in this package only.
* Mirror of PersonaPresence avoid a circular dependency.
* If the real enum changes and this one starts causing compiler errors, update it.
* @internal
*/
var PersonaPresence;
(function (PersonaPresence) {
PersonaPresence[PersonaPresence["none"] = 0] = "none";
PersonaPresence[PersonaPresence["offline"] = 1] = "offline";
PersonaPresence[PersonaPresence["online"] = 2] = "online";
PersonaPresence[PersonaPresence["away"] = 3] = "away";
PersonaPresence[PersonaPresence["dnd"] = 4] = "dnd";
PersonaPresence[PersonaPresence["blocked"] = 5] = "blocked";
PersonaPresence[PersonaPresence["busy"] = 6] = "busy";
})(PersonaPresence || (PersonaPresence = {}));
/** Sample people and groups @internal */
var people = [
{
key: 1,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'PV',
text: 'Annie Lindqvist',
secondaryText: 'Designer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.online
},
{
key: 2,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'AR',
text: 'Aaron Reid',
secondaryText: 'Designer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.busy
},
{
key: 3,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'AL',
text: 'Alex Lundberg',
secondaryText: 'Software Developer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.dnd
},
{
key: 4,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'RK',
text: 'Roko Kolar',
secondaryText: 'Financial Analyst',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.offline
},
{
key: 5,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'CB',
text: 'Christian Bergqvist',
secondaryText: 'Sr. Designer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.online
},
{
key: 6,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'VL',
text: 'Valentina Lovric',
secondaryText: 'Design Developer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.online
},
{
key: 7,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'MS',
text: 'Maor Sharett',
secondaryText: 'UX Designer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.away
},
{
key: 8,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaFemale,
imageInitials: 'PV',
text: 'Anny Lindqvist',
secondaryText: 'Designer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.busy
},
{
key: 9,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'AR',
text: 'Aron Reid',
secondaryText: 'Designer',
tertiaryText: 'In a meeting',
optionalText: 'Available at 4:00pm',
isValid: true,
presence: PersonaPresence.dnd
},
{
key: 10,
imageUrl: _testImages__WEBPACK_IMPORTED_MODULE_0__["TestImages"].personaMale,
imageInitials: 'AL',
text: 'Alix Lundberg',
secondaryText: '