D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
self
/
root
/
var
/
softaculous
/
sitepad
/
editor
/
site-inc
/
js
/
dist
/
Filename :
components.js
back
Copy
this["wp"] = this["wp"] || {}; this["wp"]["components"] = /******/ (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 = 304); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["element"]; }()); /***/ }), /* 1 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["i18n"]; }()); /***/ }), /* 2 */ /***/ (function(module, exports) { (function() { module.exports = this["lodash"]; }()); /***/ }), /* 3 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _assertThisInitialized; }); function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } /***/ }), /* 4 */, /* 5 */, /* 6 */, /* 7 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["compose"]; }()); /***/ }), /* 8 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectSpread; }); /* harmony import */ var _defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { Object(_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(target, key, source[key]); }); } return target; } /***/ }), /* 9 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _createClass; }); 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); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } /***/ }), /* 10 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _classCallCheck; }); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /***/ }), /* 11 */, /* 12 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _possibleConstructorReturn; }); /* harmony import */ var _helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); /* harmony import */ var _assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); function _possibleConstructorReturn(self, call) { if (call && (Object(_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(call) === "object" || typeof call === "function")) { return call; } return Object(_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(self); } /***/ }), /* 13 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _getPrototypeOf; }); function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /***/ }), /* 14 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _inherits; }); function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } /***/ }), /* 15 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _defineProperty; }); function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } /***/ }), /* 16 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["keycodes"]; }()); /***/ }), /* 17 */ /***/ (function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! Copyright (c) 2017 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ /* global define */ (function () { 'use strict'; var hasOwn = {}.hasOwnProperty; function classNames () { var classes = []; for (var i = 0; i < arguments.length; i++) { var arg = arguments[i]; if (!arg) continue; var argType = typeof arg; if (argType === 'string' || argType === 'number') { classes.push(arg); } else if (Array.isArray(arg) && arg.length) { var inner = classNames.apply(null, arg); if (inner) { classes.push(inner); } } else if (argType === 'object') { for (var key in arg) { if (hasOwn.call(arg, key) && arg[key]) { classes.push(key); } } } } return classes.join(' '); } if ( true && module.exports) { classNames.default = classNames; module.exports = classNames; } else if (true) { // register as 'classnames', consistent with npm package name !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { return classNames; }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); } else {} }()); /***/ }), /* 18 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _extends; }); function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /***/ }), /* 19 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } } // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js var iterableToArray = __webpack_require__(33); // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); } // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _toConsumableArray; }); function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || Object(iterableToArray["a" /* default */])(arr) || _nonIterableSpread(); } /***/ }), /* 20 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["richText"]; }()); /***/ }), /* 21 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutProperties; }); function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } /***/ }), /* 22 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["dom"]; }()); /***/ }), /* 23 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["hooks"]; }()); /***/ }), /* 24 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["url"]; }()); /***/ }), /* 25 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js var arrayWithHoles = __webpack_require__(35); // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js function _iterableToArrayLimit(arr, i) { 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"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js var nonIterableRest = __webpack_require__(36); // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _slicedToArray; }); function _slicedToArray(arr, i) { return Object(arrayWithHoles["a" /* default */])(arr) || _iterableToArrayLimit(arr, i) || Object(nonIterableRest["a" /* default */])(); } /***/ }), /* 26 */ /***/ (function(module, exports) { (function() { module.exports = this["React"]; }()); /***/ }), /* 27 */ /***/ (function(module, exports) { (function() { module.exports = this["moment"]; }()); /***/ }), /* 28 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _typeof; }); function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); } function _typeof(obj) { if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") { _typeof = function _typeof(obj) { return _typeof2(obj); }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj); }; } return _typeof(obj); } /***/ }), /* 29 */ /***/ (function(module, exports, __webpack_require__) { /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ if (false) { var throwOnDirectAccess, isValidElement, REACT_ELEMENT_TYPE; } else { // By explicitly using `prop-types` you are opting into new production behavior. // http://fb.me/prop-types-in-prod module.exports = __webpack_require__(109)(); } /***/ }), /* 30 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["apiFetch"]; }()); /***/ }), /* 31 */, /* 32 */, /* 33 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _iterableToArray; }); function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); } /***/ }), /* 34 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var DISPLAY_FORMAT = exports.DISPLAY_FORMAT = 'L'; var ISO_FORMAT = exports.ISO_FORMAT = 'YYYY-MM-DD'; var ISO_MONTH_FORMAT = exports.ISO_MONTH_FORMAT = 'YYYY-MM'; var START_DATE = exports.START_DATE = 'startDate'; var END_DATE = exports.END_DATE = 'endDate'; var HORIZONTAL_ORIENTATION = exports.HORIZONTAL_ORIENTATION = 'horizontal'; var VERTICAL_ORIENTATION = exports.VERTICAL_ORIENTATION = 'vertical'; var VERTICAL_SCROLLABLE = exports.VERTICAL_SCROLLABLE = 'verticalScrollable'; var ICON_BEFORE_POSITION = exports.ICON_BEFORE_POSITION = 'before'; var ICON_AFTER_POSITION = exports.ICON_AFTER_POSITION = 'after'; var INFO_POSITION_TOP = exports.INFO_POSITION_TOP = 'top'; var INFO_POSITION_BOTTOM = exports.INFO_POSITION_BOTTOM = 'bottom'; var INFO_POSITION_BEFORE = exports.INFO_POSITION_BEFORE = 'before'; var INFO_POSITION_AFTER = exports.INFO_POSITION_AFTER = 'after'; var ANCHOR_LEFT = exports.ANCHOR_LEFT = 'left'; var ANCHOR_RIGHT = exports.ANCHOR_RIGHT = 'right'; var OPEN_DOWN = exports.OPEN_DOWN = 'down'; var OPEN_UP = exports.OPEN_UP = 'up'; var DAY_SIZE = exports.DAY_SIZE = 39; var BLOCKED_MODIFIER = exports.BLOCKED_MODIFIER = 'blocked'; var WEEKDAYS = exports.WEEKDAYS = [0, 1, 2, 3, 4, 5, 6]; var FANG_WIDTH_PX = exports.FANG_WIDTH_PX = 20; var FANG_HEIGHT_PX = exports.FANG_HEIGHT_PX = 10; var DEFAULT_VERTICAL_SPACING = exports.DEFAULT_VERTICAL_SPACING = 22; var MODIFIER_KEY_NAMES = exports.MODIFIER_KEY_NAMES = new Set(['Shift', 'Control', 'Alt', 'Meta']); /***/ }), /* 35 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayWithHoles; }); function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /***/ }), /* 36 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _nonIterableRest; }); function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } /***/ }), /* 37 */, /* 38 */, /* 39 */ /***/ (function(module, exports, __webpack_require__) { module.exports = true ? __webpack_require__(229) : undefined; /***/ }), /* 40 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["isShallowEqual"]; }()); /***/ }), /* 41 */, /* 42 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var defineProperties = __webpack_require__(63); var implementation = __webpack_require__(141); var getPolyfill = __webpack_require__(142); var shim = __webpack_require__(225); var polyfill = getPolyfill(); defineProperties(polyfill, { getPolyfill: getPolyfill, implementation: implementation, shim: shim }); module.exports = polyfill; /***/ }), /* 43 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var calendarLabel = 'Calendar'; var closeDatePicker = 'Close'; var focusStartDate = 'Interact with the calendar and add the check-in date for your trip.'; var clearDate = 'Clear Date'; var clearDates = 'Clear Dates'; var jumpToPrevMonth = 'Move backward to switch to the previous month.'; var jumpToNextMonth = 'Move forward to switch to the next month.'; var keyboardShortcuts = 'Keyboard Shortcuts'; var showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.'; var hideKeyboardShortcutsPanel = 'Close the shortcuts panel.'; var openThisPanel = 'Open this panel.'; var enterKey = 'Enter key'; var leftArrowRightArrow = 'Right and left arrow keys'; var upArrowDownArrow = 'up and down arrow keys'; var pageUpPageDown = 'page up and page down keys'; var homeEnd = 'Home and end keys'; var escape = 'Escape key'; var questionMark = 'Question mark'; var selectFocusedDate = 'Select the date in focus.'; var moveFocusByOneDay = 'Move backward (left) and forward (right) by one day.'; var moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.'; var moveFocusByOneMonth = 'Switch months.'; var moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.'; var returnFocusToInput = 'Return to the date input field.'; var keyboardNavigationInstructions = 'Press the down arrow key to interact with the calendar and\n select a date. Press the question mark key to get the keyboard shortcuts for changing dates.'; var chooseAvailableStartDate = function chooseAvailableStartDate(_ref) { var date = _ref.date; return 'Choose ' + String(date) + ' as your check-in date. It\u2019s available.'; }; var chooseAvailableEndDate = function chooseAvailableEndDate(_ref2) { var date = _ref2.date; return 'Choose ' + String(date) + ' as your check-out date. It\u2019s available.'; }; var chooseAvailableDate = function chooseAvailableDate(_ref3) { var date = _ref3.date; return date; }; var dateIsUnavailable = function dateIsUnavailable(_ref4) { var date = _ref4.date; return 'Not available. ' + String(date); }; var dateIsSelected = function dateIsSelected(_ref5) { var date = _ref5.date; return 'Selected. ' + String(date); }; exports['default'] = { calendarLabel: calendarLabel, closeDatePicker: closeDatePicker, focusStartDate: focusStartDate, clearDate: clearDate, clearDates: clearDates, jumpToPrevMonth: jumpToPrevMonth, jumpToNextMonth: jumpToNextMonth, keyboardShortcuts: keyboardShortcuts, showKeyboardShortcutsPanel: showKeyboardShortcutsPanel, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, openThisPanel: openThisPanel, enterKey: enterKey, leftArrowRightArrow: leftArrowRightArrow, upArrowDownArrow: upArrowDownArrow, pageUpPageDown: pageUpPageDown, homeEnd: homeEnd, escape: escape, questionMark: questionMark, selectFocusedDate: selectFocusedDate, moveFocusByOneDay: moveFocusByOneDay, moveFocusByOneWeek: moveFocusByOneWeek, moveFocusByOneMonth: moveFocusByOneMonth, moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek, returnFocusToInput: returnFocusToInput, keyboardNavigationInstructions: keyboardNavigationInstructions, chooseAvailableStartDate: chooseAvailableStartDate, chooseAvailableEndDate: chooseAvailableEndDate, dateIsUnavailable: dateIsUnavailable, dateIsSelected: dateIsSelected }; var DateRangePickerPhrases = exports.DateRangePickerPhrases = { calendarLabel: calendarLabel, closeDatePicker: closeDatePicker, clearDates: clearDates, focusStartDate: focusStartDate, jumpToPrevMonth: jumpToPrevMonth, jumpToNextMonth: jumpToNextMonth, keyboardShortcuts: keyboardShortcuts, showKeyboardShortcutsPanel: showKeyboardShortcutsPanel, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, openThisPanel: openThisPanel, enterKey: enterKey, leftArrowRightArrow: leftArrowRightArrow, upArrowDownArrow: upArrowDownArrow, pageUpPageDown: pageUpPageDown, homeEnd: homeEnd, escape: escape, questionMark: questionMark, selectFocusedDate: selectFocusedDate, moveFocusByOneDay: moveFocusByOneDay, moveFocusByOneWeek: moveFocusByOneWeek, moveFocusByOneMonth: moveFocusByOneMonth, moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek, returnFocusToInput: returnFocusToInput, keyboardNavigationInstructions: keyboardNavigationInstructions, chooseAvailableStartDate: chooseAvailableStartDate, chooseAvailableEndDate: chooseAvailableEndDate, dateIsUnavailable: dateIsUnavailable, dateIsSelected: dateIsSelected }; var DateRangePickerInputPhrases = exports.DateRangePickerInputPhrases = { focusStartDate: focusStartDate, clearDates: clearDates, keyboardNavigationInstructions: keyboardNavigationInstructions }; var SingleDatePickerPhrases = exports.SingleDatePickerPhrases = { calendarLabel: calendarLabel, closeDatePicker: closeDatePicker, clearDate: clearDate, jumpToPrevMonth: jumpToPrevMonth, jumpToNextMonth: jumpToNextMonth, keyboardShortcuts: keyboardShortcuts, showKeyboardShortcutsPanel: showKeyboardShortcutsPanel, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, openThisPanel: openThisPanel, enterKey: enterKey, leftArrowRightArrow: leftArrowRightArrow, upArrowDownArrow: upArrowDownArrow, pageUpPageDown: pageUpPageDown, homeEnd: homeEnd, escape: escape, questionMark: questionMark, selectFocusedDate: selectFocusedDate, moveFocusByOneDay: moveFocusByOneDay, moveFocusByOneWeek: moveFocusByOneWeek, moveFocusByOneMonth: moveFocusByOneMonth, moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek, returnFocusToInput: returnFocusToInput, keyboardNavigationInstructions: keyboardNavigationInstructions, chooseAvailableDate: chooseAvailableDate, dateIsUnavailable: dateIsUnavailable, dateIsSelected: dateIsSelected }; var SingleDatePickerInputPhrases = exports.SingleDatePickerInputPhrases = { clearDate: clearDate, keyboardNavigationInstructions: keyboardNavigationInstructions }; var DayPickerPhrases = exports.DayPickerPhrases = { calendarLabel: calendarLabel, jumpToPrevMonth: jumpToPrevMonth, jumpToNextMonth: jumpToNextMonth, keyboardShortcuts: keyboardShortcuts, showKeyboardShortcutsPanel: showKeyboardShortcutsPanel, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, openThisPanel: openThisPanel, enterKey: enterKey, leftArrowRightArrow: leftArrowRightArrow, upArrowDownArrow: upArrowDownArrow, pageUpPageDown: pageUpPageDown, homeEnd: homeEnd, escape: escape, questionMark: questionMark, selectFocusedDate: selectFocusedDate, moveFocusByOneDay: moveFocusByOneDay, moveFocusByOneWeek: moveFocusByOneWeek, moveFocusByOneMonth: moveFocusByOneMonth, moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek, returnFocusToInput: returnFocusToInput, chooseAvailableStartDate: chooseAvailableStartDate, chooseAvailableEndDate: chooseAvailableEndDate, chooseAvailableDate: chooseAvailableDate, dateIsUnavailable: dateIsUnavailable, dateIsSelected: dateIsSelected }; var DayPickerKeyboardShortcutsPhrases = exports.DayPickerKeyboardShortcutsPhrases = { keyboardShortcuts: keyboardShortcuts, showKeyboardShortcutsPanel: showKeyboardShortcutsPanel, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, openThisPanel: openThisPanel, enterKey: enterKey, leftArrowRightArrow: leftArrowRightArrow, upArrowDownArrow: upArrowDownArrow, pageUpPageDown: pageUpPageDown, homeEnd: homeEnd, escape: escape, questionMark: questionMark, selectFocusedDate: selectFocusedDate, moveFocusByOneDay: moveFocusByOneDay, moveFocusByOneWeek: moveFocusByOneWeek, moveFocusByOneMonth: moveFocusByOneMonth, moveFocustoStartAndEndOfWeek: moveFocustoStartAndEndOfWeek, returnFocusToInput: returnFocusToInput }; var DayPickerNavigationPhrases = exports.DayPickerNavigationPhrases = { jumpToPrevMonth: jumpToPrevMonth, jumpToNextMonth: jumpToNextMonth }; var CalendarDayPhrases = exports.CalendarDayPhrases = { chooseAvailableDate: chooseAvailableDate, dateIsUnavailable: dateIsUnavailable, dateIsSelected: dateIsSelected }; /***/ }), /* 44 */ /***/ (function(module, exports) { (function() { module.exports = this["wp"]["a11y"]; }()); /***/ }), /* 45 */ /***/ (function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__;// TinyColor v1.4.1 // https://github.com/bgrins/TinyColor // Brian Grinstead, MIT License (function(Math) { var trimLeft = /^\s+/, trimRight = /\s+$/, tinyCounter = 0, mathRound = Math.round, mathMin = Math.min, mathMax = Math.max, mathRandom = Math.random; function tinycolor (color, opts) { color = (color) ? color : ''; opts = opts || { }; // If input is already a tinycolor, return itself if (color instanceof tinycolor) { return color; } // If we are called as a function, call using new instead if (!(this instanceof tinycolor)) { return new tinycolor(color, opts); } var rgb = inputToRGB(color); this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = mathRound(100*this._a) / 100, this._format = opts.format || rgb.format; this._gradientType = opts.gradientType; // Don't let the range of [0,255] come back in [0,1]. // Potentially lose a little bit of precision here, but will fix issues where // .5 gets interpreted as half of the total, instead of half of 1 // If it was supposed to be 128, this was already taken care of by `inputToRgb` if (this._r < 1) { this._r = mathRound(this._r); } if (this._g < 1) { this._g = mathRound(this._g); } if (this._b < 1) { this._b = mathRound(this._b); } this._ok = rgb.ok; this._tc_id = tinyCounter++; } tinycolor.prototype = { isDark: function() { return this.getBrightness() < 128; }, isLight: function() { return !this.isDark(); }, isValid: function() { return this._ok; }, getOriginalInput: function() { return this._originalInput; }, getFormat: function() { return this._format; }, getAlpha: function() { return this._a; }, getBrightness: function() { //http://www.w3.org/TR/AERT#color-contrast var rgb = this.toRgb(); return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; }, getLuminance: function() { //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef var rgb = this.toRgb(); var RsRGB, GsRGB, BsRGB, R, G, B; RsRGB = rgb.r/255; GsRGB = rgb.g/255; BsRGB = rgb.b/255; if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); }, setAlpha: function(value) { this._a = boundAlpha(value); this._roundA = mathRound(100*this._a) / 100; return this; }, toHsv: function() { var hsv = rgbToHsv(this._r, this._g, this._b); return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; }, toHsvString: function() { var hsv = rgbToHsv(this._r, this._g, this._b); var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); return (this._a == 1) ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; }, toHsl: function() { var hsl = rgbToHsl(this._r, this._g, this._b); return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; }, toHslString: function() { var hsl = rgbToHsl(this._r, this._g, this._b); var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); return (this._a == 1) ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; }, toHex: function(allow3Char) { return rgbToHex(this._r, this._g, this._b, allow3Char); }, toHexString: function(allow3Char) { return '#' + this.toHex(allow3Char); }, toHex8: function(allow4Char) { return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); }, toHex8String: function(allow4Char) { return '#' + this.toHex8(allow4Char); }, toRgb: function() { return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; }, toRgbString: function() { return (this._a == 1) ? "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; }, toPercentageRgb: function() { return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; }, toPercentageRgbString: function() { return (this._a == 1) ? "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; }, toName: function() { if (this._a === 0) { return "transparent"; } if (this._a < 1) { return false; } return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; }, toFilter: function(secondColor) { var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); var secondHex8String = hex8String; var gradientType = this._gradientType ? "GradientType = 1, " : ""; if (secondColor) { var s = tinycolor(secondColor); secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); } return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; }, toString: function(format) { var formatSet = !!format; format = format || this._format; var formattedString = false; var hasAlpha = this._a < 1 && this._a >= 0; var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); if (needsAlphaFormat) { // Special case for "transparent", all other non-alpha formats // will return rgba when there is transparency. if (format === "name" && this._a === 0) { return this.toName(); } return this.toRgbString(); } if (format === "rgb") { formattedString = this.toRgbString(); } if (format === "prgb") { formattedString = this.toPercentageRgbString(); } if (format === "hex" || format === "hex6") { formattedString = this.toHexString(); } if (format === "hex3") { formattedString = this.toHexString(true); } if (format === "hex4") { formattedString = this.toHex8String(true); } if (format === "hex8") { formattedString = this.toHex8String(); } if (format === "name") { formattedString = this.toName(); } if (format === "hsl") { formattedString = this.toHslString(); } if (format === "hsv") { formattedString = this.toHsvString(); } return formattedString || this.toHexString(); }, clone: function() { return tinycolor(this.toString()); }, _applyModification: function(fn, args) { var color = fn.apply(null, [this].concat([].slice.call(args))); this._r = color._r; this._g = color._g; this._b = color._b; this.setAlpha(color._a); return this; }, lighten: function() { return this._applyModification(lighten, arguments); }, brighten: function() { return this._applyModification(brighten, arguments); }, darken: function() { return this._applyModification(darken, arguments); }, desaturate: function() { return this._applyModification(desaturate, arguments); }, saturate: function() { return this._applyModification(saturate, arguments); }, greyscale: function() { return this._applyModification(greyscale, arguments); }, spin: function() { return this._applyModification(spin, arguments); }, _applyCombination: function(fn, args) { return fn.apply(null, [this].concat([].slice.call(args))); }, analogous: function() { return this._applyCombination(analogous, arguments); }, complement: function() { return this._applyCombination(complement, arguments); }, monochromatic: function() { return this._applyCombination(monochromatic, arguments); }, splitcomplement: function() { return this._applyCombination(splitcomplement, arguments); }, triad: function() { return this._applyCombination(triad, arguments); }, tetrad: function() { return this._applyCombination(tetrad, arguments); } }; // If input is an object, force 1 into "1.0" to handle ratios properly // String input requires "1.0" as input, so 1 will be treated as 1 tinycolor.fromRatio = function(color, opts) { if (typeof color == "object") { var newColor = {}; for (var i in color) { if (color.hasOwnProperty(i)) { if (i === "a") { newColor[i] = color[i]; } else { newColor[i] = convertToPercentage(color[i]); } } } color = newColor; } return tinycolor(color, opts); }; // Given a string or object, convert that input to RGB // Possible string inputs: // // "red" // "#f00" or "f00" // "#ff0000" or "ff0000" // "#ff000000" or "ff000000" // "rgb 255 0 0" or "rgb (255, 0, 0)" // "rgb 1.0 0 0" or "rgb (1, 0, 0)" // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" // function inputToRGB(color) { var rgb = { r: 0, g: 0, b: 0 }; var a = 1; var s = null; var v = null; var l = null; var ok = false; var format = false; if (typeof color == "string") { color = stringInputToObject(color); } if (typeof color == "object") { if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { rgb = rgbToRgb(color.r, color.g, color.b); ok = true; format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { s = convertToPercentage(color.s); v = convertToPercentage(color.v); rgb = hsvToRgb(color.h, s, v); ok = true; format = "hsv"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { s = convertToPercentage(color.s); l = convertToPercentage(color.l); rgb = hslToRgb(color.h, s, l); ok = true; format = "hsl"; } if (color.hasOwnProperty("a")) { a = color.a; } } a = boundAlpha(a); return { ok: ok, format: color.format || format, r: mathMin(255, mathMax(rgb.r, 0)), g: mathMin(255, mathMax(rgb.g, 0)), b: mathMin(255, mathMax(rgb.b, 0)), a: a }; } // Conversion Functions // -------------------- // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript> // `rgbToRgb` // Handle bounds / percentage checking to conform to CSS color spec // <http://www.w3.org/TR/css3-color/> // *Assumes:* r, g, b in [0, 255] or [0, 1] // *Returns:* { r, g, b } in [0, 255] function rgbToRgb(r, g, b){ return { r: bound01(r, 255) * 255, g: bound01(g, 255) * 255, b: bound01(b, 255) * 255 }; } // `rgbToHsl` // Converts an RGB color value to HSL. // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] // *Returns:* { h, s, l } in [0,1] function rgbToHsl(r, g, b) { r = bound01(r, 255); g = bound01(g, 255); b = bound01(b, 255); var max = mathMax(r, g, b), min = mathMin(r, g, b); var h, s, l = (max + min) / 2; if(max == min) { h = s = 0; // achromatic } else { var d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch(max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return { h: h, s: s, l: l }; } // `hslToRgb` // Converts an HSL color value to RGB. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] // *Returns:* { r, g, b } in the set [0, 255] function hslToRgb(h, s, l) { var r, g, b; h = bound01(h, 360); s = bound01(s, 100); l = bound01(l, 100); function hue2rgb(p, q, t) { if(t < 0) t += 1; if(t > 1) t -= 1; if(t < 1/6) return p + (q - p) * 6 * t; if(t < 1/2) return q; if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; return p; } if(s === 0) { r = g = b = l; // achromatic } else { var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1/3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1/3); } return { r: r * 255, g: g * 255, b: b * 255 }; } // `rgbToHsv` // Converts an RGB color value to HSV // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] // *Returns:* { h, s, v } in [0,1] function rgbToHsv(r, g, b) { r = bound01(r, 255); g = bound01(g, 255); b = bound01(b, 255); var max = mathMax(r, g, b), min = mathMin(r, g, b); var h, s, v = max; var d = max - min; s = max === 0 ? 0 : d / max; if(max == min) { h = 0; // achromatic } else { switch(max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return { h: h, s: s, v: v }; } // `hsvToRgb` // Converts an HSV color value to RGB. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] // *Returns:* { r, g, b } in the set [0, 255] function hsvToRgb(h, s, v) { h = bound01(h, 360) * 6; s = bound01(s, 100); v = bound01(v, 100); var i = Math.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod]; return { r: r * 255, g: g * 255, b: b * 255 }; } // `rgbToHex` // Converts an RGB color to hex // Assumes r, g, and b are contained in the set [0, 255] // Returns a 3 or 6 character hex function rgbToHex(r, g, b, allow3Char) { var hex = [ pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)) ]; // Return a 3 character hex if possible if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); } return hex.join(""); } // `rgbaToHex` // Converts an RGBA color plus alpha transparency to hex // Assumes r, g, b are contained in the set [0, 255] and // a in [0, 1]. Returns a 4 or 8 character rgba hex function rgbaToHex(r, g, b, a, allow4Char) { var hex = [ pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)), pad2(convertDecimalToHex(a)) ]; // Return a 4 character hex if possible if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); } return hex.join(""); } // `rgbaToArgbHex` // Converts an RGBA color to an ARGB Hex8 string // Rarely used, but required for "toFilter()" function rgbaToArgbHex(r, g, b, a) { var hex = [ pad2(convertDecimalToHex(a)), pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)) ]; return hex.join(""); } // `equals` // Can be called with any tinycolor input tinycolor.equals = function (color1, color2) { if (!color1 || !color2) { return false; } return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); }; tinycolor.random = function() { return tinycolor.fromRatio({ r: mathRandom(), g: mathRandom(), b: mathRandom() }); }; // Modification Functions // ---------------------- // Thanks to less.js for some of the basics here // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js> function desaturate(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.s -= amount / 100; hsl.s = clamp01(hsl.s); return tinycolor(hsl); } function saturate(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.s += amount / 100; hsl.s = clamp01(hsl.s); return tinycolor(hsl); } function greyscale(color) { return tinycolor(color).desaturate(100); } function lighten (color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.l += amount / 100; hsl.l = clamp01(hsl.l); return tinycolor(hsl); } function brighten(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var rgb = tinycolor(color).toRgb(); rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); return tinycolor(rgb); } function darken (color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.l -= amount / 100; hsl.l = clamp01(hsl.l); return tinycolor(hsl); } // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. // Values outside of this range will be wrapped into this range. function spin(color, amount) { var hsl = tinycolor(color).toHsl(); var hue = (hsl.h + amount) % 360; hsl.h = hue < 0 ? 360 + hue : hue; return tinycolor(hsl); } // Combination Functions // --------------------- // Thanks to jQuery xColor for some of the ideas behind these // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js> function complement(color) { var hsl = tinycolor(color).toHsl(); hsl.h = (hsl.h + 180) % 360; return tinycolor(hsl); } function triad(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) ]; } function tetrad(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) ]; } function splitcomplement(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) ]; } function analogous(color, results, slices) { results = results || 6; slices = slices || 30; var hsl = tinycolor(color).toHsl(); var part = 360 / slices; var ret = [tinycolor(color)]; for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { hsl.h = (hsl.h + part) % 360; ret.push(tinycolor(hsl)); } return ret; } function monochromatic(color, results) { results = results || 6; var hsv = tinycolor(color).toHsv(); var h = hsv.h, s = hsv.s, v = hsv.v; var ret = []; var modification = 1 / results; while (results--) { ret.push(tinycolor({ h: h, s: s, v: v})); v = (v + modification) % 1; } return ret; } // Utility Functions // --------------------- tinycolor.mix = function(color1, color2, amount) { amount = (amount === 0) ? 0 : (amount || 50); var rgb1 = tinycolor(color1).toRgb(); var rgb2 = tinycolor(color2).toRgb(); var p = amount / 100; var rgba = { r: ((rgb2.r - rgb1.r) * p) + rgb1.r, g: ((rgb2.g - rgb1.g) * p) + rgb1.g, b: ((rgb2.b - rgb1.b) * p) + rgb1.b, a: ((rgb2.a - rgb1.a) * p) + rgb1.a }; return tinycolor(rgba); }; // Readability Functions // --------------------- // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2) // `contrast` // Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2) tinycolor.readability = function(color1, color2) { var c1 = tinycolor(color1); var c2 = tinycolor(color2); return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05); }; // `isReadable` // Ensure that foreground and background color combinations meet WCAG2 guidelines. // The third argument is an optional Object. // the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA'; // the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'. // If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}. // *Example* // tinycolor.isReadable("#000", "#111") => false // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false tinycolor.isReadable = function(color1, color2, wcag2) { var readability = tinycolor.readability(color1, color2); var wcag2Parms, out; out = false; wcag2Parms = validateWCAG2Parms(wcag2); switch (wcag2Parms.level + wcag2Parms.size) { case "AAsmall": case "AAAlarge": out = readability >= 4.5; break; case "AAlarge": out = readability >= 3; break; case "AAAsmall": out = readability >= 7; break; } return out; }; // `mostReadable` // Given a base color and a list of possible foreground or background // colors for that base, returns the most readable color. // Optionally returns Black or White if the most readable color is unreadable. // *Example* // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" tinycolor.mostReadable = function(baseColor, colorList, args) { var bestColor = null; var bestScore = 0; var readability; var includeFallbackColors, level, size ; args = args || {}; includeFallbackColors = args.includeFallbackColors ; level = args.level; size = args.size; for (var i= 0; i < colorList.length ; i++) { readability = tinycolor.readability(baseColor, colorList[i]); if (readability > bestScore) { bestScore = readability; bestColor = tinycolor(colorList[i]); } } if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { return bestColor; } else { args.includeFallbackColors=false; return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); } }; // Big List of Colors // ------------------ // <http://www.w3.org/TR/css3-color/#svg-color> var names = tinycolor.names = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "0ff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "00f", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", burntsienna: "ea7e5d", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "0ff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "f0f", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "663399", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" }; // Make it easy to access colors via `hexNames[hex]` var hexNames = tinycolor.hexNames = flip(names); // Utilities // --------- // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` function flip(o) { var flipped = { }; for (var i in o) { if (o.hasOwnProperty(i)) { flipped[o[i]] = i; } } return flipped; } // Return a valid alpha value [0,1] with all invalid values being set to 1 function boundAlpha(a) { a = parseFloat(a); if (isNaN(a) || a < 0 || a > 1) { a = 1; } return a; } // Take input from [0, n] and return it as [0, 1] function bound01(n, max) { if (isOnePointZero(n)) { n = "100%"; } var processPercent = isPercentage(n); n = mathMin(max, mathMax(0, parseFloat(n))); // Automatically convert percentage into number if (processPercent) { n = parseInt(n * max, 10) / 100; } // Handle floating point rounding errors if ((Math.abs(n - max) < 0.000001)) { return 1; } // Convert into [0, 1] range if it isn't already return (n % max) / parseFloat(max); } // Force a number between 0 and 1 function clamp01(val) { return mathMin(1, mathMax(0, val)); } // Parse a base-16 hex value into a base-10 integer function parseIntFromHex(val) { return parseInt(val, 16); } // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0> function isOnePointZero(n) { return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; } // Check to see if string passed in is a percentage function isPercentage(n) { return typeof n === "string" && n.indexOf('%') != -1; } // Force a hex value to have 2 characters function pad2(c) { return c.length == 1 ? '0' + c : '' + c; } // Replace a decimal with it's percentage value function convertToPercentage(n) { if (n <= 1) { n = (n * 100) + "%"; } return n; } // Converts a decimal to a hex value function convertDecimalToHex(d) { return Math.round(parseFloat(d) * 255).toString(16); } // Converts a hex value to a decimal function convertHexToDecimal(h) { return (parseIntFromHex(h) / 255); } var matchers = (function() { // <http://www.w3.org/TR/css3-values/#integers> var CSS_INTEGER = "[-\\+]?\\d+%?"; // <http://www.w3.org/TR/css3-values/#number-value> var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; // Actual matching. // Parentheses and commas are optional, but not required. // Whitespace can take the place of commas or opening paren var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; return { CSS_UNIT: new RegExp(CSS_UNIT), rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ }; })(); // `isValidCSSUnit` // Take in a single string / number and check to see if it looks like a CSS unit // (see `matchers` above for definition). function isValidCSSUnit(color) { return !!matchers.CSS_UNIT.exec(color); } // `stringInputToObject` // Permissive string parsing. Take in a number of formats, and output an object // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` function stringInputToObject(color) { color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase(); var named = false; if (names[color]) { color = names[color]; named = true; } else if (color == 'transparent') { return { r: 0, g: 0, b: 0, a: 0, format: "name" }; } // Try to match string input using regular expressions. // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] // Just return an object and let the conversion functions handle that. // This way the result will be the same whether the tinycolor is initialized with string or object. var match; if ((match = matchers.rgb.exec(color))) { return { r: match[1], g: match[2], b: match[3] }; } if ((match = matchers.rgba.exec(color))) { return { r: match[1], g: match[2], b: match[3], a: match[4] }; } if ((match = matchers.hsl.exec(color))) { return { h: match[1], s: match[2], l: match[3] }; } if ((match = matchers.hsla.exec(color))) { return { h: match[1], s: match[2], l: match[3], a: match[4] }; } if ((match = matchers.hsv.exec(color))) { return { h: match[1], s: match[2], v: match[3] }; } if ((match = matchers.hsva.exec(color))) { return { h: match[1], s: match[2], v: match[3], a: match[4] }; } if ((match = matchers.hex8.exec(color))) { return { r: parseIntFromHex(match[1]), g: parseIntFromHex(match[2]), b: parseIntFromHex(match[3]), a: convertHexToDecimal(match[4]), format: named ? "name" : "hex8" }; } if ((match = matchers.hex6.exec(color))) { return { r: parseIntFromHex(match[1]), g: parseIntFromHex(match[2]), b: parseIntFromHex(match[3]), format: named ? "name" : "hex" }; } if ((match = matchers.hex4.exec(color))) { return { r: parseIntFromHex(match[1] + '' + match[1]), g: parseIntFromHex(match[2] + '' + match[2]), b: parseIntFromHex(match[3] + '' + match[3]), a: convertHexToDecimal(match[4] + '' + match[4]), format: named ? "name" : "hex8" }; } if ((match = matchers.hex3.exec(color))) { return { r: parseIntFromHex(match[1] + '' + match[1]), g: parseIntFromHex(match[2] + '' + match[2]), b: parseIntFromHex(match[3] + '' + match[3]), format: named ? "name" : "hex" }; } return false; } function validateWCAG2Parms(parms) { // return valid WCAG2 parms for isReadable. // If input parms are invalid, return {"level":"AA", "size":"small"} var level, size; parms = parms || {"level":"AA", "size":"small"}; level = (parms.level || "AA").toUpperCase(); size = (parms.size || "small").toLowerCase(); if (level !== "AA" && level !== "AAA") { level = "AA"; } if (size !== "small" && size !== "large") { size = "small"; } return {"level":level, "size":size}; } // Node: Export function if ( true && module.exports) { module.exports = tinycolor; } // AMD/requirejs: Define the module else if (true) { !(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {return tinycolor;}).call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); } // Browser: Expose to window else {} })(Math); /***/ }), /* 46 */, /* 47 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getPhrasePropTypes; var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function getPhrasePropTypes(defaultPhrases) { return Object.keys(defaultPhrases).reduce(function (phrases, key) { return (0, _object2['default'])({}, phrases, _defineProperty({}, key, _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].func, _propTypes2['default'].node]))); }, {}); } /***/ }), /* 48 */ /***/ (function(module, exports) { (function() { module.exports = this["ReactDOM"]; }()); /***/ }), /* 49 */, /* 50 */ /***/ (function(module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", { value: true }); exports.withStylesPropTypes = exports.css = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); exports.withStyles = withStyles; var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _hoistNonReactStatics = __webpack_require__(126); var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics); var _deepmerge = __webpack_require__(230); var _deepmerge2 = _interopRequireDefault(_deepmerge); var _constants = __webpack_require__(231); var _brcast = __webpack_require__(232); var _brcast2 = _interopRequireDefault(_brcast); var _ThemedStyleSheet = __webpack_require__(139); var _ThemedStyleSheet2 = _interopRequireDefault(_ThemedStyleSheet); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // Add some named exports to assist in upgrading and for convenience var css = exports.css = _ThemedStyleSheet2['default'].resolveLTR; var withStylesPropTypes = exports.withStylesPropTypes = { styles: _propTypes2['default'].object.isRequired, // eslint-disable-line react/forbid-prop-types theme: _propTypes2['default'].object.isRequired, // eslint-disable-line react/forbid-prop-types css: _propTypes2['default'].func.isRequired }; var EMPTY_STYLES = {}; var EMPTY_STYLES_FN = function EMPTY_STYLES_FN() { return EMPTY_STYLES; }; function baseClass(pureComponent) { if (pureComponent) { if (!_react2['default'].PureComponent) { throw new ReferenceError('withStyles() pureComponent option requires React 15.3.0 or later'); } return _react2['default'].PureComponent; } return _react2['default'].Component; } var contextTypes = _defineProperty({}, _constants.CHANNEL, _brcast2['default']); var defaultDirection = _constants.DIRECTIONS.LTR; function withStyles(styleFn) { var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, _ref$stylesPropName = _ref.stylesPropName, stylesPropName = _ref$stylesPropName === undefined ? 'styles' : _ref$stylesPropName, _ref$themePropName = _ref.themePropName, themePropName = _ref$themePropName === undefined ? 'theme' : _ref$themePropName, _ref$cssPropName = _ref.cssPropName, cssPropName = _ref$cssPropName === undefined ? 'css' : _ref$cssPropName, _ref$flushBefore = _ref.flushBefore, flushBefore = _ref$flushBefore === undefined ? false : _ref$flushBefore, _ref$pureComponent = _ref.pureComponent, pureComponent = _ref$pureComponent === undefined ? false : _ref$pureComponent; var styleDefLTR = void 0; var styleDefRTL = void 0; var currentThemeLTR = void 0; var currentThemeRTL = void 0; var BaseClass = baseClass(pureComponent); function getResolveMethod(direction) { return direction === _constants.DIRECTIONS.LTR ? _ThemedStyleSheet2['default'].resolveLTR : _ThemedStyleSheet2['default'].resolveRTL; } function getCurrentTheme(direction) { return direction === _constants.DIRECTIONS.LTR ? currentThemeLTR : currentThemeRTL; } function getStyleDef(direction, wrappedComponentName) { var currentTheme = getCurrentTheme(direction); var styleDef = direction === _constants.DIRECTIONS.LTR ? styleDefLTR : styleDefRTL; var registeredTheme = _ThemedStyleSheet2['default'].get(); // Return the existing styles if they've already been defined // and if the theme used to create them corresponds to the theme // registered with ThemedStyleSheet if (styleDef && currentTheme === registeredTheme) { return styleDef; } if (false) {} var isRTL = direction === _constants.DIRECTIONS.RTL; if (isRTL) { styleDefRTL = styleFn ? _ThemedStyleSheet2['default'].createRTL(styleFn) : EMPTY_STYLES_FN; currentThemeRTL = registeredTheme; styleDef = styleDefRTL; } else { styleDefLTR = styleFn ? _ThemedStyleSheet2['default'].createLTR(styleFn) : EMPTY_STYLES_FN; currentThemeLTR = registeredTheme; styleDef = styleDefLTR; } if (false) {} return styleDef; } function getState(direction, wrappedComponentName) { return { resolveMethod: getResolveMethod(direction), styleDef: getStyleDef(direction, wrappedComponentName) }; } return function () { function withStylesHOC(WrappedComponent) { var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component'; // NOTE: Use a class here so components are ref-able if need be: // eslint-disable-next-line react/prefer-stateless-function var WithStyles = function (_BaseClass) { _inherits(WithStyles, _BaseClass); function WithStyles(props, context) { _classCallCheck(this, WithStyles); var _this = _possibleConstructorReturn(this, (WithStyles.__proto__ || Object.getPrototypeOf(WithStyles)).call(this, props, context)); var direction = _this.context[_constants.CHANNEL] ? _this.context[_constants.CHANNEL].getState() : defaultDirection; _this.state = getState(direction, wrappedComponentName); return _this; } _createClass(WithStyles, [{ key: 'componentDidMount', value: function () { function componentDidMount() { var _this2 = this; if (this.context[_constants.CHANNEL]) { // subscribe to future direction changes this.channelUnsubscribe = this.context[_constants.CHANNEL].subscribe(function (direction) { _this2.setState(getState(direction, wrappedComponentName)); }); } } return componentDidMount; }() }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { if (this.channelUnsubscribe) { this.channelUnsubscribe(); } } return componentWillUnmount; }() }, { key: 'render', value: function () { function render() { var _ref2; // As some components will depend on previous styles in // the component tree, we provide the option of flushing the // buffered styles (i.e. to a style tag) **before** the rendering // cycle begins. // // The interfaces provide the optional "flush" method which // is run in turn by ThemedStyleSheet.flush. if (flushBefore) { _ThemedStyleSheet2['default'].flush(); } var _state = this.state, resolveMethod = _state.resolveMethod, styleDef = _state.styleDef; return _react2['default'].createElement(WrappedComponent, _extends({}, this.props, (_ref2 = {}, _defineProperty(_ref2, themePropName, _ThemedStyleSheet2['default'].get()), _defineProperty(_ref2, stylesPropName, styleDef()), _defineProperty(_ref2, cssPropName, resolveMethod), _ref2))); } return render; }() }]); return WithStyles; }(BaseClass); WithStyles.WrappedComponent = WrappedComponent; WithStyles.displayName = 'withStyles(' + String(wrappedComponentName) + ')'; WithStyles.contextTypes = contextTypes; if (WrappedComponent.propTypes) { WithStyles.propTypes = (0, _deepmerge2['default'])({}, WrappedComponent.propTypes); delete WithStyles.propTypes[stylesPropName]; delete WithStyles.propTypes[themePropName]; delete WithStyles.propTypes[cssPropName]; } if (WrappedComponent.defaultProps) { WithStyles.defaultProps = (0, _deepmerge2['default'])({}, WrappedComponent.defaultProps); } return (0, _hoistNonReactStatics2['default'])(WithStyles, WrappedComponent); } return withStylesHOC; }(); } /***/ }), /* 51 */ /***/ (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; /***/ }), /* 52 */, /* 53 */, /* 54 */, /* 55 */, /* 56 */ /***/ (function(module, exports, __webpack_require__) { var moment = __webpack_require__(27); var momentValidationWrapper = __webpack_require__(227); var core = __webpack_require__(228); module.exports = { momentObj : core.createMomentChecker( 'object', function(obj) { return typeof obj === 'object'; }, function isValid(value) { return momentValidationWrapper.isValidMoment(value); }, 'Moment' ), momentString : core.createMomentChecker( 'string', function(str) { return typeof str === 'string'; }, function isValid(value) { return momentValidationWrapper.isValidMoment(moment(value)); }, 'Moment' ), momentDurationObj : core.createMomentChecker( 'object', function(obj) { return typeof obj === 'object'; }, function isValid(value) { return moment.isDuration(value); }, 'Duration' ), }; /***/ }), /* 57 */ /***/ (function(module, exports, __webpack_require__) { var rng = __webpack_require__(77); var bytesToUuid = __webpack_require__(78); function v4(options, buf, offset) { var i = buf && offset || 0; if (typeof(options) == 'string') { buf = options === 'binary' ? new Array(16) : null; options = null; } options = options || {}; var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved` rnds[6] = (rnds[6] & 0x0f) | 0x40; rnds[8] = (rnds[8] & 0x3f) | 0x80; // Copy bytes to buffer, if provided if (buf) { for (var ii = 0; ii < 16; ++ii) { buf[i + ii] = rnds[ii]; } } return buf || bytesToUuid(rnds); } module.exports = v4; /***/ }), /* 58 */, /* 59 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(118); /***/ }), /* 60 */, /* 61 */, /* 62 */, /* 63 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var keys = __webpack_require__(127); var foreach = __webpack_require__(206); var hasSymbols = typeof Symbol === 'function' && typeof Symbol() === 'symbol'; var toStr = Object.prototype.toString; var isFunction = function (fn) { return typeof fn === 'function' && toStr.call(fn) === '[object Function]'; }; var arePropertyDescriptorsSupported = function () { var obj = {}; try { Object.defineProperty(obj, 'x', { enumerable: false, value: obj }); /* eslint-disable no-unused-vars, no-restricted-syntax */ for (var _ in obj) { return false; } /* eslint-enable no-unused-vars, no-restricted-syntax */ return obj.x === obj; } catch (e) { /* this is IE 8. */ return false; } }; var supportsDescriptors = Object.defineProperty && arePropertyDescriptorsSupported(); var defineProperty = function (object, name, value, predicate) { if (name in object && (!isFunction(predicate) || !predicate())) { return; } if (supportsDescriptors) { Object.defineProperty(object, name, { configurable: true, enumerable: false, value: value, writable: true }); } else { object[name] = value; } }; var defineProperties = function (object, map) { var predicates = arguments.length > 2 ? arguments[2] : {}; var props = keys(map); if (hasSymbols) { props = props.concat(Object.getOwnPropertySymbols(map)); } foreach(props, function (name) { defineProperty(object, name, map[name], predicates[name]); }); }; defineProperties.supportsDescriptors = !!supportsDescriptors; module.exports = defineProperties; /***/ }), /* 64 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf(_constants.WEEKDAYS); /***/ }), /* 65 */, /* 66 */, /* 67 */, /* 68 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var implementation = __webpack_require__(207); module.exports = Function.prototype.bind || implementation; /***/ }), /* 69 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @providesModule shallowCompare */ var shallowEqual = __webpack_require__(226); /** * Does a shallow comparison for props and state. * See ReactComponentWithPureRenderMixin * See also https://facebook.github.io/react/docs/shallow-compare.html */ function shallowCompare(instance, nextProps, nextState) { return ( !shallowEqual(instance.props, nextProps) || !shallowEqual(instance.state, nextState) ); } module.exports = shallowCompare; /***/ }), /* 70 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isSameDay; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isSameDay(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; // Compare least significant, most likely to change units first // Moment's isSame clones moment inputs and is a tad slow return a.date() === b.date() && a.month() === b.month() && a.year() === b.year(); } /***/ }), /* 71 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = toMomentObject; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function toMomentObject(dateString, customFormat) { var dateFormats = customFormat ? [customFormat, _constants.DISPLAY_FORMAT, _constants.ISO_FORMAT] : [_constants.DISPLAY_FORMAT, _constants.ISO_FORMAT]; var date = (0, _moment2['default'])(dateString, dateFormats, true); return date.isValid() ? date.hour(12) : null; } /***/ }), /* 72 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.HORIZONTAL_ORIENTATION, _constants.VERTICAL_ORIENTATION, _constants.VERTICAL_SCROLLABLE]); /***/ }), /* 73 */ /***/ (function(module, exports) { Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isTouchDevice; function isTouchDevice() { return !!(typeof window !== 'undefined' && ('ontouchstart' in window || window.DocumentTouch && typeof document !== 'undefined' && document instanceof window.DocumentTouch)) || !!(typeof navigator !== 'undefined' && (navigator.maxTouchPoints || navigator.msMaxTouchPoints)); } module.exports = exports['default']; /***/ }), /* 74 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.OPEN_DOWN, _constants.OPEN_UP]); /***/ }), /* 75 */, /* 76 */, /* 77 */ /***/ (function(module, exports) { // Unique ID creation requires a high quality random # generator. In the // browser this is a little complicated due to unknown quality of Math.random() // and inconsistent support for the `crypto` API. We do the best we can via // feature-detection // getRandomValues needs to be invoked in a context where "this" is a Crypto // implementation. Also, find the complete implementation of crypto on IE11. var getRandomValues = (typeof(crypto) != 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto)) || (typeof(msCrypto) != 'undefined' && typeof window.msCrypto.getRandomValues == 'function' && msCrypto.getRandomValues.bind(msCrypto)); if (getRandomValues) { // WHATWG crypto RNG - http://wiki.whatwg.org/wiki/Crypto var rnds8 = new Uint8Array(16); // eslint-disable-line no-undef module.exports = function whatwgRNG() { getRandomValues(rnds8); return rnds8; }; } else { // Math.random()-based (RNG) // // If all else fails, use Math.random(). It's fast, but is of unspecified // quality. var rnds = new Array(16); module.exports = function mathRNG() { for (var i = 0, r; i < 16; i++) { if ((i & 0x03) === 0) r = Math.random() * 0x100000000; rnds[i] = r >>> ((i & 0x03) << 3) & 0xff; } return rnds; }; } /***/ }), /* 78 */ /***/ (function(module, exports) { /** * Convert array of 16 byte values to UUID string format of the form: * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX */ var byteToHex = []; for (var i = 0; i < 256; ++i) { byteToHex[i] = (i + 0x100).toString(16).substr(1); } function bytesToUuid(buf, offset) { var i = offset || 0; var bth = byteToHex; // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4 return ([bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]]]).join(''); } module.exports = bytesToUuid; /***/ }), /* 79 */, /* 80 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.ICON_BEFORE_POSITION, _constants.ICON_AFTER_POSITION]); /***/ }), /* 81 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.INFO_POSITION_TOP, _constants.INFO_POSITION_BOTTOM, _constants.INFO_POSITION_BEFORE, _constants.INFO_POSITION_AFTER]); /***/ }), /* 82 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isInclusivelyAfterDay; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _isBeforeDay = __webpack_require__(83); var _isBeforeDay2 = _interopRequireDefault(_isBeforeDay); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isInclusivelyAfterDay(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; return !(0, _isBeforeDay2['default'])(a, b); } /***/ }), /* 83 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isBeforeDay; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isBeforeDay(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; var aYear = a.year(); var aMonth = a.month(); var bYear = b.year(); var bMonth = b.month(); var isSameYear = aYear === bYear; var isSameMonth = aMonth === bMonth; if (isSameYear && isSameMonth) return a.date() < b.date(); if (isSameYear) return aMonth < bMonth; return aYear < bYear; } /***/ }), /* 84 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var CloseButton = function () { function CloseButton(props) { return _react2['default'].createElement( 'svg', props, _react2['default'].createElement('path', { fillRule: 'evenodd', d: 'M11.53.47a.75.75 0 0 0-1.061 0l-4.47 4.47L1.529.47A.75.75 0 1 0 .468 1.531l4.47 4.47-4.47 4.47a.75.75 0 1 0 1.061 1.061l4.47-4.47 4.47 4.47a.75.75 0 1 0 1.061-1.061l-4.47-4.47 4.47-4.47a.75.75 0 0 0 0-1.061z' }) ); } return CloseButton; }(); CloseButton.defaultProps = { viewBox: '0 0 12 12' }; exports['default'] = CloseButton; /***/ }), /* 85 */, /* 86 */, /* 87 */, /* 88 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var bind = __webpack_require__(68); module.exports = bind.call(Function.call, Object.prototype.hasOwnProperty); /***/ }), /* 89 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } exports['default'] = (0, _airbnbPropTypes.and)([_propTypes2['default'].instanceOf(Set), function () { function modifiers(props, propName) { for (var _len = arguments.length, rest = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) { rest[_key - 2] = arguments[_key]; } var propValue = props[propName]; var firstError = void 0; [].concat(_toConsumableArray(propValue)).some(function (v, i) { var _PropTypes$string; var fakePropName = String(propName) + ': index ' + String(i); firstError = (_PropTypes$string = _propTypes2['default'].string).isRequired.apply(_PropTypes$string, [_defineProperty({}, fakePropName, v), fakePropName].concat(rest)); return firstError != null; }); return firstError == null ? null : firstError; } return modifiers; }()], 'Modifiers (Set of Strings)'); /***/ }), /* 90 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = toISODateString; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _toMomentObject = __webpack_require__(71); var _toMomentObject2 = _interopRequireDefault(_toMomentObject); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function toISODateString(date, currentFormat) { var dateObj = _moment2['default'].isMoment(date) ? date : (0, _toMomentObject2['default'])(date, currentFormat); if (!dateObj) return null; return dateObj.format(_constants.ISO_FORMAT); } /***/ }), /* 91 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addEventListener", function() { return addEventListener; }); var CAN_USE_DOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement); // Adapted from Modernizr // https://github.com/Modernizr/Modernizr/blob/acb3f0d9/feature-detects/dom/passiveeventlisteners.js#L26-L37 function testPassiveEventListeners() { if (!CAN_USE_DOM) { return false; } if (!window.addEventListener || !window.removeEventListener || !Object.defineProperty) { return false; } var supportsPassiveOption = false; try { var opts = Object.defineProperty({}, 'passive', { // eslint-disable-next-line getter-return get: function () { function get() { supportsPassiveOption = true; } return get; }() }); var noop = function noop() {}; window.addEventListener('testPassiveEventSupport', noop, opts); window.removeEventListener('testPassiveEventSupport', noop, opts); } catch (e) { // do nothing } return supportsPassiveOption; } var memoized = void 0; function canUsePassiveEventListeners() { if (memoized === undefined) { memoized = testPassiveEventListeners(); } return memoized; } function normalizeEventOptions(eventOptions) { if (!eventOptions) { return undefined; } if (!canUsePassiveEventListeners()) { // If the browser does not support the passive option, then it is expecting // a boolean for the options argument to specify whether it should use // capture or not. In more modern browsers, this is passed via the `capture` // option, so let's just hoist that value up. return !!eventOptions.capture; } return eventOptions; } /* eslint-disable no-bitwise */ /** * Generate a unique key for any set of event options */ function eventOptionsKey(normalizedEventOptions) { if (!normalizedEventOptions) { return 0; } // If the browser does not support passive event listeners, the normalized // event options will be a boolean. if (normalizedEventOptions === true) { return 100; } // At this point, the browser supports passive event listeners, so we expect // the event options to be an object with possible properties of capture, // passive, and once. // // We want to consistently return the same value, regardless of the order of // these properties, so let's use binary maths to assign each property to a // bit, and then add those together (with an offset to account for the // booleans at the beginning of this function). var capture = normalizedEventOptions.capture << 0; var passive = normalizedEventOptions.passive << 1; var once = normalizedEventOptions.once << 2; return capture + passive + once; } function ensureCanMutateNextEventHandlers(eventHandlers) { if (eventHandlers.handlers === eventHandlers.nextHandlers) { // eslint-disable-next-line no-param-reassign eventHandlers.nextHandlers = eventHandlers.handlers.slice(); } } function TargetEventHandlers(target) { this.target = target; this.events = {}; } TargetEventHandlers.prototype.getEventHandlers = function () { function getEventHandlers(eventName, options) { var key = String(eventName) + ' ' + String(eventOptionsKey(options)); if (!this.events[key]) { this.events[key] = { handlers: [], handleEvent: undefined }; this.events[key].nextHandlers = this.events[key].handlers; } return this.events[key]; } return getEventHandlers; }(); TargetEventHandlers.prototype.handleEvent = function () { function handleEvent(eventName, options, event) { var eventHandlers = this.getEventHandlers(eventName, options); eventHandlers.handlers = eventHandlers.nextHandlers; eventHandlers.handlers.forEach(function (handler) { if (handler) { // We need to check for presence here because a handler function may // cause later handlers to get removed. This can happen if you for // instance have a waypoint that unmounts another waypoint as part of an // onEnter/onLeave handler. handler(event); } }); } return handleEvent; }(); TargetEventHandlers.prototype.add = function () { function add(eventName, listener, options) { var _this = this; // options has already been normalized at this point. var eventHandlers = this.getEventHandlers(eventName, options); ensureCanMutateNextEventHandlers(eventHandlers); if (eventHandlers.nextHandlers.length === 0) { eventHandlers.handleEvent = this.handleEvent.bind(this, eventName, options); this.target.addEventListener(eventName, eventHandlers.handleEvent, options); } eventHandlers.nextHandlers.push(listener); var isSubscribed = true; var unsubscribe = function () { function unsubscribe() { if (!isSubscribed) { return; } isSubscribed = false; ensureCanMutateNextEventHandlers(eventHandlers); var index = eventHandlers.nextHandlers.indexOf(listener); eventHandlers.nextHandlers.splice(index, 1); if (eventHandlers.nextHandlers.length === 0) { // All event handlers have been removed, so we want to remove the event // listener from the target node. if (_this.target) { // There can be a race condition where the target may no longer exist // when this function is called, e.g. when a React component is // unmounting. Guarding against this prevents the following error: // // Cannot read property 'removeEventListener' of undefined _this.target.removeEventListener(eventName, eventHandlers.handleEvent, options); } eventHandlers.handleEvent = undefined; } } return unsubscribe; }(); return unsubscribe; } return add; }(); var EVENT_HANDLERS_KEY = '__consolidated_events_handlers__'; // eslint-disable-next-line import/prefer-default-export function addEventListener(target, eventName, listener, options) { if (!target[EVENT_HANDLERS_KEY]) { // eslint-disable-next-line no-param-reassign target[EVENT_HANDLERS_KEY] = new TargetEventHandlers(target); } var normalizedEventOptions = normalizeEventOptions(options); return target[EVENT_HANDLERS_KEY].add(eventName, listener, normalizedEventOptions); } /***/ }), /* 92 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = toISOMonthString; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _toMomentObject = __webpack_require__(71); var _toMomentObject2 = _interopRequireDefault(_toMomentObject); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function toISOMonthString(date, currentFormat) { var dateObj = _moment2['default'].isMoment(date) ? date : (0, _toMomentObject2['default'])(date, currentFormat); if (!dateObj) return null; return dateObj.format(_constants.ISO_MONTH_FORMAT); } /***/ }), /* 93 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOfType([_propTypes2['default'].bool, _propTypes2['default'].oneOf([_constants.START_DATE, _constants.END_DATE])]); /***/ }), /* 94 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isAfterDay; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _isBeforeDay = __webpack_require__(83); var _isBeforeDay2 = _interopRequireDefault(_isBeforeDay); var _isSameDay = __webpack_require__(70); var _isSameDay2 = _interopRequireDefault(_isSameDay); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isAfterDay(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; return !(0, _isBeforeDay2['default'])(a, b) && !(0, _isSameDay2['default'])(a, b); } /***/ }), /* 95 */, /* 96 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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 _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var hoistNonReactStatic = __webpack_require__(126); var React = __webpack_require__(26); var ReactDOM = __webpack_require__(48); module.exports = function enhanceWithClickOutside(WrappedComponent) { var componentName = WrappedComponent.displayName || WrappedComponent.name; var EnhancedComponent = function (_React$Component) { _inherits(EnhancedComponent, _React$Component); function EnhancedComponent(props) { _classCallCheck(this, EnhancedComponent); var _this = _possibleConstructorReturn(this, (EnhancedComponent.__proto__ || Object.getPrototypeOf(EnhancedComponent)).call(this, props)); _this.handleClickOutside = _this.handleClickOutside.bind(_this); return _this; } _createClass(EnhancedComponent, [{ key: 'componentDidMount', value: function componentDidMount() { document.addEventListener('click', this.handleClickOutside, true); } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { document.removeEventListener('click', this.handleClickOutside, true); } }, { key: 'handleClickOutside', value: function handleClickOutside(e) { var domNode = this.__domNode; if ((!domNode || !domNode.contains(e.target)) && this.__wrappedInstance && typeof this.__wrappedInstance.handleClickOutside === 'function') { this.__wrappedInstance.handleClickOutside(e); } } }, { key: 'render', value: function render() { var _this2 = this; var _props = this.props, wrappedRef = _props.wrappedRef, rest = _objectWithoutProperties(_props, ['wrappedRef']); return React.createElement(WrappedComponent, _extends({}, rest, { ref: function ref(c) { _this2.__wrappedInstance = c; _this2.__domNode = ReactDOM.findDOMNode(c); wrappedRef && wrappedRef(c); } })); } }]); return EnhancedComponent; }(React.Component); EnhancedComponent.displayName = 'clickOutside(' + componentName + ')'; return hoistNonReactStatic(EnhancedComponent, WrappedComponent); }; /***/ }), /* 97 */, /* 98 */, /* 99 */, /* 100 */, /* 101 */, /* 102 */, /* 103 */, /* 104 */, /* 105 */, /* 106 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var fnToStr = Function.prototype.toString; var constructorRegex = /^\s*class\b/; var isES6ClassFn = function isES6ClassFunction(value) { try { var fnStr = fnToStr.call(value); return constructorRegex.test(fnStr); } catch (e) { return false; // not a function } }; var tryFunctionObject = function tryFunctionToStr(value) { try { if (isES6ClassFn(value)) { return false; } fnToStr.call(value); return true; } catch (e) { return false; } }; var toStr = Object.prototype.toString; var fnClass = '[object Function]'; var genClass = '[object GeneratorFunction]'; var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol'; module.exports = function isCallable(value) { if (!value) { return false; } if (typeof value !== 'function' && typeof value !== 'object') { return false; } if (typeof value === 'function' && !value.prototype) { return true; } if (hasToStringTag) { return tryFunctionObject(value); } if (isES6ClassFn(value)) { return false; } var strClass = toStr.call(value); return strClass === fnClass || strClass === genClass; }; /***/ }), /* 107 */ /***/ (function(module, exports, __webpack_require__) { var bind = __webpack_require__(68); var has = bind.call(Function.call, Object.prototype.hasOwnProperty); var $assign = Object.assign; module.exports = function assign(target, source) { if ($assign) { return $assign(target, source); } for (var key in source) { if (has(source, key)) { target[key] = source[key]; } } return target; }; /***/ }), /* 108 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PureCalendarDay = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactAddonsShallowCompare = __webpack_require__(69); var _reactAddonsShallowCompare2 = _interopRequireDefault(_reactAddonsShallowCompare); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _getCalendarDaySettings = __webpack_require__(143); var _getCalendarDaySettings2 = _interopRequireDefault(_getCalendarDaySettings); var _ModifiersShape = __webpack_require__(89); var _ModifiersShape2 = _interopRequireDefault(_ModifiersShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { day: _reactMomentProptypes2['default'].momentObj, daySize: _airbnbPropTypes.nonNegativeInteger, isOutsideDay: _propTypes2['default'].bool, modifiers: _ModifiersShape2['default'], isFocused: _propTypes2['default'].bool, tabIndex: _propTypes2['default'].oneOf([0, -1]), onDayClick: _propTypes2['default'].func, onDayMouseEnter: _propTypes2['default'].func, onDayMouseLeave: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, ariaLabelFormat: _propTypes2['default'].string, // internationalization phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.CalendarDayPhrases)) })); var defaultProps = { day: (0, _moment2['default'])(), daySize: _constants.DAY_SIZE, isOutsideDay: false, modifiers: new Set(), isFocused: false, tabIndex: -1, onDayClick: function () { function onDayClick() {} return onDayClick; }(), onDayMouseEnter: function () { function onDayMouseEnter() {} return onDayMouseEnter; }(), onDayMouseLeave: function () { function onDayMouseLeave() {} return onDayMouseLeave; }(), renderDayContents: null, ariaLabelFormat: 'dddd, LL', // internationalization phrases: _defaultPhrases.CalendarDayPhrases }; var CalendarDay = function (_React$Component) { _inherits(CalendarDay, _React$Component); function CalendarDay() { var _ref; _classCallCheck(this, CalendarDay); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var _this = _possibleConstructorReturn(this, (_ref = CalendarDay.__proto__ || Object.getPrototypeOf(CalendarDay)).call.apply(_ref, [this].concat(args))); _this.setButtonRef = _this.setButtonRef.bind(_this); return _this; } _createClass(CalendarDay, [{ key: 'shouldComponentUpdate', value: function () { function shouldComponentUpdate(nextProps, nextState) { return (0, _reactAddonsShallowCompare2['default'])(this, nextProps, nextState); } return shouldComponentUpdate; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate(prevProps) { var _props = this.props, isFocused = _props.isFocused, tabIndex = _props.tabIndex; if (tabIndex === 0) { if (isFocused || tabIndex !== prevProps.tabIndex) { this.buttonRef.focus(); } } } return componentDidUpdate; }() }, { key: 'onDayClick', value: function () { function onDayClick(day, e) { var onDayClick = this.props.onDayClick; onDayClick(day, e); } return onDayClick; }() }, { key: 'onDayMouseEnter', value: function () { function onDayMouseEnter(day, e) { var onDayMouseEnter = this.props.onDayMouseEnter; onDayMouseEnter(day, e); } return onDayMouseEnter; }() }, { key: 'onDayMouseLeave', value: function () { function onDayMouseLeave(day, e) { var onDayMouseLeave = this.props.onDayMouseLeave; onDayMouseLeave(day, e); } return onDayMouseLeave; }() }, { key: 'onKeyDown', value: function () { function onKeyDown(day, e) { var onDayClick = this.props.onDayClick; var key = e.key; if (key === 'Enter' || key === ' ') { onDayClick(day, e); } } return onKeyDown; }() }, { key: 'setButtonRef', value: function () { function setButtonRef(ref) { this.buttonRef = ref; } return setButtonRef; }() }, { key: 'render', value: function () { function render() { var _this2 = this; var _props2 = this.props, day = _props2.day, ariaLabelFormat = _props2.ariaLabelFormat, daySize = _props2.daySize, isOutsideDay = _props2.isOutsideDay, modifiers = _props2.modifiers, renderDayContents = _props2.renderDayContents, tabIndex = _props2.tabIndex, styles = _props2.styles, phrases = _props2.phrases; if (!day) return _react2['default'].createElement('td', null); var _getCalendarDaySettin = (0, _getCalendarDaySettings2['default'])(day, ariaLabelFormat, daySize, modifiers, phrases), daySizeStyles = _getCalendarDaySettin.daySizeStyles, useDefaultCursor = _getCalendarDaySettin.useDefaultCursor, selected = _getCalendarDaySettin.selected, hoveredSpan = _getCalendarDaySettin.hoveredSpan, isOutsideRange = _getCalendarDaySettin.isOutsideRange, ariaLabel = _getCalendarDaySettin.ariaLabel; return _react2['default'].createElement( 'td', _extends({}, (0, _reactWithStyles.css)(styles.CalendarDay, useDefaultCursor && styles.CalendarDay__defaultCursor, styles.CalendarDay__default, isOutsideDay && styles.CalendarDay__outside, modifiers.has('today') && styles.CalendarDay__today, modifiers.has('first-day-of-week') && styles.CalendarDay__firstDayOfWeek, modifiers.has('last-day-of-week') && styles.CalendarDay__lastDayOfWeek, modifiers.has('hovered-offset') && styles.CalendarDay__hovered_offset, modifiers.has('highlighted-calendar') && styles.CalendarDay__highlighted_calendar, modifiers.has('blocked-minimum-nights') && styles.CalendarDay__blocked_minimum_nights, modifiers.has('blocked-calendar') && styles.CalendarDay__blocked_calendar, hoveredSpan && styles.CalendarDay__hovered_span, modifiers.has('selected-span') && styles.CalendarDay__selected_span, modifiers.has('last-in-range') && styles.CalendarDay__last_in_range, modifiers.has('selected-start') && styles.CalendarDay__selected_start, modifiers.has('selected-end') && styles.CalendarDay__selected_end, selected && styles.CalendarDay__selected, isOutsideRange && styles.CalendarDay__blocked_out_of_range, daySizeStyles), { role: 'button' // eslint-disable-line jsx-a11y/no-noninteractive-element-to-interactive-role , ref: this.setButtonRef, 'aria-label': ariaLabel, onMouseEnter: function () { function onMouseEnter(e) { _this2.onDayMouseEnter(day, e); } return onMouseEnter; }(), onMouseLeave: function () { function onMouseLeave(e) { _this2.onDayMouseLeave(day, e); } return onMouseLeave; }(), onMouseUp: function () { function onMouseUp(e) { e.currentTarget.blur(); } return onMouseUp; }(), onClick: function () { function onClick(e) { _this2.onDayClick(day, e); } return onClick; }(), onKeyDown: function () { function onKeyDown(e) { _this2.onKeyDown(day, e); } return onKeyDown; }(), tabIndex: tabIndex }), renderDayContents ? renderDayContents(day, modifiers) : day.format('D') ); } return render; }() }]); return CalendarDay; }(_react2['default'].Component); CalendarDay.propTypes = propTypes; CalendarDay.defaultProps = defaultProps; exports.PureCalendarDay = CalendarDay; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var _ref2$reactDates = _ref2.reactDates, color = _ref2$reactDates.color, font = _ref2$reactDates.font; return { CalendarDay: { boxSizing: 'border-box', cursor: 'pointer', fontSize: font.size, textAlign: 'center', ':active': { outline: 0 } }, CalendarDay__defaultCursor: { cursor: 'default' }, CalendarDay__default: { border: '1px solid ' + String(color.core.borderLight), color: color.text, background: color.background, ':hover': { background: color.core.borderLight, border: '1px double ' + String(color.core.borderLight), color: 'inherit' } }, CalendarDay__hovered_offset: { background: color.core.borderBright, border: '1px double ' + String(color.core.borderLight), color: 'inherit' }, CalendarDay__outside: { border: 0, background: color.outside.backgroundColor, color: color.outside.color, ':hover': { border: 0 } }, CalendarDay__blocked_minimum_nights: { background: color.minimumNights.backgroundColor, border: '1px solid ' + String(color.minimumNights.borderColor), color: color.minimumNights.color, ':hover': { background: color.minimumNights.backgroundColor_hover, color: color.minimumNights.color_active }, ':active': { background: color.minimumNights.backgroundColor_active, color: color.minimumNights.color_active } }, CalendarDay__highlighted_calendar: { background: color.highlighted.backgroundColor, color: color.highlighted.color, ':hover': { background: color.highlighted.backgroundColor_hover, color: color.highlighted.color_active }, ':active': { background: color.highlighted.backgroundColor_active, color: color.highlighted.color_active } }, CalendarDay__selected_span: { background: color.selectedSpan.backgroundColor, border: '1px solid ' + String(color.selectedSpan.borderColor), color: color.selectedSpan.color, ':hover': { background: color.selectedSpan.backgroundColor_hover, border: '1px solid ' + String(color.selectedSpan.borderColor), color: color.selectedSpan.color_active }, ':active': { background: color.selectedSpan.backgroundColor_active, border: '1px solid ' + String(color.selectedSpan.borderColor), color: color.selectedSpan.color_active } }, CalendarDay__last_in_range: { borderRight: color.core.primary }, CalendarDay__selected: { background: color.selected.backgroundColor, border: '1px solid ' + String(color.selected.borderColor), color: color.selected.color, ':hover': { background: color.selected.backgroundColor_hover, border: '1px solid ' + String(color.selected.borderColor), color: color.selected.color_active }, ':active': { background: color.selected.backgroundColor_active, border: '1px solid ' + String(color.selected.borderColor), color: color.selected.color_active } }, CalendarDay__hovered_span: { background: color.hoveredSpan.backgroundColor, border: '1px solid ' + String(color.hoveredSpan.borderColor), color: color.hoveredSpan.color, ':hover': { background: color.hoveredSpan.backgroundColor_hover, border: '1px solid ' + String(color.hoveredSpan.borderColor), color: color.hoveredSpan.color_active }, ':active': { background: color.hoveredSpan.backgroundColor_active, border: '1px solid ' + String(color.hoveredSpan.borderColor), color: color.hoveredSpan.color_active } }, CalendarDay__blocked_calendar: { background: color.blocked_calendar.backgroundColor, border: '1px solid ' + String(color.blocked_calendar.borderColor), color: color.blocked_calendar.color, ':hover': { background: color.blocked_calendar.backgroundColor_hover, border: '1px solid ' + String(color.blocked_calendar.borderColor), color: color.blocked_calendar.color_active }, ':active': { background: color.blocked_calendar.backgroundColor_active, border: '1px solid ' + String(color.blocked_calendar.borderColor), color: color.blocked_calendar.color_active } }, CalendarDay__blocked_out_of_range: { background: color.blocked_out_of_range.backgroundColor, border: '1px solid ' + String(color.blocked_out_of_range.borderColor), color: color.blocked_out_of_range.color, ':hover': { background: color.blocked_out_of_range.backgroundColor_hover, border: '1px solid ' + String(color.blocked_out_of_range.borderColor), color: color.blocked_out_of_range.color_active }, ':active': { background: color.blocked_out_of_range.backgroundColor_active, border: '1px solid ' + String(color.blocked_out_of_range.borderColor), color: color.blocked_out_of_range.color_active } }, CalendarDay__selected_start: {}, CalendarDay__selected_end: {}, CalendarDay__today: {}, CalendarDay__firstDayOfWeek: {}, CalendarDay__lastDayOfWeek: {} }; })(CalendarDay); /***/ }), /* 109 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ReactPropTypesSecret = __webpack_require__(110); function emptyFunction() {} module.exports = function() { function shim(props, propName, componentName, location, propFullName, secret) { if (secret === ReactPropTypesSecret) { // It is still safe when called from React. return; } var err = new Error( 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types' ); err.name = 'Invariant Violation'; throw err; }; shim.isRequired = shim; function getShim() { return shim; }; // Important! // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. var ReactPropTypes = { array: shim, bool: shim, func: shim, number: shim, object: shim, string: shim, symbol: shim, any: shim, arrayOf: getShim, element: shim, instanceOf: getShim, node: shim, objectOf: getShim, oneOf: getShim, oneOfType: getShim, shape: getShim, exact: getShim }; ReactPropTypes.checkPropTypes = emptyFunction; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; }; /***/ }), /* 110 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; module.exports = ReactPropTypesSecret; /***/ }), /* 111 */ /***/ (function(module, exports, __webpack_require__) { // eslint-disable-next-line import/no-unresolved module.exports = __webpack_require__(242); /***/ }), /* 112 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var define = __webpack_require__(63); var implementation = __webpack_require__(149); var getPolyfill = __webpack_require__(150); var shim = __webpack_require__(244); var polyfill = getPolyfill(); define(polyfill, { getPolyfill: getPolyfill, implementation: implementation, shim: shim }); module.exports = polyfill; /***/ }), /* 113 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getInputHeight; /* eslint-disable camelcase */ function getPadding(vertical, top, bottom) { var isTopDefined = typeof top === 'number'; var isBottomDefined = typeof bottom === 'number'; var isVerticalDefined = typeof vertical === 'number'; if (isTopDefined && isBottomDefined) { return top + bottom; } if (isTopDefined && isVerticalDefined) { return top + vertical; } if (isTopDefined) { return top; } if (isBottomDefined && isVerticalDefined) { return bottom + vertical; } if (isBottomDefined) { return bottom; } if (isVerticalDefined) { return 2 * vertical; } return 0; } function getInputHeight(_ref, small) { var _ref$font$input = _ref.font.input, lineHeight = _ref$font$input.lineHeight, lineHeight_small = _ref$font$input.lineHeight_small, _ref$spacing = _ref.spacing, inputPadding = _ref$spacing.inputPadding, displayTextPaddingVertical = _ref$spacing.displayTextPaddingVertical, displayTextPaddingTop = _ref$spacing.displayTextPaddingTop, displayTextPaddingBottom = _ref$spacing.displayTextPaddingBottom, displayTextPaddingVertical_small = _ref$spacing.displayTextPaddingVertical_small, displayTextPaddingTop_small = _ref$spacing.displayTextPaddingTop_small, displayTextPaddingBottom_small = _ref$spacing.displayTextPaddingBottom_small; var calcLineHeight = small ? lineHeight_small : lineHeight; var padding = small ? getPadding(displayTextPaddingVertical_small, displayTextPaddingTop_small, displayTextPaddingBottom_small) : getPadding(displayTextPaddingVertical, displayTextPaddingTop, displayTextPaddingBottom); return parseInt(calcLineHeight, 10) + 2 * inputPadding + padding; } /***/ }), /* 114 */ /***/ (function(module, exports) { /** * Checks if `value` is the * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an object, else `false`. * @example * * _.isObject({}); * // => true * * _.isObject([1, 2, 3]); * // => true * * _.isObject(_.noop); * // => true * * _.isObject(null); * // => false */ function isObject(value) { var type = typeof value; return value != null && (type == 'object' || type == 'function'); } module.exports = isObject; /***/ }), /* 115 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = toLocalizedDateString; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _toMomentObject = __webpack_require__(71); var _toMomentObject2 = _interopRequireDefault(_toMomentObject); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function toLocalizedDateString(date, currentFormat) { var dateObj = _moment2['default'].isMoment(date) ? date : (0, _toMomentObject2['default'])(date, currentFormat); if (!dateObj) return null; return dateObj.format(_constants.DISPLAY_FORMAT); } /***/ }), /* 116 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isDayVisible; var _isBeforeDay = __webpack_require__(83); var _isBeforeDay2 = _interopRequireDefault(_isBeforeDay); var _isAfterDay = __webpack_require__(94); var _isAfterDay2 = _interopRequireDefault(_isAfterDay); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isDayVisible(day, month, numberOfMonths, enableOutsideDays) { var firstDayOfFirstMonth = month.clone().startOf('month'); if (enableOutsideDays) firstDayOfFirstMonth = firstDayOfFirstMonth.startOf('week'); if ((0, _isBeforeDay2['default'])(day, firstDayOfFirstMonth)) return false; var lastDayOfLastMonth = month.clone().add(numberOfMonths - 1, 'months').endOf('month'); if (enableOutsideDays) lastDayOfLastMonth = lastDayOfLastMonth.endOf('week'); return !(0, _isAfterDay2['default'])(day, lastDayOfLastMonth); } /***/ }), /* 117 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PureDayPicker = exports.defaultProps = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactAddonsShallowCompare = __webpack_require__(69); var _reactAddonsShallowCompare2 = _interopRequireDefault(_reactAddonsShallowCompare); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _throttle = __webpack_require__(161); var _throttle2 = _interopRequireDefault(_throttle); var _isTouchDevice = __webpack_require__(73); var _isTouchDevice2 = _interopRequireDefault(_isTouchDevice); var _reactOutsideClickHandler = __webpack_require__(111); var _reactOutsideClickHandler2 = _interopRequireDefault(_reactOutsideClickHandler); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _CalendarMonthGrid = __webpack_require__(146); var _CalendarMonthGrid2 = _interopRequireDefault(_CalendarMonthGrid); var _DayPickerNavigation = __webpack_require__(255); var _DayPickerNavigation2 = _interopRequireDefault(_DayPickerNavigation); var _DayPickerKeyboardShortcuts = __webpack_require__(258); var _DayPickerKeyboardShortcuts2 = _interopRequireDefault(_DayPickerKeyboardShortcuts); var _getNumberOfCalendarMonthWeeks = __webpack_require__(260); var _getNumberOfCalendarMonthWeeks2 = _interopRequireDefault(_getNumberOfCalendarMonthWeeks); var _getCalendarMonthWidth = __webpack_require__(147); var _getCalendarMonthWidth2 = _interopRequireDefault(_getCalendarMonthWidth); var _calculateDimension = __webpack_require__(145); var _calculateDimension2 = _interopRequireDefault(_calculateDimension); var _getActiveElement = __webpack_require__(261); var _getActiveElement2 = _interopRequireDefault(_getActiveElement); var _isDayVisible = __webpack_require__(116); var _isDayVisible2 = _interopRequireDefault(_isDayVisible); var _ModifiersShape = __webpack_require__(89); var _ModifiersShape2 = _interopRequireDefault(_ModifiersShape); var _ScrollableOrientationShape = __webpack_require__(72); var _ScrollableOrientationShape2 = _interopRequireDefault(_ScrollableOrientationShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _CalendarInfoPositionShape = __webpack_require__(81); var _CalendarInfoPositionShape2 = _interopRequireDefault(_CalendarInfoPositionShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var MONTH_PADDING = 23; var PREV_TRANSITION = 'prev'; var NEXT_TRANSITION = 'next'; var MONTH_SELECTION_TRANSITION = 'month_selection'; var YEAR_SELECTION_TRANSITION = 'year_selection'; var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { // calendar presentation props enableOutsideDays: _propTypes2['default'].bool, numberOfMonths: _propTypes2['default'].number, orientation: _ScrollableOrientationShape2['default'], withPortal: _propTypes2['default'].bool, onOutsideClick: _propTypes2['default'].func, hidden: _propTypes2['default'].bool, initialVisibleMonth: _propTypes2['default'].func, firstDayOfWeek: _DayOfWeekShape2['default'], renderCalendarInfo: _propTypes2['default'].func, calendarInfoPosition: _CalendarInfoPositionShape2['default'], hideKeyboardShortcutsPanel: _propTypes2['default'].bool, daySize: _airbnbPropTypes.nonNegativeInteger, isRTL: _propTypes2['default'].bool, verticalHeight: _airbnbPropTypes.nonNegativeInteger, noBorder: _propTypes2['default'].bool, transitionDuration: _airbnbPropTypes.nonNegativeInteger, verticalBorderSpacing: _airbnbPropTypes.nonNegativeInteger, horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger, // navigation props navPrev: _propTypes2['default'].node, navNext: _propTypes2['default'].node, noNavButtons: _propTypes2['default'].bool, onPrevMonthClick: _propTypes2['default'].func, onNextMonthClick: _propTypes2['default'].func, onMonthChange: _propTypes2['default'].func, onYearChange: _propTypes2['default'].func, onMultiplyScrollableMonths: _propTypes2['default'].func, // VERTICAL_SCROLLABLE daypickers only // month props renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), // day props modifiers: _propTypes2['default'].objectOf(_propTypes2['default'].objectOf(_ModifiersShape2['default'])), renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, onDayClick: _propTypes2['default'].func, onDayMouseEnter: _propTypes2['default'].func, onDayMouseLeave: _propTypes2['default'].func, // accessibility props isFocused: _propTypes2['default'].bool, getFirstFocusableDay: _propTypes2['default'].func, onBlur: _propTypes2['default'].func, showKeyboardShortcuts: _propTypes2['default'].bool, // internationalization monthFormat: _propTypes2['default'].string, weekDayFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DayPickerPhrases)), dayAriaLabelFormat: _propTypes2['default'].string })); var defaultProps = exports.defaultProps = { // calendar presentation props enableOutsideDays: false, numberOfMonths: 2, orientation: _constants.HORIZONTAL_ORIENTATION, withPortal: false, onOutsideClick: function () { function onOutsideClick() {} return onOutsideClick; }(), hidden: false, initialVisibleMonth: function () { function initialVisibleMonth() { return (0, _moment2['default'])(); } return initialVisibleMonth; }(), firstDayOfWeek: null, renderCalendarInfo: null, calendarInfoPosition: _constants.INFO_POSITION_BOTTOM, hideKeyboardShortcutsPanel: false, daySize: _constants.DAY_SIZE, isRTL: false, verticalHeight: null, noBorder: false, transitionDuration: undefined, verticalBorderSpacing: undefined, horizontalMonthPadding: 13, // navigation props navPrev: null, navNext: null, noNavButtons: false, onPrevMonthClick: function () { function onPrevMonthClick() {} return onPrevMonthClick; }(), onNextMonthClick: function () { function onNextMonthClick() {} return onNextMonthClick; }(), onMonthChange: function () { function onMonthChange() {} return onMonthChange; }(), onYearChange: function () { function onYearChange() {} return onYearChange; }(), onMultiplyScrollableMonths: function () { function onMultiplyScrollableMonths() {} return onMultiplyScrollableMonths; }(), // month props renderMonthText: null, renderMonthElement: null, // day props modifiers: {}, renderCalendarDay: undefined, renderDayContents: null, onDayClick: function () { function onDayClick() {} return onDayClick; }(), onDayMouseEnter: function () { function onDayMouseEnter() {} return onDayMouseEnter; }(), onDayMouseLeave: function () { function onDayMouseLeave() {} return onDayMouseLeave; }(), // accessibility props isFocused: false, getFirstFocusableDay: null, onBlur: function () { function onBlur() {} return onBlur; }(), showKeyboardShortcuts: false, // internationalization monthFormat: 'MMMM YYYY', weekDayFormat: 'dd', phrases: _defaultPhrases.DayPickerPhrases, dayAriaLabelFormat: undefined }; var DayPicker = function (_React$Component) { _inherits(DayPicker, _React$Component); function DayPicker(props) { _classCallCheck(this, DayPicker); var _this = _possibleConstructorReturn(this, (DayPicker.__proto__ || Object.getPrototypeOf(DayPicker)).call(this, props)); var currentMonth = props.hidden ? (0, _moment2['default'])() : props.initialVisibleMonth(); var focusedDate = currentMonth.clone().startOf('month'); if (props.getFirstFocusableDay) { focusedDate = props.getFirstFocusableDay(currentMonth); } var horizontalMonthPadding = props.horizontalMonthPadding; var translationValue = props.isRTL && _this.isHorizontal() ? -(0, _getCalendarMonthWidth2['default'])(props.daySize, horizontalMonthPadding) : 0; _this.hasSetInitialVisibleMonth = !props.hidden; _this.state = { currentMonth: currentMonth, monthTransition: null, translationValue: translationValue, scrollableMonthMultiple: 1, calendarMonthWidth: (0, _getCalendarMonthWidth2['default'])(props.daySize, horizontalMonthPadding), focusedDate: !props.hidden || props.isFocused ? focusedDate : null, nextFocusedDate: null, showKeyboardShortcuts: props.showKeyboardShortcuts, onKeyboardShortcutsPanelClose: function () { function onKeyboardShortcutsPanelClose() {} return onKeyboardShortcutsPanelClose; }(), isTouchDevice: (0, _isTouchDevice2['default'])(), withMouseInteractions: true, calendarInfoWidth: 0, monthTitleHeight: null, hasSetHeight: false }; _this.setCalendarMonthWeeks(currentMonth); _this.calendarMonthGridHeight = 0; _this.setCalendarInfoWidthTimeout = null; _this.onKeyDown = _this.onKeyDown.bind(_this); _this.throttledKeyDown = (0, _throttle2['default'])(_this.onFinalKeyDown, 200, { trailing: false }); _this.onPrevMonthClick = _this.onPrevMonthClick.bind(_this); _this.onNextMonthClick = _this.onNextMonthClick.bind(_this); _this.onMonthChange = _this.onMonthChange.bind(_this); _this.onYearChange = _this.onYearChange.bind(_this); _this.multiplyScrollableMonths = _this.multiplyScrollableMonths.bind(_this); _this.updateStateAfterMonthTransition = _this.updateStateAfterMonthTransition.bind(_this); _this.openKeyboardShortcutsPanel = _this.openKeyboardShortcutsPanel.bind(_this); _this.closeKeyboardShortcutsPanel = _this.closeKeyboardShortcutsPanel.bind(_this); _this.setCalendarInfoRef = _this.setCalendarInfoRef.bind(_this); _this.setContainerRef = _this.setContainerRef.bind(_this); _this.setTransitionContainerRef = _this.setTransitionContainerRef.bind(_this); _this.setMonthTitleHeight = _this.setMonthTitleHeight.bind(_this); return _this; } _createClass(DayPicker, [{ key: 'componentDidMount', value: function () { function componentDidMount() { var currentMonth = this.state.currentMonth; if (this.calendarInfo) { this.setState({ isTouchDevice: (0, _isTouchDevice2['default'])(), calendarInfoWidth: (0, _calculateDimension2['default'])(this.calendarInfo, 'width', true, true) }); } else { this.setState({ isTouchDevice: (0, _isTouchDevice2['default'])() }); } this.setCalendarMonthWeeks(currentMonth); } return componentDidMount; }() }, { key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var hidden = nextProps.hidden, isFocused = nextProps.isFocused, showKeyboardShortcuts = nextProps.showKeyboardShortcuts, onBlur = nextProps.onBlur, renderMonthText = nextProps.renderMonthText, horizontalMonthPadding = nextProps.horizontalMonthPadding; var currentMonth = this.state.currentMonth; if (!hidden) { if (!this.hasSetInitialVisibleMonth) { this.hasSetInitialVisibleMonth = true; this.setState({ currentMonth: nextProps.initialVisibleMonth() }); } } var _props = this.props, daySize = _props.daySize, prevIsFocused = _props.isFocused, prevRenderMonthText = _props.renderMonthText; if (nextProps.daySize !== daySize) { this.setState({ calendarMonthWidth: (0, _getCalendarMonthWidth2['default'])(nextProps.daySize, horizontalMonthPadding) }); } if (isFocused !== prevIsFocused) { if (isFocused) { var focusedDate = this.getFocusedDay(currentMonth); var onKeyboardShortcutsPanelClose = this.state.onKeyboardShortcutsPanelClose; if (nextProps.showKeyboardShortcuts) { // the ? shortcut came from the input and we should return input there once it is close onKeyboardShortcutsPanelClose = onBlur; } this.setState({ showKeyboardShortcuts: showKeyboardShortcuts, onKeyboardShortcutsPanelClose: onKeyboardShortcutsPanelClose, focusedDate: focusedDate, withMouseInteractions: false }); } else { this.setState({ focusedDate: null }); } } if (renderMonthText !== prevRenderMonthText) { this.setState({ monthTitleHeight: null }); } } return componentWillReceiveProps; }() }, { key: 'shouldComponentUpdate', value: function () { function shouldComponentUpdate(nextProps, nextState) { return (0, _reactAddonsShallowCompare2['default'])(this, nextProps, nextState); } return shouldComponentUpdate; }() }, { key: 'componentWillUpdate', value: function () { function componentWillUpdate() { var _this2 = this; var transitionDuration = this.props.transitionDuration; // Calculating the dimensions trigger a DOM repaint which // breaks the CSS transition. // The setTimeout will wait until the transition ends. if (this.calendarInfo) { this.setCalendarInfoWidthTimeout = setTimeout(function () { var calendarInfoWidth = _this2.state.calendarInfoWidth; var calendarInfoPanelWidth = (0, _calculateDimension2['default'])(_this2.calendarInfo, 'width', true, true); if (calendarInfoWidth !== calendarInfoPanelWidth) { _this2.setState({ calendarInfoWidth: calendarInfoPanelWidth }); } }, transitionDuration); } } return componentWillUpdate; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate(prevProps) { var _props2 = this.props, orientation = _props2.orientation, daySize = _props2.daySize, isFocused = _props2.isFocused, numberOfMonths = _props2.numberOfMonths; var _state = this.state, focusedDate = _state.focusedDate, monthTitleHeight = _state.monthTitleHeight; if (this.isHorizontal() && (orientation !== prevProps.orientation || daySize !== prevProps.daySize)) { var visibleCalendarWeeks = this.calendarMonthWeeks.slice(1, numberOfMonths + 1); var calendarMonthWeeksHeight = Math.max.apply(Math, [0].concat(_toConsumableArray(visibleCalendarWeeks))) * (daySize - 1); var newMonthHeight = monthTitleHeight + calendarMonthWeeksHeight + 1; this.adjustDayPickerHeight(newMonthHeight); } if (!prevProps.isFocused && isFocused && !focusedDate) { this.container.focus(); } } return componentDidUpdate; }() }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { clearTimeout(this.setCalendarInfoWidthTimeout); } return componentWillUnmount; }() }, { key: 'onKeyDown', value: function () { function onKeyDown(e) { e.stopPropagation(); if (!_constants.MODIFIER_KEY_NAMES.has(e.key)) { this.throttledKeyDown(e); } } return onKeyDown; }() }, { key: 'onFinalKeyDown', value: function () { function onFinalKeyDown(e) { this.setState({ withMouseInteractions: false }); var _props3 = this.props, onBlur = _props3.onBlur, isRTL = _props3.isRTL; var _state2 = this.state, focusedDate = _state2.focusedDate, showKeyboardShortcuts = _state2.showKeyboardShortcuts; if (!focusedDate) return; var newFocusedDate = focusedDate.clone(); var didTransitionMonth = false; // focus might be anywhere when the keyboard shortcuts panel is opened so we want to // return it to wherever it was before when the panel was opened var activeElement = (0, _getActiveElement2['default'])(); var onKeyboardShortcutsPanelClose = function () { function onKeyboardShortcutsPanelClose() { if (activeElement) activeElement.focus(); } return onKeyboardShortcutsPanelClose; }(); switch (e.key) { case 'ArrowUp': e.preventDefault(); newFocusedDate.subtract(1, 'week'); didTransitionMonth = this.maybeTransitionPrevMonth(newFocusedDate); break; case 'ArrowLeft': e.preventDefault(); if (isRTL) { newFocusedDate.add(1, 'day'); } else { newFocusedDate.subtract(1, 'day'); } didTransitionMonth = this.maybeTransitionPrevMonth(newFocusedDate); break; case 'Home': e.preventDefault(); newFocusedDate.startOf('week'); didTransitionMonth = this.maybeTransitionPrevMonth(newFocusedDate); break; case 'PageUp': e.preventDefault(); newFocusedDate.subtract(1, 'month'); didTransitionMonth = this.maybeTransitionPrevMonth(newFocusedDate); break; case 'ArrowDown': e.preventDefault(); newFocusedDate.add(1, 'week'); didTransitionMonth = this.maybeTransitionNextMonth(newFocusedDate); break; case 'ArrowRight': e.preventDefault(); if (isRTL) { newFocusedDate.subtract(1, 'day'); } else { newFocusedDate.add(1, 'day'); } didTransitionMonth = this.maybeTransitionNextMonth(newFocusedDate); break; case 'End': e.preventDefault(); newFocusedDate.endOf('week'); didTransitionMonth = this.maybeTransitionNextMonth(newFocusedDate); break; case 'PageDown': e.preventDefault(); newFocusedDate.add(1, 'month'); didTransitionMonth = this.maybeTransitionNextMonth(newFocusedDate); break; case '?': this.openKeyboardShortcutsPanel(onKeyboardShortcutsPanelClose); break; case 'Escape': if (showKeyboardShortcuts) { this.closeKeyboardShortcutsPanel(); } else { onBlur(); } break; default: break; } // If there was a month transition, do not update the focused date until the transition has // completed. Otherwise, attempting to focus on a DOM node may interrupt the CSS animation. If // didTransitionMonth is true, the focusedDate gets updated in #updateStateAfterMonthTransition if (!didTransitionMonth) { this.setState({ focusedDate: newFocusedDate }); } } return onFinalKeyDown; }() }, { key: 'onPrevMonthClick', value: function () { function onPrevMonthClick(nextFocusedDate, e) { var _props4 = this.props, daySize = _props4.daySize, isRTL = _props4.isRTL, numberOfMonths = _props4.numberOfMonths; var _state3 = this.state, calendarMonthWidth = _state3.calendarMonthWidth, monthTitleHeight = _state3.monthTitleHeight; if (e) e.preventDefault(); var translationValue = void 0; if (this.isVertical()) { var calendarMonthWeeksHeight = this.calendarMonthWeeks[0] * (daySize - 1); translationValue = monthTitleHeight + calendarMonthWeeksHeight + 1; } else if (this.isHorizontal()) { translationValue = calendarMonthWidth; if (isRTL) { translationValue = -2 * calendarMonthWidth; } var visibleCalendarWeeks = this.calendarMonthWeeks.slice(0, numberOfMonths); var _calendarMonthWeeksHeight = Math.max.apply(Math, [0].concat(_toConsumableArray(visibleCalendarWeeks))) * (daySize - 1); var newMonthHeight = monthTitleHeight + _calendarMonthWeeksHeight + 1; this.adjustDayPickerHeight(newMonthHeight); } this.setState({ monthTransition: PREV_TRANSITION, translationValue: translationValue, focusedDate: null, nextFocusedDate: nextFocusedDate }); } return onPrevMonthClick; }() }, { key: 'onMonthChange', value: function () { function onMonthChange(currentMonth) { this.setCalendarMonthWeeks(currentMonth); this.calculateAndSetDayPickerHeight(); // Translation value is a hack to force an invisible transition that // properly rerenders the CalendarMonthGrid this.setState({ monthTransition: MONTH_SELECTION_TRANSITION, translationValue: 0.00001, focusedDate: null, nextFocusedDate: currentMonth, currentMonth: currentMonth }); } return onMonthChange; }() }, { key: 'onYearChange', value: function () { function onYearChange(currentMonth) { this.setCalendarMonthWeeks(currentMonth); this.calculateAndSetDayPickerHeight(); // Translation value is a hack to force an invisible transition that // properly rerenders the CalendarMonthGrid this.setState({ monthTransition: YEAR_SELECTION_TRANSITION, translationValue: 0.0001, focusedDate: null, nextFocusedDate: currentMonth, currentMonth: currentMonth }); } return onYearChange; }() }, { key: 'onNextMonthClick', value: function () { function onNextMonthClick(nextFocusedDate, e) { var _props5 = this.props, isRTL = _props5.isRTL, numberOfMonths = _props5.numberOfMonths, daySize = _props5.daySize; var _state4 = this.state, calendarMonthWidth = _state4.calendarMonthWidth, monthTitleHeight = _state4.monthTitleHeight; if (e) e.preventDefault(); var translationValue = void 0; if (this.isVertical()) { var firstVisibleMonthWeeks = this.calendarMonthWeeks[1]; var calendarMonthWeeksHeight = firstVisibleMonthWeeks * (daySize - 1); translationValue = -(monthTitleHeight + calendarMonthWeeksHeight + 1); } if (this.isHorizontal()) { translationValue = -calendarMonthWidth; if (isRTL) { translationValue = 0; } var visibleCalendarWeeks = this.calendarMonthWeeks.slice(2, numberOfMonths + 2); var _calendarMonthWeeksHeight2 = Math.max.apply(Math, [0].concat(_toConsumableArray(visibleCalendarWeeks))) * (daySize - 1); var newMonthHeight = monthTitleHeight + _calendarMonthWeeksHeight2 + 1; this.adjustDayPickerHeight(newMonthHeight); } this.setState({ monthTransition: NEXT_TRANSITION, translationValue: translationValue, focusedDate: null, nextFocusedDate: nextFocusedDate }); } return onNextMonthClick; }() }, { key: 'getFirstDayOfWeek', value: function () { function getFirstDayOfWeek() { var firstDayOfWeek = this.props.firstDayOfWeek; if (firstDayOfWeek == null) { return _moment2['default'].localeData().firstDayOfWeek(); } return firstDayOfWeek; } return getFirstDayOfWeek; }() }, { key: 'getFirstVisibleIndex', value: function () { function getFirstVisibleIndex() { var orientation = this.props.orientation; var monthTransition = this.state.monthTransition; if (orientation === _constants.VERTICAL_SCROLLABLE) return 0; var firstVisibleMonthIndex = 1; if (monthTransition === PREV_TRANSITION) { firstVisibleMonthIndex -= 1; } else if (monthTransition === NEXT_TRANSITION) { firstVisibleMonthIndex += 1; } return firstVisibleMonthIndex; } return getFirstVisibleIndex; }() }, { key: 'getFocusedDay', value: function () { function getFocusedDay(newMonth) { var _props6 = this.props, getFirstFocusableDay = _props6.getFirstFocusableDay, numberOfMonths = _props6.numberOfMonths; var focusedDate = void 0; if (getFirstFocusableDay) { focusedDate = getFirstFocusableDay(newMonth); } if (newMonth && (!focusedDate || !(0, _isDayVisible2['default'])(focusedDate, newMonth, numberOfMonths))) { focusedDate = newMonth.clone().startOf('month'); } return focusedDate; } return getFocusedDay; }() }, { key: 'setMonthTitleHeight', value: function () { function setMonthTitleHeight(monthTitleHeight) { var _this3 = this; this.setState({ monthTitleHeight: monthTitleHeight }, function () { _this3.calculateAndSetDayPickerHeight(); }); } return setMonthTitleHeight; }() }, { key: 'setCalendarMonthWeeks', value: function () { function setCalendarMonthWeeks(currentMonth) { var numberOfMonths = this.props.numberOfMonths; this.calendarMonthWeeks = []; var month = currentMonth.clone().subtract(1, 'months'); var firstDayOfWeek = this.getFirstDayOfWeek(); for (var i = 0; i < numberOfMonths + 2; i += 1) { var numberOfWeeks = (0, _getNumberOfCalendarMonthWeeks2['default'])(month, firstDayOfWeek); this.calendarMonthWeeks.push(numberOfWeeks); month = month.add(1, 'months'); } } return setCalendarMonthWeeks; }() }, { key: 'setContainerRef', value: function () { function setContainerRef(ref) { this.container = ref; } return setContainerRef; }() }, { key: 'setCalendarInfoRef', value: function () { function setCalendarInfoRef(ref) { this.calendarInfo = ref; } return setCalendarInfoRef; }() }, { key: 'setTransitionContainerRef', value: function () { function setTransitionContainerRef(ref) { this.transitionContainer = ref; } return setTransitionContainerRef; }() }, { key: 'maybeTransitionNextMonth', value: function () { function maybeTransitionNextMonth(newFocusedDate) { var numberOfMonths = this.props.numberOfMonths; var _state5 = this.state, currentMonth = _state5.currentMonth, focusedDate = _state5.focusedDate; var newFocusedDateMonth = newFocusedDate.month(); var focusedDateMonth = focusedDate.month(); var isNewFocusedDateVisible = (0, _isDayVisible2['default'])(newFocusedDate, currentMonth, numberOfMonths); if (newFocusedDateMonth !== focusedDateMonth && !isNewFocusedDateVisible) { this.onNextMonthClick(newFocusedDate); return true; } return false; } return maybeTransitionNextMonth; }() }, { key: 'maybeTransitionPrevMonth', value: function () { function maybeTransitionPrevMonth(newFocusedDate) { var numberOfMonths = this.props.numberOfMonths; var _state6 = this.state, currentMonth = _state6.currentMonth, focusedDate = _state6.focusedDate; var newFocusedDateMonth = newFocusedDate.month(); var focusedDateMonth = focusedDate.month(); var isNewFocusedDateVisible = (0, _isDayVisible2['default'])(newFocusedDate, currentMonth, numberOfMonths); if (newFocusedDateMonth !== focusedDateMonth && !isNewFocusedDateVisible) { this.onPrevMonthClick(newFocusedDate); return true; } return false; } return maybeTransitionPrevMonth; }() }, { key: 'multiplyScrollableMonths', value: function () { function multiplyScrollableMonths(e) { var onMultiplyScrollableMonths = this.props.onMultiplyScrollableMonths; if (e) e.preventDefault(); if (onMultiplyScrollableMonths) onMultiplyScrollableMonths(e); this.setState(function (_ref) { var scrollableMonthMultiple = _ref.scrollableMonthMultiple; return { scrollableMonthMultiple: scrollableMonthMultiple + 1 }; }); } return multiplyScrollableMonths; }() }, { key: 'isHorizontal', value: function () { function isHorizontal() { var orientation = this.props.orientation; return orientation === _constants.HORIZONTAL_ORIENTATION; } return isHorizontal; }() }, { key: 'isVertical', value: function () { function isVertical() { var orientation = this.props.orientation; return orientation === _constants.VERTICAL_ORIENTATION || orientation === _constants.VERTICAL_SCROLLABLE; } return isVertical; }() }, { key: 'updateStateAfterMonthTransition', value: function () { function updateStateAfterMonthTransition() { var _this4 = this; var _props7 = this.props, onPrevMonthClick = _props7.onPrevMonthClick, onNextMonthClick = _props7.onNextMonthClick, numberOfMonths = _props7.numberOfMonths, onMonthChange = _props7.onMonthChange, onYearChange = _props7.onYearChange, isRTL = _props7.isRTL; var _state7 = this.state, currentMonth = _state7.currentMonth, monthTransition = _state7.monthTransition, focusedDate = _state7.focusedDate, nextFocusedDate = _state7.nextFocusedDate, withMouseInteractions = _state7.withMouseInteractions, calendarMonthWidth = _state7.calendarMonthWidth; if (!monthTransition) return; var newMonth = currentMonth.clone(); var firstDayOfWeek = this.getFirstDayOfWeek(); if (monthTransition === PREV_TRANSITION) { newMonth.subtract(1, 'month'); if (onPrevMonthClick) onPrevMonthClick(newMonth); var newInvisibleMonth = newMonth.clone().subtract(1, 'month'); var numberOfWeeks = (0, _getNumberOfCalendarMonthWeeks2['default'])(newInvisibleMonth, firstDayOfWeek); this.calendarMonthWeeks = [numberOfWeeks].concat(_toConsumableArray(this.calendarMonthWeeks.slice(0, -1))); } else if (monthTransition === NEXT_TRANSITION) { newMonth.add(1, 'month'); if (onNextMonthClick) onNextMonthClick(newMonth); var _newInvisibleMonth = newMonth.clone().add(numberOfMonths, 'month'); var _numberOfWeeks = (0, _getNumberOfCalendarMonthWeeks2['default'])(_newInvisibleMonth, firstDayOfWeek); this.calendarMonthWeeks = [].concat(_toConsumableArray(this.calendarMonthWeeks.slice(1)), [_numberOfWeeks]); } else if (monthTransition === MONTH_SELECTION_TRANSITION) { if (onMonthChange) onMonthChange(newMonth); } else if (monthTransition === YEAR_SELECTION_TRANSITION) { if (onYearChange) onYearChange(newMonth); } var newFocusedDate = null; if (nextFocusedDate) { newFocusedDate = nextFocusedDate; } else if (!focusedDate && !withMouseInteractions) { newFocusedDate = this.getFocusedDay(newMonth); } this.setState({ currentMonth: newMonth, monthTransition: null, translationValue: isRTL && this.isHorizontal() ? -calendarMonthWidth : 0, nextFocusedDate: null, focusedDate: newFocusedDate }, function () { // we don't want to focus on the relevant calendar day after a month transition // if the user is navigating around using a mouse if (withMouseInteractions) { var activeElement = (0, _getActiveElement2['default'])(); if (activeElement && activeElement !== document.body && _this4.container.contains(activeElement)) { activeElement.blur(); } } }); } return updateStateAfterMonthTransition; }() }, { key: 'adjustDayPickerHeight', value: function () { function adjustDayPickerHeight(newMonthHeight) { var _this5 = this; var monthHeight = newMonthHeight + MONTH_PADDING; if (monthHeight !== this.calendarMonthGridHeight) { this.transitionContainer.style.height = String(monthHeight) + 'px'; if (!this.calendarMonthGridHeight) { setTimeout(function () { _this5.setState({ hasSetHeight: true }); }, 0); } this.calendarMonthGridHeight = monthHeight; } } return adjustDayPickerHeight; }() }, { key: 'calculateAndSetDayPickerHeight', value: function () { function calculateAndSetDayPickerHeight() { var _props8 = this.props, daySize = _props8.daySize, numberOfMonths = _props8.numberOfMonths; var monthTitleHeight = this.state.monthTitleHeight; var visibleCalendarWeeks = this.calendarMonthWeeks.slice(1, numberOfMonths + 1); var calendarMonthWeeksHeight = Math.max.apply(Math, [0].concat(_toConsumableArray(visibleCalendarWeeks))) * (daySize - 1); var newMonthHeight = monthTitleHeight + calendarMonthWeeksHeight + 1; if (this.isHorizontal()) { this.adjustDayPickerHeight(newMonthHeight); } } return calculateAndSetDayPickerHeight; }() }, { key: 'openKeyboardShortcutsPanel', value: function () { function openKeyboardShortcutsPanel(onCloseCallBack) { this.setState({ showKeyboardShortcuts: true, onKeyboardShortcutsPanelClose: onCloseCallBack }); } return openKeyboardShortcutsPanel; }() }, { key: 'closeKeyboardShortcutsPanel', value: function () { function closeKeyboardShortcutsPanel() { var onKeyboardShortcutsPanelClose = this.state.onKeyboardShortcutsPanelClose; if (onKeyboardShortcutsPanelClose) { onKeyboardShortcutsPanelClose(); } this.setState({ onKeyboardShortcutsPanelClose: null, showKeyboardShortcuts: false }); } return closeKeyboardShortcutsPanel; }() }, { key: 'renderNavigation', value: function () { function renderNavigation() { var _this6 = this; var _props9 = this.props, navPrev = _props9.navPrev, navNext = _props9.navNext, noNavButtons = _props9.noNavButtons, orientation = _props9.orientation, phrases = _props9.phrases, isRTL = _props9.isRTL; if (noNavButtons) { return null; } var onNextMonthClick = void 0; if (orientation === _constants.VERTICAL_SCROLLABLE) { onNextMonthClick = this.multiplyScrollableMonths; } else { onNextMonthClick = function () { function onNextMonthClick(e) { _this6.onNextMonthClick(null, e); } return onNextMonthClick; }(); } return _react2['default'].createElement(_DayPickerNavigation2['default'], { onPrevMonthClick: function () { function onPrevMonthClick(e) { _this6.onPrevMonthClick(null, e); } return onPrevMonthClick; }(), onNextMonthClick: onNextMonthClick, navPrev: navPrev, navNext: navNext, orientation: orientation, phrases: phrases, isRTL: isRTL }); } return renderNavigation; }() }, { key: 'renderWeekHeader', value: function () { function renderWeekHeader(index) { var _props10 = this.props, daySize = _props10.daySize, horizontalMonthPadding = _props10.horizontalMonthPadding, orientation = _props10.orientation, weekDayFormat = _props10.weekDayFormat, styles = _props10.styles; var calendarMonthWidth = this.state.calendarMonthWidth; var verticalScrollable = orientation === _constants.VERTICAL_SCROLLABLE; var horizontalStyle = { left: index * calendarMonthWidth }; var verticalStyle = { marginLeft: -calendarMonthWidth / 2 }; var weekHeaderStyle = {}; // no styles applied to the vertical-scrollable orientation if (this.isHorizontal()) { weekHeaderStyle = horizontalStyle; } else if (this.isVertical() && !verticalScrollable) { weekHeaderStyle = verticalStyle; } var firstDayOfWeek = this.getFirstDayOfWeek(); var header = []; for (var i = 0; i < 7; i += 1) { header.push(_react2['default'].createElement( 'li', _extends({ key: i }, (0, _reactWithStyles.css)(styles.DayPicker_weekHeader_li, { width: daySize })), _react2['default'].createElement( 'small', null, (0, _moment2['default'])().day((i + firstDayOfWeek) % 7).format(weekDayFormat) ) )); } return _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DayPicker_weekHeader, this.isVertical() && styles.DayPicker_weekHeader__vertical, verticalScrollable && styles.DayPicker_weekHeader__verticalScrollable, weekHeaderStyle, { padding: '0 ' + String(horizontalMonthPadding) + 'px' }), { key: 'week-' + String(index) }), _react2['default'].createElement( 'ul', (0, _reactWithStyles.css)(styles.DayPicker_weekHeader_ul), header ) ); } return renderWeekHeader; }() }, { key: 'render', value: function () { function render() { var _this7 = this; var _state8 = this.state, calendarMonthWidth = _state8.calendarMonthWidth, currentMonth = _state8.currentMonth, monthTransition = _state8.monthTransition, translationValue = _state8.translationValue, scrollableMonthMultiple = _state8.scrollableMonthMultiple, focusedDate = _state8.focusedDate, showKeyboardShortcuts = _state8.showKeyboardShortcuts, isTouch = _state8.isTouchDevice, hasSetHeight = _state8.hasSetHeight, calendarInfoWidth = _state8.calendarInfoWidth, monthTitleHeight = _state8.monthTitleHeight; var _props11 = this.props, enableOutsideDays = _props11.enableOutsideDays, numberOfMonths = _props11.numberOfMonths, orientation = _props11.orientation, modifiers = _props11.modifiers, withPortal = _props11.withPortal, onDayClick = _props11.onDayClick, onDayMouseEnter = _props11.onDayMouseEnter, onDayMouseLeave = _props11.onDayMouseLeave, firstDayOfWeek = _props11.firstDayOfWeek, renderMonthText = _props11.renderMonthText, renderCalendarDay = _props11.renderCalendarDay, renderDayContents = _props11.renderDayContents, renderCalendarInfo = _props11.renderCalendarInfo, renderMonthElement = _props11.renderMonthElement, calendarInfoPosition = _props11.calendarInfoPosition, hideKeyboardShortcutsPanel = _props11.hideKeyboardShortcutsPanel, onOutsideClick = _props11.onOutsideClick, monthFormat = _props11.monthFormat, daySize = _props11.daySize, isFocused = _props11.isFocused, isRTL = _props11.isRTL, styles = _props11.styles, theme = _props11.theme, phrases = _props11.phrases, verticalHeight = _props11.verticalHeight, dayAriaLabelFormat = _props11.dayAriaLabelFormat, noBorder = _props11.noBorder, transitionDuration = _props11.transitionDuration, verticalBorderSpacing = _props11.verticalBorderSpacing, horizontalMonthPadding = _props11.horizontalMonthPadding; var dayPickerHorizontalPadding = theme.reactDates.spacing.dayPickerHorizontalPadding; var isHorizontal = this.isHorizontal(); var numOfWeekHeaders = this.isVertical() ? 1 : numberOfMonths; var weekHeaders = []; for (var i = 0; i < numOfWeekHeaders; i += 1) { weekHeaders.push(this.renderWeekHeader(i)); } var verticalScrollable = orientation === _constants.VERTICAL_SCROLLABLE; var height = void 0; if (isHorizontal) { height = this.calendarMonthGridHeight; } else if (this.isVertical() && !verticalScrollable && !withPortal) { // If the user doesn't set a desired height, // we default back to this kind of made-up value that generally looks good height = verticalHeight || 1.75 * calendarMonthWidth; } var isCalendarMonthGridAnimating = monthTransition !== null; var shouldFocusDate = !isCalendarMonthGridAnimating && isFocused; var keyboardShortcutButtonLocation = _DayPickerKeyboardShortcuts.BOTTOM_RIGHT; if (this.isVertical()) { keyboardShortcutButtonLocation = withPortal ? _DayPickerKeyboardShortcuts.TOP_LEFT : _DayPickerKeyboardShortcuts.TOP_RIGHT; } var shouldAnimateHeight = isHorizontal && hasSetHeight; var calendarInfoPositionTop = calendarInfoPosition === _constants.INFO_POSITION_TOP; var calendarInfoPositionBottom = calendarInfoPosition === _constants.INFO_POSITION_BOTTOM; var calendarInfoPositionBefore = calendarInfoPosition === _constants.INFO_POSITION_BEFORE; var calendarInfoPositionAfter = calendarInfoPosition === _constants.INFO_POSITION_AFTER; var calendarInfoIsInline = calendarInfoPositionBefore || calendarInfoPositionAfter; var calendarInfo = renderCalendarInfo && _react2['default'].createElement( 'div', _extends({ ref: this.setCalendarInfoRef }, (0, _reactWithStyles.css)(calendarInfoIsInline && styles.DayPicker_calendarInfo__horizontal)), renderCalendarInfo() ); var calendarInfoPanelWidth = renderCalendarInfo && calendarInfoIsInline ? calendarInfoWidth : 0; var firstVisibleMonthIndex = this.getFirstVisibleIndex(); var wrapperHorizontalWidth = calendarMonthWidth * numberOfMonths + 2 * dayPickerHorizontalPadding; // Adding `1px` because of whitespace between 2 inline-block var fullHorizontalWidth = wrapperHorizontalWidth + calendarInfoPanelWidth + 1; var transitionContainerStyle = { width: isHorizontal && wrapperHorizontalWidth, height: height }; var dayPickerWrapperStyle = { width: isHorizontal && wrapperHorizontalWidth }; var dayPickerStyle = { width: isHorizontal && fullHorizontalWidth, // These values are to center the datepicker (approximately) on the page marginLeft: isHorizontal && withPortal ? -fullHorizontalWidth / 2 : null, marginTop: isHorizontal && withPortal ? -calendarMonthWidth / 2 : null }; return _react2['default'].createElement( 'div', _extends({ role: 'application', 'aria-label': phrases.calendarLabel }, (0, _reactWithStyles.css)(styles.DayPicker, isHorizontal && styles.DayPicker__horizontal, verticalScrollable && styles.DayPicker__verticalScrollable, isHorizontal && withPortal && styles.DayPicker_portal__horizontal, this.isVertical() && withPortal && styles.DayPicker_portal__vertical, dayPickerStyle, !monthTitleHeight && styles.DayPicker__hidden, !noBorder && styles.DayPicker__withBorder)), _react2['default'].createElement( _reactOutsideClickHandler2['default'], { onOutsideClick: onOutsideClick }, (calendarInfoPositionTop || calendarInfoPositionBefore) && calendarInfo, _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(dayPickerWrapperStyle, calendarInfoIsInline && isHorizontal && styles.DayPicker_wrapper__horizontal), _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DayPicker_weekHeaders, isHorizontal && styles.DayPicker_weekHeaders__horizontal), { 'aria-hidden': 'true', role: 'presentation' }), weekHeaders ), _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DayPicker_focusRegion), { ref: this.setContainerRef, onClick: function () { function onClick(e) { e.stopPropagation(); } return onClick; }(), onKeyDown: this.onKeyDown, onMouseUp: function () { function onMouseUp() { _this7.setState({ withMouseInteractions: true }); } return onMouseUp; }(), role: 'region', tabIndex: -1 }), !verticalScrollable && this.renderNavigation(), _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DayPicker_transitionContainer, shouldAnimateHeight && styles.DayPicker_transitionContainer__horizontal, this.isVertical() && styles.DayPicker_transitionContainer__vertical, verticalScrollable && styles.DayPicker_transitionContainer__verticalScrollable, transitionContainerStyle), { ref: this.setTransitionContainerRef }), _react2['default'].createElement(_CalendarMonthGrid2['default'], { setMonthTitleHeight: !monthTitleHeight ? this.setMonthTitleHeight : undefined, translationValue: translationValue, enableOutsideDays: enableOutsideDays, firstVisibleMonthIndex: firstVisibleMonthIndex, initialMonth: currentMonth, isAnimating: isCalendarMonthGridAnimating, modifiers: modifiers, orientation: orientation, numberOfMonths: numberOfMonths * scrollableMonthMultiple, onDayClick: onDayClick, onDayMouseEnter: onDayMouseEnter, onDayMouseLeave: onDayMouseLeave, onMonthChange: this.onMonthChange, onYearChange: this.onYearChange, renderMonthText: renderMonthText, renderCalendarDay: renderCalendarDay, renderDayContents: renderDayContents, renderMonthElement: renderMonthElement, onMonthTransitionEnd: this.updateStateAfterMonthTransition, monthFormat: monthFormat, daySize: daySize, firstDayOfWeek: firstDayOfWeek, isFocused: shouldFocusDate, focusedDate: focusedDate, phrases: phrases, isRTL: isRTL, dayAriaLabelFormat: dayAriaLabelFormat, transitionDuration: transitionDuration, verticalBorderSpacing: verticalBorderSpacing, horizontalMonthPadding: horizontalMonthPadding }), verticalScrollable && this.renderNavigation() ), !isTouch && !hideKeyboardShortcutsPanel && _react2['default'].createElement(_DayPickerKeyboardShortcuts2['default'], { block: this.isVertical() && !withPortal, buttonLocation: keyboardShortcutButtonLocation, showKeyboardShortcutsPanel: showKeyboardShortcuts, openKeyboardShortcutsPanel: this.openKeyboardShortcutsPanel, closeKeyboardShortcutsPanel: this.closeKeyboardShortcutsPanel, phrases: phrases }) ) ), (calendarInfoPositionBottom || calendarInfoPositionAfter) && calendarInfo ) ); } return render; }() }]); return DayPicker; }(_react2['default'].Component); DayPicker.propTypes = propTypes; DayPicker.defaultProps = defaultProps; exports.PureDayPicker = DayPicker; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var _ref2$reactDates = _ref2.reactDates, color = _ref2$reactDates.color, font = _ref2$reactDates.font, noScrollBarOnVerticalScrollable = _ref2$reactDates.noScrollBarOnVerticalScrollable, spacing = _ref2$reactDates.spacing, zIndex = _ref2$reactDates.zIndex; return { DayPicker: { background: color.background, position: 'relative', textAlign: 'left' }, DayPicker__horizontal: { background: color.background }, DayPicker__verticalScrollable: { height: '100%' }, DayPicker__hidden: { visibility: 'hidden' }, DayPicker__withBorder: { boxShadow: '0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07)', borderRadius: 3 }, DayPicker_portal__horizontal: { boxShadow: 'none', position: 'absolute', left: '50%', top: '50%' }, DayPicker_portal__vertical: { position: 'initial' }, DayPicker_focusRegion: { outline: 'none' }, DayPicker_calendarInfo__horizontal: { display: 'inline-block', verticalAlign: 'top' }, DayPicker_wrapper__horizontal: { display: 'inline-block', verticalAlign: 'top' }, DayPicker_weekHeaders: { position: 'relative' }, DayPicker_weekHeaders__horizontal: { marginLeft: spacing.dayPickerHorizontalPadding }, DayPicker_weekHeader: { color: color.placeholderText, position: 'absolute', top: 62, zIndex: zIndex + 2, textAlign: 'left' }, DayPicker_weekHeader__vertical: { left: '50%' }, DayPicker_weekHeader__verticalScrollable: { top: 0, display: 'table-row', borderBottom: '1px solid ' + String(color.core.border), background: color.background, marginLeft: 0, left: 0, width: '100%', textAlign: 'center' }, DayPicker_weekHeader_ul: { listStyle: 'none', margin: '1px 0', paddingLeft: 0, paddingRight: 0, fontSize: font.size }, DayPicker_weekHeader_li: { display: 'inline-block', textAlign: 'center' }, DayPicker_transitionContainer: { position: 'relative', overflow: 'hidden', borderRadius: 3 }, DayPicker_transitionContainer__horizontal: { transition: 'height 0.2s ease-in-out' }, DayPicker_transitionContainer__vertical: { width: '100%' }, DayPicker_transitionContainer__verticalScrollable: (0, _object2['default'])({ paddingTop: 20, height: '100%', position: 'absolute', top: 0, bottom: 0, right: 0, left: 0, overflowY: 'scroll' }, noScrollBarOnVerticalScrollable && { '-webkitOverflowScrolling': 'touch', '::-webkit-scrollbar': { '-webkit-appearance': 'none', display: 'none' } }) }; })(DayPicker); /***/ }), /* 118 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var util = __webpack_require__(119); function scrollIntoView(elem, container, config) { config = config || {}; // document 归一化到 window if (container.nodeType === 9) { container = util.getWindow(container); } var allowHorizontalScroll = config.allowHorizontalScroll; var onlyScrollIfNeeded = config.onlyScrollIfNeeded; var alignWithTop = config.alignWithTop; var alignWithLeft = config.alignWithLeft; var offsetTop = config.offsetTop || 0; var offsetLeft = config.offsetLeft || 0; var offsetBottom = config.offsetBottom || 0; var offsetRight = config.offsetRight || 0; allowHorizontalScroll = allowHorizontalScroll === undefined ? true : allowHorizontalScroll; var isWin = util.isWindow(container); var elemOffset = util.offset(elem); var eh = util.outerHeight(elem); var ew = util.outerWidth(elem); var containerOffset = undefined; var ch = undefined; var cw = undefined; var containerScroll = undefined; var diffTop = undefined; var diffBottom = undefined; var win = undefined; var winScroll = undefined; var ww = undefined; var wh = undefined; if (isWin) { win = container; wh = util.height(win); ww = util.width(win); winScroll = { left: util.scrollLeft(win), top: util.scrollTop(win) }; // elem 相对 container 可视视窗的距离 diffTop = { left: elemOffset.left - winScroll.left - offsetLeft, top: elemOffset.top - winScroll.top - offsetTop }; diffBottom = { left: elemOffset.left + ew - (winScroll.left + ww) + offsetRight, top: elemOffset.top + eh - (winScroll.top + wh) + offsetBottom }; containerScroll = winScroll; } else { containerOffset = util.offset(container); ch = container.clientHeight; cw = container.clientWidth; containerScroll = { left: container.scrollLeft, top: container.scrollTop }; // elem 相对 container 可视视窗的距离 // 注意边框, offset 是边框到根节点 diffTop = { left: elemOffset.left - (containerOffset.left + (parseFloat(util.css(container, 'borderLeftWidth')) || 0)) - offsetLeft, top: elemOffset.top - (containerOffset.top + (parseFloat(util.css(container, 'borderTopWidth')) || 0)) - offsetTop }; diffBottom = { left: elemOffset.left + ew - (containerOffset.left + cw + (parseFloat(util.css(container, 'borderRightWidth')) || 0)) + offsetRight, top: elemOffset.top + eh - (containerOffset.top + ch + (parseFloat(util.css(container, 'borderBottomWidth')) || 0)) + offsetBottom }; } if (diffTop.top < 0 || diffBottom.top > 0) { // 强制向上 if (alignWithTop === true) { util.scrollTop(container, containerScroll.top + diffTop.top); } else if (alignWithTop === false) { util.scrollTop(container, containerScroll.top + diffBottom.top); } else { // 自动调整 if (diffTop.top < 0) { util.scrollTop(container, containerScroll.top + diffTop.top); } else { util.scrollTop(container, containerScroll.top + diffBottom.top); } } } else { if (!onlyScrollIfNeeded) { alignWithTop = alignWithTop === undefined ? true : !!alignWithTop; if (alignWithTop) { util.scrollTop(container, containerScroll.top + diffTop.top); } else { util.scrollTop(container, containerScroll.top + diffBottom.top); } } } if (allowHorizontalScroll) { if (diffTop.left < 0 || diffBottom.left > 0) { // 强制向上 if (alignWithLeft === true) { util.scrollLeft(container, containerScroll.left + diffTop.left); } else if (alignWithLeft === false) { util.scrollLeft(container, containerScroll.left + diffBottom.left); } else { // 自动调整 if (diffTop.left < 0) { util.scrollLeft(container, containerScroll.left + diffTop.left); } else { util.scrollLeft(container, containerScroll.left + diffBottom.left); } } } else { if (!onlyScrollIfNeeded) { alignWithLeft = alignWithLeft === undefined ? true : !!alignWithLeft; if (alignWithLeft) { util.scrollLeft(container, containerScroll.left + diffTop.left); } else { util.scrollLeft(container, containerScroll.left + diffBottom.left); } } } } } module.exports = scrollIntoView; /***/ }), /* 119 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source; function getClientPosition(elem) { var box = undefined; var x = undefined; var y = undefined; var doc = elem.ownerDocument; var body = doc.body; var docElem = doc && doc.documentElement; // 根据 GBS 最新数据,A-Grade Browsers 都已支持 getBoundingClientRect 方法,不用再考虑传统的实现方式 box = elem.getBoundingClientRect(); // 注:jQuery 还考虑减去 docElem.clientLeft/clientTop // 但测试发现,这样反而会导致当 html 和 body 有边距/边框样式时,获取的值不正确 // 此外,ie6 会忽略 html 的 margin 值,幸运地是没有谁会去设置 html 的 margin x = box.left; y = box.top; // In IE, most of the time, 2 extra pixels are added to the top and left // due to the implicit 2-pixel inset border. In IE6/7 quirks mode and // IE6 standards mode, this border can be overridden by setting the // document element's border to zero -- thus, we cannot rely on the // offset always being 2 pixels. // In quirks mode, the offset can be determined by querying the body's // clientLeft/clientTop, but in standards mode, it is found by querying // the document element's clientLeft/clientTop. Since we already called // getClientBoundingRect we have already forced a reflow, so it is not // too expensive just to query them all. // ie 下应该减去窗口的边框吧,毕竟默认 absolute 都是相对窗口定位的 // 窗口边框标准是设 documentElement ,quirks 时设置 body // 最好禁止在 body 和 html 上边框 ,但 ie < 9 html 默认有 2px ,减去 // 但是非 ie 不可能设置窗口边框,body html 也不是窗口 ,ie 可以通过 html,body 设置 // 标准 ie 下 docElem.clientTop 就是 border-top // ie7 html 即窗口边框改变不了。永远为 2 // 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框,即使设了 border-top 也为 0 x -= docElem.clientLeft || body.clientLeft || 0; y -= docElem.clientTop || body.clientTop || 0; return { left: x, top: y }; } function getScroll(w, top) { var ret = w['page' + (top ? 'Y' : 'X') + 'Offset']; var method = 'scroll' + (top ? 'Top' : 'Left'); if (typeof ret !== 'number') { var d = w.document; // ie6,7,8 standard mode ret = d.documentElement[method]; if (typeof ret !== 'number') { // quirks mode ret = d.body[method]; } } return ret; } function getScrollLeft(w) { return getScroll(w); } function getScrollTop(w) { return getScroll(w, true); } function getOffset(el) { var pos = getClientPosition(el); var doc = el.ownerDocument; var w = doc.defaultView || doc.parentWindow; pos.left += getScrollLeft(w); pos.top += getScrollTop(w); return pos; } function _getComputedStyle(elem, name, computedStyle_) { var val = ''; var d = elem.ownerDocument; var computedStyle = computedStyle_ || d.defaultView.getComputedStyle(elem, null); // https://github.com/kissyteam/kissy/issues/61 if (computedStyle) { val = computedStyle.getPropertyValue(name) || computedStyle[name]; } return val; } var _RE_NUM_NO_PX = new RegExp('^(' + RE_NUM + ')(?!px)[a-z%]+$', 'i'); var RE_POS = /^(top|right|bottom|left)$/; var CURRENT_STYLE = 'currentStyle'; var RUNTIME_STYLE = 'runtimeStyle'; var LEFT = 'left'; var PX = 'px'; function _getComputedStyleIE(elem, name) { // currentStyle maybe null // http://msdn.microsoft.com/en-us/library/ms535231.aspx var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name]; // 当 width/height 设置为百分比时,通过 pixelLeft 方式转换的 width/height 值 // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19 // 在 ie 下不对,需要直接用 offset 方式 // borderWidth 等值也有问题,但考虑到 borderWidth 设为百分比的概率很小,这里就不考虑了 // From the awesome hack by Dean Edwards // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291 // If we're not dealing with a regular pixel number // but a number that has a weird ending, we need to convert it to pixels // exclude left right for relativity if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) { // Remember the original values var style = elem.style; var left = style[LEFT]; var rsLeft = elem[RUNTIME_STYLE][LEFT]; // prevent flashing of content elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT]; // Put in the new values to get a computed value out style[LEFT] = name === 'fontSize' ? '1em' : ret || 0; ret = style.pixelLeft + PX; // Revert the changed values style[LEFT] = left; elem[RUNTIME_STYLE][LEFT] = rsLeft; } return ret === '' ? 'auto' : ret; } var getComputedStyleX = undefined; if (typeof window !== 'undefined') { getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE; } function each(arr, fn) { for (var i = 0; i < arr.length; i++) { fn(arr[i]); } } function isBorderBoxFn(elem) { return getComputedStyleX(elem, 'boxSizing') === 'border-box'; } var BOX_MODELS = ['margin', 'border', 'padding']; var CONTENT_INDEX = -1; var PADDING_INDEX = 2; var BORDER_INDEX = 1; var MARGIN_INDEX = 0; function swap(elem, options, callback) { var old = {}; var style = elem.style; var name = undefined; // Remember the old values, and insert the new ones for (name in options) { if (options.hasOwnProperty(name)) { old[name] = style[name]; style[name] = options[name]; } } callback.call(elem); // Revert the old values for (name in options) { if (options.hasOwnProperty(name)) { style[name] = old[name]; } } } function getPBMWidth(elem, props, which) { var value = 0; var prop = undefined; var j = undefined; var i = undefined; for (j = 0; j < props.length; j++) { prop = props[j]; if (prop) { for (i = 0; i < which.length; i++) { var cssProp = undefined; if (prop === 'border') { cssProp = prop + which[i] + 'Width'; } else { cssProp = prop + which[i]; } value += parseFloat(getComputedStyleX(elem, cssProp)) || 0; } } } return value; } /** * A crude way of determining if an object is a window * @member util */ function isWindow(obj) { // must use == for ie8 /* eslint eqeqeq:0 */ return obj != null && obj == obj.window; } var domUtils = {}; each(['Width', 'Height'], function (name) { domUtils['doc' + name] = function (refWin) { var d = refWin.document; return Math.max( // firefox chrome documentElement.scrollHeight< body.scrollHeight // ie standard mode : documentElement.scrollHeight> body.scrollHeight d.documentElement['scroll' + name], // quirks : documentElement.scrollHeight 最大等于可视窗口多一点? d.body['scroll' + name], domUtils['viewport' + name](d)); }; domUtils['viewport' + name] = function (win) { // pc browser includes scrollbar in window.innerWidth var prop = 'client' + name; var doc = win.document; var body = doc.body; var documentElement = doc.documentElement; var documentElementProp = documentElement[prop]; // 标准模式取 documentElement // backcompat 取 body return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp; }; }); /* 得到元素的大小信息 @param elem @param name @param {String} [extra] 'padding' : (css width) + padding 'border' : (css width) + padding + border 'margin' : (css width) + padding + border + margin */ function getWH(elem, name, extra) { if (isWindow(elem)) { return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem); } else if (elem.nodeType === 9) { return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem); } var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom']; var borderBoxValue = name === 'width' ? elem.offsetWidth : elem.offsetHeight; var computedStyle = getComputedStyleX(elem); var isBorderBox = isBorderBoxFn(elem, computedStyle); var cssBoxValue = 0; if (borderBoxValue == null || borderBoxValue <= 0) { borderBoxValue = undefined; // Fall back to computed then un computed css if necessary cssBoxValue = getComputedStyleX(elem, name); if (cssBoxValue == null || Number(cssBoxValue) < 0) { cssBoxValue = elem.style[name] || 0; } // Normalize '', auto, and prepare for extra cssBoxValue = parseFloat(cssBoxValue) || 0; } if (extra === undefined) { extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX; } var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox; var val = borderBoxValue || cssBoxValue; if (extra === CONTENT_INDEX) { if (borderBoxValueOrIsBorderBox) { return val - getPBMWidth(elem, ['border', 'padding'], which, computedStyle); } return cssBoxValue; } if (borderBoxValueOrIsBorderBox) { var padding = extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which, computedStyle) : getPBMWidth(elem, ['margin'], which, computedStyle); return val + (extra === BORDER_INDEX ? 0 : padding); } return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which, computedStyle); } var cssShow = { position: 'absolute', visibility: 'hidden', display: 'block' }; // fix #119 : https://github.com/kissyteam/kissy/issues/119 function getWHIgnoreDisplay(elem) { var val = undefined; var args = arguments; // in case elem is window // elem.offsetWidth === undefined if (elem.offsetWidth !== 0) { val = getWH.apply(undefined, args); } else { swap(elem, cssShow, function () { val = getWH.apply(undefined, args); }); } return val; } function css(el, name, v) { var value = v; if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') { for (var i in name) { if (name.hasOwnProperty(i)) { css(el, i, name[i]); } } return undefined; } if (typeof value !== 'undefined') { if (typeof value === 'number') { value += 'px'; } el.style[name] = value; return undefined; } return getComputedStyleX(el, name); } each(['width', 'height'], function (name) { var first = name.charAt(0).toUpperCase() + name.slice(1); domUtils['outer' + first] = function (el, includeMargin) { return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX); }; var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom']; domUtils[name] = function (elem, val) { if (val !== undefined) { if (elem) { var computedStyle = getComputedStyleX(elem); var isBorderBox = isBorderBoxFn(elem); if (isBorderBox) { val += getPBMWidth(elem, ['padding', 'border'], which, computedStyle); } return css(elem, name, val); } return undefined; } return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX); }; }); // 设置 elem 相对 elem.ownerDocument 的坐标 function setOffset(elem, offset) { // set position first, in-case top/left are set even on static elem if (css(elem, 'position') === 'static') { elem.style.position = 'relative'; } var old = getOffset(elem); var ret = {}; var current = undefined; var key = undefined; for (key in offset) { if (offset.hasOwnProperty(key)) { current = parseFloat(css(elem, key)) || 0; ret[key] = current + offset[key] - old[key]; } } css(elem, ret); } module.exports = _extends({ getWindow: function getWindow(node) { var doc = node.ownerDocument || node; return doc.defaultView || doc.parentWindow; }, offset: function offset(el, value) { if (typeof value !== 'undefined') { setOffset(el, value); } else { return getOffset(el); } }, isWindow: isWindow, each: each, css: css, clone: function clone(obj) { var ret = {}; for (var i in obj) { if (obj.hasOwnProperty(i)) { ret[i] = obj[i]; } } var overflow = obj.overflow; if (overflow) { for (var i in obj) { if (obj.hasOwnProperty(i)) { ret.overflow[i] = obj.overflow[i]; } } } return ret; }, scrollLeft: function scrollLeft(w, v) { if (isWindow(w)) { if (v === undefined) { return getScrollLeft(w); } window.scrollTo(v, getScrollTop(w)); } else { if (v === undefined) { return w.scrollLeft; } w.scrollLeft = v; } }, scrollTop: function scrollTop(w, v) { if (isWindow(w)) { if (v === undefined) { return getScrollTop(w); } window.scrollTo(getScrollLeft(w), v); } else { if (v === undefined) { return w.scrollTop; } w.scrollTop = v; } }, viewportWidth: 0, viewportHeight: 0 }, domUtils); /***/ }), /* 120 */, /* 121 */, /* 122 */, /* 123 */, /* 124 */, /* 125 */, /* 126 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright 2015, Yahoo! Inc. * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms. */ var REACT_STATICS = { childContextTypes: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true }; var KNOWN_STATICS = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true }; var defineProperty = Object.defineProperty; var getOwnPropertyNames = Object.getOwnPropertyNames; var getOwnPropertySymbols = Object.getOwnPropertySymbols; var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; var getPrototypeOf = Object.getPrototypeOf; var objectPrototype = getPrototypeOf && getPrototypeOf(Object); function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) { if (typeof sourceComponent !== 'string') { // don't hoist over string (html) components if (objectPrototype) { var inheritedComponent = getPrototypeOf(sourceComponent); if (inheritedComponent && inheritedComponent !== objectPrototype) { hoistNonReactStatics(targetComponent, inheritedComponent, blacklist); } } var keys = getOwnPropertyNames(sourceComponent); if (getOwnPropertySymbols) { keys = keys.concat(getOwnPropertySymbols(sourceComponent)); } for (var i = 0; i < keys.length; ++i) { var key = keys[i]; if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) { var descriptor = getOwnPropertyDescriptor(sourceComponent, key); try { // Avoid failures from read-only properties defineProperty(targetComponent, key, descriptor); } catch (e) {} } } return targetComponent; } return targetComponent; } module.exports = hoistNonReactStatics; /***/ }), /* 127 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; // modified from https://github.com/es-shims/es5-shim var has = Object.prototype.hasOwnProperty; var toStr = Object.prototype.toString; var slice = Array.prototype.slice; var isArgs = __webpack_require__(205); var isEnumerable = Object.prototype.propertyIsEnumerable; var hasDontEnumBug = !isEnumerable.call({ toString: null }, 'toString'); var hasProtoEnumBug = isEnumerable.call(function () {}, 'prototype'); var dontEnums = [ 'toString', 'toLocaleString', 'valueOf', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'constructor' ]; var equalsConstructorPrototype = function (o) { var ctor = o.constructor; return ctor && ctor.prototype === o; }; var excludedKeys = { $console: true, $external: true, $frame: true, $frameElement: true, $frames: true, $innerHeight: true, $innerWidth: true, $outerHeight: true, $outerWidth: true, $pageXOffset: true, $pageYOffset: true, $parent: true, $scrollLeft: true, $scrollTop: true, $scrollX: true, $scrollY: true, $self: true, $webkitIndexedDB: true, $webkitStorageInfo: true, $window: true }; var hasAutomationEqualityBug = (function () { /* global window */ if (typeof window === 'undefined') { return false; } for (var k in window) { try { if (!excludedKeys['$' + k] && has.call(window, k) && window[k] !== null && typeof window[k] === 'object') { try { equalsConstructorPrototype(window[k]); } catch (e) { return true; } } } catch (e) { return true; } } return false; }()); var equalsConstructorPrototypeIfNotBuggy = function (o) { /* global window */ if (typeof window === 'undefined' || !hasAutomationEqualityBug) { return equalsConstructorPrototype(o); } try { return equalsConstructorPrototype(o); } catch (e) { return false; } }; var keysShim = function keys(object) { var isObject = object !== null && typeof object === 'object'; var isFunction = toStr.call(object) === '[object Function]'; var isArguments = isArgs(object); var isString = isObject && toStr.call(object) === '[object String]'; var theKeys = []; if (!isObject && !isFunction && !isArguments) { throw new TypeError('Object.keys called on a non-object'); } var skipProto = hasProtoEnumBug && isFunction; if (isString && object.length > 0 && !has.call(object, 0)) { for (var i = 0; i < object.length; ++i) { theKeys.push(String(i)); } } if (isArguments && object.length > 0) { for (var j = 0; j < object.length; ++j) { theKeys.push(String(j)); } } else { for (var name in object) { if (!(skipProto && name === 'prototype') && has.call(object, name)) { theKeys.push(String(name)); } } } if (hasDontEnumBug) { var skipConstructor = equalsConstructorPrototypeIfNotBuggy(object); for (var k = 0; k < dontEnums.length; ++k) { if (!(skipConstructor && dontEnums[k] === 'constructor') && has.call(object, dontEnums[k])) { theKeys.push(dontEnums[k]); } } } return theKeys; }; keysShim.shim = function shimObjectKeys() { if (Object.keys) { var keysWorksWithArguments = (function () { // Safari 5.0 bug return (Object.keys(arguments) || '').length === 2; }(1, 2)); if (!keysWorksWithArguments) { var originalKeys = Object.keys; Object.keys = function keys(object) { if (isArgs(object)) { return originalKeys(slice.call(object)); } else { return originalKeys(object); } }; } } else { Object.keys = keysShim; } return Object.keys || keysShim; }; module.exports = keysShim; /***/ }), /* 128 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var ES = __webpack_require__(208); var MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || (Math.pow(2, 53) - 1); // eslint-disable-next-line max-params, max-statements var FlattenIntoArray = function FlattenIntoArray(target, source, sourceLen, start, depth) { var targetIndex = start; var sourceIndex = 0; /* var mapperFunction; if (arguments.length > 5) { mapperFunction = arguments[5]; } */ while (sourceIndex < sourceLen) { var P = ES.ToString(sourceIndex); var exists = ES.HasProperty(source, P); if (exists) { var element = ES.Get(source, P); /* if (typeof mapperFunction !== 'undefined') { if (arguments.length <= 6) { throw new TypeError('Assertion failed: thisArg is required when mapperFunction is provided'); } element = ES.Call(mapperFunction, arguments[6], [element, sourceIndex, source]); } */ var shouldFlatten = false; if (depth > 0) { shouldFlatten = ES.IsArray(element); } if (shouldFlatten) { var elementLen = ES.ToLength(ES.Get(element, 'length')); targetIndex = FlattenIntoArray(target, element, elementLen, targetIndex, depth - 1); } else { if (targetIndex >= MAX_SAFE_INTEGER) { throw new TypeError('index too large'); } ES.CreateDataPropertyOrThrow(target, ES.ToString(targetIndex), element); targetIndex += 1; } } sourceIndex += 1; } return targetIndex; }; module.exports = function flat() { var O = ES.ToObject(this); var sourceLen = ES.ToLength(ES.Get(O, 'length')); var depthNum = 1; if (arguments.length > 0 && typeof arguments[0] !== 'undefined') { depthNum = ES.ToInteger(arguments[0]); } var A = ES.ArraySpeciesCreate(O, 0); FlattenIntoArray(A, O, sourceLen, 0, depthNum); return A; }; /***/ }), /* 129 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var ES2015 = __webpack_require__(209); var assign = __webpack_require__(107); var ES2016 = assign(assign({}, ES2015), { // https://github.com/tc39/ecma262/pull/60 SameValueNonNumber: function SameValueNonNumber(x, y) { if (typeof x === 'number' || typeof x !== typeof y) { throw new TypeError('SameValueNonNumber requires two non-number values of the same type.'); } return this.SameValue(x, y); } }); module.exports = ES2016; /***/ }), /* 130 */ /***/ (function(module, exports) { module.exports = function isPrimitive(value) { return value === null || (typeof value !== 'function' && typeof value !== 'object'); }; /***/ }), /* 131 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var toStr = Object.prototype.toString; var hasSymbols = __webpack_require__(213)(); if (hasSymbols) { var symToStr = Symbol.prototype.toString; var symStringRegex = /^Symbol\(.*\)$/; var isSymbolObject = function isRealSymbolObject(value) { if (typeof value.valueOf() !== 'symbol') { return false; } return symStringRegex.test(symToStr.call(value)); }; module.exports = function isSymbol(value) { if (typeof value === 'symbol') { return true; } if (toStr.call(value) !== '[object Symbol]') { return false; } try { return isSymbolObject(value); } catch (e) { return false; } }; } else { module.exports = function isSymbol(value) { // this environment does not support Symbols. return false && false; }; } /***/ }), /* 132 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* eslint complexity: [2, 17], max-statements: [2, 33] */ module.exports = function hasSymbols() { if (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; } if (typeof Symbol.iterator === 'symbol') { return true; } var obj = {}; var sym = Symbol('test'); var symObj = Object(sym); if (typeof sym === 'string') { return false; } if (Object.prototype.toString.call(sym) !== '[object Symbol]') { return false; } if (Object.prototype.toString.call(symObj) !== '[object Symbol]') { return false; } // temp disabled per https://github.com/ljharb/object.assign/issues/17 // if (sym instanceof Symbol) { return false; } // temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4 // if (!(symObj instanceof Symbol)) { return false; } // if (typeof Symbol.prototype.toString !== 'function') { return false; } // if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; } var symVal = 42; obj[sym] = symVal; for (sym in obj) { return false; } // eslint-disable-line no-restricted-syntax if (typeof Object.keys === 'function' && Object.keys(obj).length !== 0) { return false; } if (typeof Object.getOwnPropertyNames === 'function' && Object.getOwnPropertyNames(obj).length !== 0) { return false; } var syms = Object.getOwnPropertySymbols(obj); if (syms.length !== 1 || syms[0] !== sym) { return false; } if (!Object.prototype.propertyIsEnumerable.call(obj, sym)) { return false; } if (typeof Object.getOwnPropertyDescriptor === 'function') { var descriptor = Object.getOwnPropertyDescriptor(obj, sym); if (descriptor.value !== symVal || descriptor.enumerable !== true) { return false; } } return true; }; /***/ }), /* 133 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* globals Set, Map, WeakSet, WeakMap, Promise, Symbol, Proxy, Atomics, SharedArrayBuffer, ArrayBuffer, DataView, Uint8Array, Float32Array, Float64Array, Int8Array, Int16Array, Int32Array, Uint8ClampedArray, Uint16Array, Uint32Array, */ var undefined; // eslint-disable-line no-shadow-restricted-names var ThrowTypeError = Object.getOwnPropertyDescriptor ? (function () { return Object.getOwnPropertyDescriptor(arguments, 'callee').get; }()) : function () { throw new TypeError(); }; var hasSymbols = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol'; var getProto = Object.getPrototypeOf || function (x) { return x.__proto__; }; // eslint-disable-line no-proto var generator; // = function * () {}; var generatorFunction = generator ? getProto(generator) : undefined; var asyncFn; // async function() {}; var asyncFunction = asyncFn ? asyncFn.constructor : undefined; var asyncGen; // async function * () {}; var asyncGenFunction = asyncGen ? getProto(asyncGen) : undefined; var asyncGenIterator = asyncGen ? asyncGen() : undefined; var TypedArray = typeof Uint8Array === 'undefined' ? undefined : getProto(Uint8Array); var INTRINSICS = { '$ %Array%': Array, '$ %ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined : ArrayBuffer, '$ %ArrayBufferPrototype%': typeof ArrayBuffer === 'undefined' ? undefined : ArrayBuffer.prototype, '$ %ArrayIteratorPrototype%': hasSymbols ? getProto([][Symbol.iterator]()) : undefined, '$ %ArrayPrototype%': Array.prototype, '$ %ArrayProto_entries%': Array.prototype.entries, '$ %ArrayProto_forEach%': Array.prototype.forEach, '$ %ArrayProto_keys%': Array.prototype.keys, '$ %ArrayProto_values%': Array.prototype.values, '$ %AsyncFromSyncIteratorPrototype%': undefined, '$ %AsyncFunction%': asyncFunction, '$ %AsyncFunctionPrototype%': asyncFunction ? asyncFunction.prototype : undefined, '$ %AsyncGenerator%': asyncGen ? getProto(asyncGenIterator) : undefined, '$ %AsyncGeneratorFunction%': asyncGenFunction, '$ %AsyncGeneratorPrototype%': asyncGenFunction ? asyncGenFunction.prototype : undefined, '$ %AsyncIteratorPrototype%': asyncGenIterator && hasSymbols && Symbol.asyncIterator ? asyncGenIterator[Symbol.asyncIterator]() : undefined, '$ %Atomics%': typeof Atomics === 'undefined' ? undefined : Atomics, '$ %Boolean%': Boolean, '$ %BooleanPrototype%': Boolean.prototype, '$ %DataView%': typeof DataView === 'undefined' ? undefined : DataView, '$ %DataViewPrototype%': typeof DataView === 'undefined' ? undefined : DataView.prototype, '$ %Date%': Date, '$ %DatePrototype%': Date.prototype, '$ %decodeURI%': decodeURI, '$ %decodeURIComponent%': decodeURIComponent, '$ %encodeURI%': encodeURI, '$ %encodeURIComponent%': encodeURIComponent, '$ %Error%': Error, '$ %ErrorPrototype%': Error.prototype, '$ %eval%': eval, // eslint-disable-line no-eval '$ %EvalError%': EvalError, '$ %EvalErrorPrototype%': EvalError.prototype, '$ %Float32Array%': typeof Float32Array === 'undefined' ? undefined : Float32Array, '$ %Float32ArrayPrototype%': typeof Float32Array === 'undefined' ? undefined : Float32Array.prototype, '$ %Float64Array%': typeof Float64Array === 'undefined' ? undefined : Float64Array, '$ %Float64ArrayPrototype%': typeof Float64Array === 'undefined' ? undefined : Float64Array.prototype, '$ %Function%': Function, '$ %FunctionPrototype%': Function.prototype, '$ %Generator%': generator ? getProto(generator()) : undefined, '$ %GeneratorFunction%': generatorFunction, '$ %GeneratorPrototype%': generatorFunction ? generatorFunction.prototype : undefined, '$ %Int8Array%': typeof Int8Array === 'undefined' ? undefined : Int8Array, '$ %Int8ArrayPrototype%': typeof Int8Array === 'undefined' ? undefined : Int8Array.prototype, '$ %Int16Array%': typeof Int16Array === 'undefined' ? undefined : Int16Array, '$ %Int16ArrayPrototype%': typeof Int16Array === 'undefined' ? undefined : Int8Array.prototype, '$ %Int32Array%': typeof Int32Array === 'undefined' ? undefined : Int32Array, '$ %Int32ArrayPrototype%': typeof Int32Array === 'undefined' ? undefined : Int32Array.prototype, '$ %isFinite%': isFinite, '$ %isNaN%': isNaN, '$ %IteratorPrototype%': hasSymbols ? getProto(getProto([][Symbol.iterator]())) : undefined, '$ %JSON%': JSON, '$ %JSONParse%': JSON.parse, '$ %Map%': typeof Map === 'undefined' ? undefined : Map, '$ %MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols ? undefined : getProto(new Map()[Symbol.iterator]()), '$ %MapPrototype%': typeof Map === 'undefined' ? undefined : Map.prototype, '$ %Math%': Math, '$ %Number%': Number, '$ %NumberPrototype%': Number.prototype, '$ %Object%': Object, '$ %ObjectPrototype%': Object.prototype, '$ %ObjProto_toString%': Object.prototype.toString, '$ %ObjProto_valueOf%': Object.prototype.valueOf, '$ %parseFloat%': parseFloat, '$ %parseInt%': parseInt, '$ %Promise%': typeof Promise === 'undefined' ? undefined : Promise, '$ %PromisePrototype%': typeof Promise === 'undefined' ? undefined : Promise.prototype, '$ %PromiseProto_then%': typeof Promise === 'undefined' ? undefined : Promise.prototype.then, '$ %Promise_all%': typeof Promise === 'undefined' ? undefined : Promise.all, '$ %Promise_reject%': typeof Promise === 'undefined' ? undefined : Promise.reject, '$ %Promise_resolve%': typeof Promise === 'undefined' ? undefined : Promise.resolve, '$ %Proxy%': typeof Proxy === 'undefined' ? undefined : Proxy, '$ %RangeError%': RangeError, '$ %RangeErrorPrototype%': RangeError.prototype, '$ %ReferenceError%': ReferenceError, '$ %ReferenceErrorPrototype%': ReferenceError.prototype, '$ %Reflect%': typeof Reflect === 'undefined' ? undefined : Reflect, '$ %RegExp%': RegExp, '$ %RegExpPrototype%': RegExp.prototype, '$ %Set%': typeof Set === 'undefined' ? undefined : Set, '$ %SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols ? undefined : getProto(new Set()[Symbol.iterator]()), '$ %SetPrototype%': typeof Set === 'undefined' ? undefined : Set.prototype, '$ %SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined : SharedArrayBuffer, '$ %SharedArrayBufferPrototype%': typeof SharedArrayBuffer === 'undefined' ? undefined : SharedArrayBuffer.prototype, '$ %String%': String, '$ %StringIteratorPrototype%': hasSymbols ? getProto(''[Symbol.iterator]()) : undefined, '$ %StringPrototype%': String.prototype, '$ %Symbol%': hasSymbols ? Symbol : undefined, '$ %SymbolPrototype%': hasSymbols ? Symbol.prototype : undefined, '$ %SyntaxError%': SyntaxError, '$ %SyntaxErrorPrototype%': SyntaxError.prototype, '$ %ThrowTypeError%': ThrowTypeError, '$ %TypedArray%': TypedArray, '$ %TypedArrayPrototype%': TypedArray ? TypedArray.prototype : undefined, '$ %TypeError%': TypeError, '$ %TypeErrorPrototype%': TypeError.prototype, '$ %Uint8Array%': typeof Uint8Array === 'undefined' ? undefined : Uint8Array, '$ %Uint8ArrayPrototype%': typeof Uint8Array === 'undefined' ? undefined : Uint8Array.prototype, '$ %Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined : Uint8ClampedArray, '$ %Uint8ClampedArrayPrototype%': typeof Uint8ClampedArray === 'undefined' ? undefined : Uint8ClampedArray.prototype, '$ %Uint16Array%': typeof Uint16Array === 'undefined' ? undefined : Uint16Array, '$ %Uint16ArrayPrototype%': typeof Uint16Array === 'undefined' ? undefined : Uint16Array.prototype, '$ %Uint32Array%': typeof Uint32Array === 'undefined' ? undefined : Uint32Array, '$ %Uint32ArrayPrototype%': typeof Uint32Array === 'undefined' ? undefined : Uint32Array.prototype, '$ %URIError%': URIError, '$ %URIErrorPrototype%': URIError.prototype, '$ %WeakMap%': typeof WeakMap === 'undefined' ? undefined : WeakMap, '$ %WeakMapPrototype%': typeof WeakMap === 'undefined' ? undefined : WeakMap.prototype, '$ %WeakSet%': typeof WeakSet === 'undefined' ? undefined : WeakSet, '$ %WeakSetPrototype%': typeof WeakSet === 'undefined' ? undefined : WeakSet.prototype }; module.exports = function GetIntrinsic(name, allowMissing) { if (arguments.length > 1 && typeof allowMissing !== 'boolean') { throw new TypeError('"allowMissing" argument must be a boolean'); } var key = '$ ' + name; if (!(key in INTRINSICS)) { throw new SyntaxError('intrinsic ' + name + ' does not exist!'); } // istanbul ignore if // hopefully this is impossible to test :-) if (typeof INTRINSICS[key] === 'undefined' && !allowMissing) { throw new TypeError('intrinsic ' + name + ' exists, but is not available. Please file an issue!'); } return INTRINSICS[key]; }; /***/ }), /* 134 */ /***/ (function(module, exports) { module.exports = Number.isNaN || function isNaN(a) { return a !== a; }; /***/ }), /* 135 */ /***/ (function(module, exports) { var $isNaN = Number.isNaN || function (a) { return a !== a; }; module.exports = Number.isFinite || function (x) { return typeof x === 'number' && !$isNaN(x) && x !== Infinity && x !== -Infinity; }; /***/ }), /* 136 */ /***/ (function(module, exports) { module.exports = function sign(number) { return number >= 0 ? 1 : -1; }; /***/ }), /* 137 */ /***/ (function(module, exports) { module.exports = function mod(number, modulo) { var remain = number % modulo; return Math.floor(remain >= 0 ? remain : remain + modulo); }; /***/ }), /* 138 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var implementation = __webpack_require__(128); module.exports = function getPolyfill() { return Array.prototype.flat || implementation; }; /***/ }), /* 139 */ /***/ (function(module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", { value: true }); var styleInterface = void 0; var styleTheme = void 0; function registerTheme(theme) { styleTheme = theme; } function registerInterface(interfaceToRegister) { styleInterface = interfaceToRegister; } function create(makeFromTheme, createWithDirection) { var styles = createWithDirection(makeFromTheme(styleTheme)); return function () { return styles; }; } function createLTR(makeFromTheme) { return create(makeFromTheme, styleInterface.createLTR || styleInterface.create); } function createRTL(makeFromTheme) { return create(makeFromTheme, styleInterface.createRTL || styleInterface.create); } function get() { return styleTheme; } function resolve() { if (false) {} for (var _len = arguments.length, styles = Array(_len), _key = 0; _key < _len; _key++) { styles[_key] = arguments[_key]; } var result = styleInterface.resolve(styles); if (false) {} return result; } function resolveLTR() { for (var _len2 = arguments.length, styles = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { styles[_key2] = arguments[_key2]; } if (styleInterface.resolveLTR) { return styleInterface.resolveLTR(styles); } return resolve(styles); } function resolveRTL() { for (var _len3 = arguments.length, styles = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) { styles[_key3] = arguments[_key3]; } if (styleInterface.resolveRTL) { return styleInterface.resolveRTL(styles); } return resolve(styles); } function flush() { if (styleInterface.flush) { styleInterface.flush(); } } exports['default'] = { registerTheme: registerTheme, registerInterface: registerInterface, create: createLTR, createLTR: createLTR, createRTL: createRTL, get: get, resolve: resolveLTR, resolveLTR: resolveLTR, resolveRTL: resolveRTL, flush: flush }; /***/ }), /* 140 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var core = { white: '#fff', gray: '#484848', grayLight: '#82888a', grayLighter: '#cacccd', grayLightest: '#f2f2f2', borderMedium: '#c4c4c4', border: '#dbdbdb', borderLight: '#e4e7e7', borderLighter: '#eceeee', borderBright: '#f4f5f5', primary: '#00a699', primaryShade_1: '#33dacd', primaryShade_2: '#66e2da', primaryShade_3: '#80e8e0', primaryShade_4: '#b2f1ec', primary_dark: '#008489', secondary: '#007a87', yellow: '#ffe8bc', yellow_dark: '#ffce71' }; exports['default'] = { reactDates: { zIndex: 0, border: { input: { border: 0, borderTop: 0, borderRight: 0, borderBottom: '2px solid transparent', borderLeft: 0, outlineFocused: 0, borderFocused: 0, borderTopFocused: 0, borderLeftFocused: 0, borderBottomFocused: '2px solid ' + String(core.primary_dark), borderRightFocused: 0, borderRadius: 0 }, pickerInput: { borderWidth: 1, borderStyle: 'solid', borderRadius: 2 } }, color: { core: core, disabled: core.grayLightest, background: core.white, backgroundDark: '#f2f2f2', backgroundFocused: core.white, border: 'rgb(219, 219, 219)', text: core.gray, textDisabled: core.border, textFocused: '#007a87', placeholderText: '#757575', outside: { backgroundColor: core.white, backgroundColor_active: core.white, backgroundColor_hover: core.white, color: core.gray, color_active: core.gray, color_hover: core.gray }, highlighted: { backgroundColor: core.yellow, backgroundColor_active: core.yellow_dark, backgroundColor_hover: core.yellow_dark, color: core.gray, color_active: core.gray, color_hover: core.gray }, minimumNights: { backgroundColor: core.white, backgroundColor_active: core.white, backgroundColor_hover: core.white, borderColor: core.borderLighter, color: core.grayLighter, color_active: core.grayLighter, color_hover: core.grayLighter }, hoveredSpan: { backgroundColor: core.primaryShade_4, backgroundColor_active: core.primaryShade_3, backgroundColor_hover: core.primaryShade_4, borderColor: core.primaryShade_3, borderColor_active: core.primaryShade_3, borderColor_hover: core.primaryShade_3, color: core.secondary, color_active: core.secondary, color_hover: core.secondary }, selectedSpan: { backgroundColor: core.primaryShade_2, backgroundColor_active: core.primaryShade_1, backgroundColor_hover: core.primaryShade_1, borderColor: core.primaryShade_1, borderColor_active: core.primary, borderColor_hover: core.primary, color: core.white, color_active: core.white, color_hover: core.white }, selected: { backgroundColor: core.primary, backgroundColor_active: core.primary, backgroundColor_hover: core.primary, borderColor: core.primary, borderColor_active: core.primary, borderColor_hover: core.primary, color: core.white, color_active: core.white, color_hover: core.white }, blocked_calendar: { backgroundColor: core.grayLighter, backgroundColor_active: core.grayLighter, backgroundColor_hover: core.grayLighter, borderColor: core.grayLighter, borderColor_active: core.grayLighter, borderColor_hover: core.grayLighter, color: core.grayLight, color_active: core.grayLight, color_hover: core.grayLight }, blocked_out_of_range: { backgroundColor: core.white, backgroundColor_active: core.white, backgroundColor_hover: core.white, borderColor: core.borderLight, borderColor_active: core.borderLight, borderColor_hover: core.borderLight, color: core.grayLighter, color_active: core.grayLighter, color_hover: core.grayLighter } }, spacing: { dayPickerHorizontalPadding: 9, captionPaddingTop: 22, captionPaddingBottom: 37, inputPadding: 0, displayTextPaddingVertical: undefined, displayTextPaddingTop: 11, displayTextPaddingBottom: 9, displayTextPaddingHorizontal: undefined, displayTextPaddingLeft: 11, displayTextPaddingRight: 11, displayTextPaddingVertical_small: undefined, displayTextPaddingTop_small: 7, displayTextPaddingBottom_small: 5, displayTextPaddingHorizontal_small: undefined, displayTextPaddingLeft_small: 7, displayTextPaddingRight_small: 7 }, sizing: { inputWidth: 130, inputWidth_small: 97, arrowWidth: 24 }, noScrollBarOnVerticalScrollable: false, font: { size: 14, captionSize: 18, input: { size: 19, lineHeight: '24px', size_small: 15, lineHeight_small: '18px', letterSpacing_small: '0.2px', styleDisabled: 'italic' } } } }; /***/ }), /* 141 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; // modified from https://github.com/es-shims/es6-shim var keys = __webpack_require__(127); var bind = __webpack_require__(68); var canBeObject = function (obj) { return typeof obj !== 'undefined' && obj !== null; }; var hasSymbols = __webpack_require__(132)(); var toObject = Object; var push = bind.call(Function.call, Array.prototype.push); var propIsEnumerable = bind.call(Function.call, Object.prototype.propertyIsEnumerable); var originalGetSymbols = hasSymbols ? Object.getOwnPropertySymbols : null; module.exports = function assign(target, source1) { if (!canBeObject(target)) { throw new TypeError('target must be an object'); } var objTarget = toObject(target); var s, source, i, props, syms, value, key; for (s = 1; s < arguments.length; ++s) { source = toObject(arguments[s]); props = keys(source); var getSymbols = hasSymbols && (Object.getOwnPropertySymbols || originalGetSymbols); if (getSymbols) { syms = getSymbols(source); for (i = 0; i < syms.length; ++i) { key = syms[i]; if (propIsEnumerable(source, key)) { push(props, key); } } } for (i = 0; i < props.length; ++i) { key = props[i]; value = source[key]; if (propIsEnumerable(source, key)) { objTarget[key] = value; } } } return objTarget; }; /***/ }), /* 142 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var implementation = __webpack_require__(141); var lacksProperEnumerationOrder = function () { if (!Object.assign) { return false; } // v8, specifically in node 4.x, has a bug with incorrect property enumeration order // note: this does not detect the bug unless there's 20 characters var str = 'abcdefghijklmnopqrst'; var letters = str.split(''); var map = {}; for (var i = 0; i < letters.length; ++i) { map[letters[i]] = letters[i]; } var obj = Object.assign({}, map); var actual = ''; for (var k in obj) { actual += k; } return str !== actual; }; var assignHasPendingExceptions = function () { if (!Object.assign || !Object.preventExtensions) { return false; } // Firefox 37 still has "pending exception" logic in its Object.assign implementation, // which is 72% slower than our shim, and Firefox 40's native implementation. var thrower = Object.preventExtensions({ 1: 2 }); try { Object.assign(thrower, 'xy'); } catch (e) { return thrower[1] === 'y'; } return false; }; module.exports = function getPolyfill() { if (!Object.assign) { return implementation; } if (lacksProperEnumerationOrder()) { return implementation; } if (assignHasPendingExceptions()) { return implementation; } return Object.assign; }; /***/ }), /* 143 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getCalendarDaySettings; var _getPhrase = __webpack_require__(233); var _getPhrase2 = _interopRequireDefault(_getPhrase); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function getCalendarDaySettings(day, ariaLabelFormat, daySize, modifiers, phrases) { var chooseAvailableDate = phrases.chooseAvailableDate, dateIsUnavailable = phrases.dateIsUnavailable, dateIsSelected = phrases.dateIsSelected; var daySizeStyles = { width: daySize, height: daySize - 1 }; var useDefaultCursor = modifiers.has('blocked-minimum-nights') || modifiers.has('blocked-calendar') || modifiers.has('blocked-out-of-range'); var selected = modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('selected-end'); var hoveredSpan = !selected && (modifiers.has('hovered-span') || modifiers.has('after-hovered-start')); var isOutsideRange = modifiers.has('blocked-out-of-range'); var formattedDate = { date: day.format(ariaLabelFormat) }; var ariaLabel = (0, _getPhrase2['default'])(chooseAvailableDate, formattedDate); if (modifiers.has(_constants.BLOCKED_MODIFIER)) { ariaLabel = (0, _getPhrase2['default'])(dateIsUnavailable, formattedDate); } else if (selected) { ariaLabel = (0, _getPhrase2['default'])(dateIsSelected, formattedDate); } return { daySizeStyles: daySizeStyles, useDefaultCursor: useDefaultCursor, selected: selected, hoveredSpan: hoveredSpan, isOutsideRange: isOutsideRange, ariaLabel: ariaLabel }; } /***/ }), /* 144 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactAddonsShallowCompare = __webpack_require__(69); var _reactAddonsShallowCompare2 = _interopRequireDefault(_reactAddonsShallowCompare); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _CalendarWeek = __webpack_require__(234); var _CalendarWeek2 = _interopRequireDefault(_CalendarWeek); var _CalendarDay = __webpack_require__(108); var _CalendarDay2 = _interopRequireDefault(_CalendarDay); var _calculateDimension = __webpack_require__(145); var _calculateDimension2 = _interopRequireDefault(_calculateDimension); var _getCalendarMonthWeeks = __webpack_require__(236); var _getCalendarMonthWeeks2 = _interopRequireDefault(_getCalendarMonthWeeks); var _isSameDay = __webpack_require__(70); var _isSameDay2 = _interopRequireDefault(_isSameDay); var _toISODateString = __webpack_require__(90); var _toISODateString2 = _interopRequireDefault(_toISODateString); var _ModifiersShape = __webpack_require__(89); var _ModifiersShape2 = _interopRequireDefault(_ModifiersShape); var _ScrollableOrientationShape = __webpack_require__(72); var _ScrollableOrientationShape2 = _interopRequireDefault(_ScrollableOrientationShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint react/no-array-index-key: 0 */ var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { month: _reactMomentProptypes2['default'].momentObj, horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger, isVisible: _propTypes2['default'].bool, enableOutsideDays: _propTypes2['default'].bool, modifiers: _propTypes2['default'].objectOf(_ModifiersShape2['default']), orientation: _ScrollableOrientationShape2['default'], daySize: _airbnbPropTypes.nonNegativeInteger, onDayClick: _propTypes2['default'].func, onDayMouseEnter: _propTypes2['default'].func, onDayMouseLeave: _propTypes2['default'].func, onMonthSelect: _propTypes2['default'].func, onYearSelect: _propTypes2['default'].func, renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), firstDayOfWeek: _DayOfWeekShape2['default'], setMonthTitleHeight: _propTypes2['default'].func, verticalBorderSpacing: _airbnbPropTypes.nonNegativeInteger, focusedDate: _reactMomentProptypes2['default'].momentObj, // indicates focusable day isFocused: _propTypes2['default'].bool, // indicates whether or not to move focus to focusable day // i18n monthFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.CalendarDayPhrases)), dayAriaLabelFormat: _propTypes2['default'].string })); var defaultProps = { month: (0, _moment2['default'])(), horizontalMonthPadding: 13, isVisible: true, enableOutsideDays: false, modifiers: {}, orientation: _constants.HORIZONTAL_ORIENTATION, daySize: _constants.DAY_SIZE, onDayClick: function () { function onDayClick() {} return onDayClick; }(), onDayMouseEnter: function () { function onDayMouseEnter() {} return onDayMouseEnter; }(), onDayMouseLeave: function () { function onDayMouseLeave() {} return onDayMouseLeave; }(), onMonthSelect: function () { function onMonthSelect() {} return onMonthSelect; }(), onYearSelect: function () { function onYearSelect() {} return onYearSelect; }(), renderMonthText: null, renderCalendarDay: function () { function renderCalendarDay(props) { return _react2['default'].createElement(_CalendarDay2['default'], props); } return renderCalendarDay; }(), renderDayContents: null, renderMonthElement: null, firstDayOfWeek: null, setMonthTitleHeight: null, focusedDate: null, isFocused: false, // i18n monthFormat: 'MMMM YYYY', // english locale phrases: _defaultPhrases.CalendarDayPhrases, dayAriaLabelFormat: undefined, verticalBorderSpacing: undefined }; var CalendarMonth = function (_React$Component) { _inherits(CalendarMonth, _React$Component); function CalendarMonth(props) { _classCallCheck(this, CalendarMonth); var _this = _possibleConstructorReturn(this, (CalendarMonth.__proto__ || Object.getPrototypeOf(CalendarMonth)).call(this, props)); _this.state = { weeks: (0, _getCalendarMonthWeeks2['default'])(props.month, props.enableOutsideDays, props.firstDayOfWeek == null ? _moment2['default'].localeData().firstDayOfWeek() : props.firstDayOfWeek) }; _this.setCaptionRef = _this.setCaptionRef.bind(_this); _this.setMonthTitleHeight = _this.setMonthTitleHeight.bind(_this); return _this; } _createClass(CalendarMonth, [{ key: 'componentDidMount', value: function () { function componentDidMount() { this.setMonthTitleHeightTimeout = setTimeout(this.setMonthTitleHeight, 0); } return componentDidMount; }() }, { key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var month = nextProps.month, enableOutsideDays = nextProps.enableOutsideDays, firstDayOfWeek = nextProps.firstDayOfWeek; var _props = this.props, prevMonth = _props.month, prevEnableOutsideDays = _props.enableOutsideDays, prevFirstDayOfWeek = _props.firstDayOfWeek; if (!month.isSame(prevMonth) || enableOutsideDays !== prevEnableOutsideDays || firstDayOfWeek !== prevFirstDayOfWeek) { this.setState({ weeks: (0, _getCalendarMonthWeeks2['default'])(month, enableOutsideDays, firstDayOfWeek == null ? _moment2['default'].localeData().firstDayOfWeek() : firstDayOfWeek) }); } } return componentWillReceiveProps; }() }, { key: 'shouldComponentUpdate', value: function () { function shouldComponentUpdate(nextProps, nextState) { return (0, _reactAddonsShallowCompare2['default'])(this, nextProps, nextState); } return shouldComponentUpdate; }() }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { if (this.setMonthTitleHeightTimeout) { clearTimeout(this.setMonthTitleHeightTimeout); } } return componentWillUnmount; }() }, { key: 'setMonthTitleHeight', value: function () { function setMonthTitleHeight() { var setMonthTitleHeight = this.props.setMonthTitleHeight; if (setMonthTitleHeight) { var captionHeight = (0, _calculateDimension2['default'])(this.captionRef, 'height', true, true); setMonthTitleHeight(captionHeight); } } return setMonthTitleHeight; }() }, { key: 'setCaptionRef', value: function () { function setCaptionRef(ref) { this.captionRef = ref; } return setCaptionRef; }() }, { key: 'render', value: function () { function render() { var _props2 = this.props, dayAriaLabelFormat = _props2.dayAriaLabelFormat, daySize = _props2.daySize, focusedDate = _props2.focusedDate, horizontalMonthPadding = _props2.horizontalMonthPadding, isFocused = _props2.isFocused, isVisible = _props2.isVisible, modifiers = _props2.modifiers, month = _props2.month, monthFormat = _props2.monthFormat, onDayClick = _props2.onDayClick, onDayMouseEnter = _props2.onDayMouseEnter, onDayMouseLeave = _props2.onDayMouseLeave, onMonthSelect = _props2.onMonthSelect, onYearSelect = _props2.onYearSelect, orientation = _props2.orientation, phrases = _props2.phrases, renderCalendarDay = _props2.renderCalendarDay, renderDayContents = _props2.renderDayContents, renderMonthElement = _props2.renderMonthElement, renderMonthText = _props2.renderMonthText, styles = _props2.styles, verticalBorderSpacing = _props2.verticalBorderSpacing; var weeks = this.state.weeks; var monthTitle = renderMonthText ? renderMonthText(month) : month.format(monthFormat); var verticalScrollable = orientation === _constants.VERTICAL_SCROLLABLE; return _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.CalendarMonth, { padding: '0 ' + String(horizontalMonthPadding) + 'px' }), { 'data-visible': isVisible }), _react2['default'].createElement( 'div', _extends({ ref: this.setCaptionRef }, (0, _reactWithStyles.css)(styles.CalendarMonth_caption, verticalScrollable && styles.CalendarMonth_caption__verticalScrollable)), renderMonthElement ? renderMonthElement({ month: month, onMonthSelect: onMonthSelect, onYearSelect: onYearSelect }) : _react2['default'].createElement( 'strong', null, monthTitle ) ), _react2['default'].createElement( 'table', _extends({}, (0, _reactWithStyles.css)(!verticalBorderSpacing && styles.CalendarMonth_table, verticalBorderSpacing && styles.CalendarMonth_verticalSpacing, verticalBorderSpacing && { borderSpacing: '0px ' + String(verticalBorderSpacing) + 'px' }), { role: 'presentation' }), _react2['default'].createElement( 'tbody', null, weeks.map(function (week, i) { return _react2['default'].createElement( _CalendarWeek2['default'], { key: i }, week.map(function (day, dayOfWeek) { return renderCalendarDay({ key: dayOfWeek, day: day, daySize: daySize, isOutsideDay: !day || day.month() !== month.month(), tabIndex: isVisible && (0, _isSameDay2['default'])(day, focusedDate) ? 0 : -1, isFocused: isFocused, onDayMouseEnter: onDayMouseEnter, onDayMouseLeave: onDayMouseLeave, onDayClick: onDayClick, renderDayContents: renderDayContents, phrases: phrases, modifiers: modifiers[(0, _toISODateString2['default'])(day)], ariaLabelFormat: dayAriaLabelFormat }); }) ); }) ) ) ); } return render; }() }]); return CalendarMonth; }(_react2['default'].Component); CalendarMonth.propTypes = propTypes; CalendarMonth.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref) { var _ref$reactDates = _ref.reactDates, color = _ref$reactDates.color, font = _ref$reactDates.font, spacing = _ref$reactDates.spacing; return { CalendarMonth: { background: color.background, textAlign: 'center', verticalAlign: 'top', userSelect: 'none' }, CalendarMonth_table: { borderCollapse: 'collapse', borderSpacing: 0 }, CalendarMonth_verticalSpacing: { borderCollapse: 'separate' }, CalendarMonth_caption: { color: color.text, fontSize: font.captionSize, textAlign: 'center', paddingTop: spacing.captionPaddingTop, paddingBottom: spacing.captionPaddingBottom, captionSide: 'initial' }, CalendarMonth_caption__verticalScrollable: { paddingTop: 12, paddingBottom: 7 } }; })(CalendarMonth); /***/ }), /* 145 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = calculateDimension; function calculateDimension(el, axis) { var borderBox = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; var withMargin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; if (!el) { return 0; } var axisStart = axis === 'width' ? 'Left' : 'Top'; var axisEnd = axis === 'width' ? 'Right' : 'Bottom'; // Only read styles if we need to var style = !borderBox || withMargin ? window.getComputedStyle(el) : null; // Offset includes border and padding var offsetWidth = el.offsetWidth, offsetHeight = el.offsetHeight; var size = axis === 'width' ? offsetWidth : offsetHeight; // Get the inner size if (!borderBox) { size -= parseFloat(style['padding' + axisStart]) + parseFloat(style['padding' + axisEnd]) + parseFloat(style['border' + axisStart + 'Width']) + parseFloat(style['border' + axisEnd + 'Width']); } // Apply margin if (withMargin) { size += parseFloat(style['margin' + axisStart]) + parseFloat(style['margin' + axisEnd]); } return size; } /***/ }), /* 146 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactAddonsShallowCompare = __webpack_require__(69); var _reactAddonsShallowCompare2 = _interopRequireDefault(_reactAddonsShallowCompare); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _consolidatedEvents = __webpack_require__(91); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _CalendarMonth = __webpack_require__(144); var _CalendarMonth2 = _interopRequireDefault(_CalendarMonth); var _isTransitionEndSupported = __webpack_require__(237); var _isTransitionEndSupported2 = _interopRequireDefault(_isTransitionEndSupported); var _getTransformStyles = __webpack_require__(238); var _getTransformStyles2 = _interopRequireDefault(_getTransformStyles); var _getCalendarMonthWidth = __webpack_require__(147); var _getCalendarMonthWidth2 = _interopRequireDefault(_getCalendarMonthWidth); var _toISOMonthString = __webpack_require__(92); var _toISOMonthString2 = _interopRequireDefault(_toISOMonthString); var _isPrevMonth = __webpack_require__(239); var _isPrevMonth2 = _interopRequireDefault(_isPrevMonth); var _isNextMonth = __webpack_require__(240); var _isNextMonth2 = _interopRequireDefault(_isNextMonth); var _ModifiersShape = __webpack_require__(89); var _ModifiersShape2 = _interopRequireDefault(_ModifiersShape); var _ScrollableOrientationShape = __webpack_require__(72); var _ScrollableOrientationShape2 = _interopRequireDefault(_ScrollableOrientationShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { enableOutsideDays: _propTypes2['default'].bool, firstVisibleMonthIndex: _propTypes2['default'].number, horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger, initialMonth: _reactMomentProptypes2['default'].momentObj, isAnimating: _propTypes2['default'].bool, numberOfMonths: _propTypes2['default'].number, modifiers: _propTypes2['default'].objectOf(_propTypes2['default'].objectOf(_ModifiersShape2['default'])), orientation: _ScrollableOrientationShape2['default'], onDayClick: _propTypes2['default'].func, onDayMouseEnter: _propTypes2['default'].func, onDayMouseLeave: _propTypes2['default'].func, onMonthTransitionEnd: _propTypes2['default'].func, onMonthChange: _propTypes2['default'].func, onYearChange: _propTypes2['default'].func, renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, translationValue: _propTypes2['default'].number, renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), daySize: _airbnbPropTypes.nonNegativeInteger, focusedDate: _reactMomentProptypes2['default'].momentObj, // indicates focusable day isFocused: _propTypes2['default'].bool, // indicates whether or not to move focus to focusable day firstDayOfWeek: _DayOfWeekShape2['default'], setMonthTitleHeight: _propTypes2['default'].func, isRTL: _propTypes2['default'].bool, transitionDuration: _airbnbPropTypes.nonNegativeInteger, verticalBorderSpacing: _airbnbPropTypes.nonNegativeInteger, // i18n monthFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.CalendarDayPhrases)), dayAriaLabelFormat: _propTypes2['default'].string })); var defaultProps = { enableOutsideDays: false, firstVisibleMonthIndex: 0, horizontalMonthPadding: 13, initialMonth: (0, _moment2['default'])(), isAnimating: false, numberOfMonths: 1, modifiers: {}, orientation: _constants.HORIZONTAL_ORIENTATION, onDayClick: function () { function onDayClick() {} return onDayClick; }(), onDayMouseEnter: function () { function onDayMouseEnter() {} return onDayMouseEnter; }(), onDayMouseLeave: function () { function onDayMouseLeave() {} return onDayMouseLeave; }(), onMonthChange: function () { function onMonthChange() {} return onMonthChange; }(), onYearChange: function () { function onYearChange() {} return onYearChange; }(), onMonthTransitionEnd: function () { function onMonthTransitionEnd() {} return onMonthTransitionEnd; }(), renderMonthText: null, renderCalendarDay: undefined, renderDayContents: null, translationValue: null, renderMonthElement: null, daySize: _constants.DAY_SIZE, focusedDate: null, isFocused: false, firstDayOfWeek: null, setMonthTitleHeight: null, isRTL: false, transitionDuration: 200, verticalBorderSpacing: undefined, // i18n monthFormat: 'MMMM YYYY', // english locale phrases: _defaultPhrases.CalendarDayPhrases, dayAriaLabelFormat: undefined }; function getMonths(initialMonth, numberOfMonths, withoutTransitionMonths) { var month = initialMonth.clone(); if (!withoutTransitionMonths) month = month.subtract(1, 'month'); var months = []; for (var i = 0; i < (withoutTransitionMonths ? numberOfMonths : numberOfMonths + 2); i += 1) { months.push(month); month = month.clone().add(1, 'month'); } return months; } var CalendarMonthGrid = function (_React$Component) { _inherits(CalendarMonthGrid, _React$Component); function CalendarMonthGrid(props) { _classCallCheck(this, CalendarMonthGrid); var _this = _possibleConstructorReturn(this, (CalendarMonthGrid.__proto__ || Object.getPrototypeOf(CalendarMonthGrid)).call(this, props)); var withoutTransitionMonths = props.orientation === _constants.VERTICAL_SCROLLABLE; _this.state = { months: getMonths(props.initialMonth, props.numberOfMonths, withoutTransitionMonths) }; _this.isTransitionEndSupported = (0, _isTransitionEndSupported2['default'])(); _this.onTransitionEnd = _this.onTransitionEnd.bind(_this); _this.setContainerRef = _this.setContainerRef.bind(_this); _this.locale = _moment2['default'].locale(); _this.onMonthSelect = _this.onMonthSelect.bind(_this); _this.onYearSelect = _this.onYearSelect.bind(_this); return _this; } _createClass(CalendarMonthGrid, [{ key: 'componentDidMount', value: function () { function componentDidMount() { this.removeEventListener = (0, _consolidatedEvents.addEventListener)(this.container, 'transitionend', this.onTransitionEnd); } return componentDidMount; }() }, { key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var _this2 = this; var initialMonth = nextProps.initialMonth, numberOfMonths = nextProps.numberOfMonths, orientation = nextProps.orientation; var months = this.state.months; var _props = this.props, prevInitialMonth = _props.initialMonth, prevNumberOfMonths = _props.numberOfMonths; var hasMonthChanged = !prevInitialMonth.isSame(initialMonth, 'month'); var hasNumberOfMonthsChanged = prevNumberOfMonths !== numberOfMonths; var newMonths = months; if (hasMonthChanged && !hasNumberOfMonthsChanged) { if ((0, _isNextMonth2['default'])(prevInitialMonth, initialMonth)) { newMonths = months.slice(1); newMonths.push(months[months.length - 1].clone().add(1, 'month')); } else if ((0, _isPrevMonth2['default'])(prevInitialMonth, initialMonth)) { newMonths = months.slice(0, months.length - 1); newMonths.unshift(months[0].clone().subtract(1, 'month')); } else { var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; newMonths = getMonths(initialMonth, numberOfMonths, withoutTransitionMonths); } } if (hasNumberOfMonthsChanged) { var _withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; newMonths = getMonths(initialMonth, numberOfMonths, _withoutTransitionMonths); } var momentLocale = _moment2['default'].locale(); if (this.locale !== momentLocale) { this.locale = momentLocale; newMonths = newMonths.map(function (m) { return m.locale(_this2.locale); }); } this.setState({ months: newMonths }); } return componentWillReceiveProps; }() }, { key: 'shouldComponentUpdate', value: function () { function shouldComponentUpdate(nextProps, nextState) { return (0, _reactAddonsShallowCompare2['default'])(this, nextProps, nextState); } return shouldComponentUpdate; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate() { var _props2 = this.props, isAnimating = _props2.isAnimating, transitionDuration = _props2.transitionDuration, onMonthTransitionEnd = _props2.onMonthTransitionEnd; // For IE9, immediately call onMonthTransitionEnd instead of // waiting for the animation to complete. Similarly, if transitionDuration // is set to 0, also immediately invoke the onMonthTransitionEnd callback if ((!this.isTransitionEndSupported || !transitionDuration) && isAnimating) { onMonthTransitionEnd(); } } return componentDidUpdate; }() }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { if (this.removeEventListener) this.removeEventListener(); } return componentWillUnmount; }() }, { key: 'onTransitionEnd', value: function () { function onTransitionEnd() { var onMonthTransitionEnd = this.props.onMonthTransitionEnd; onMonthTransitionEnd(); } return onTransitionEnd; }() }, { key: 'onMonthSelect', value: function () { function onMonthSelect(currentMonth, newMonthVal) { var newMonth = currentMonth.clone(); var _props3 = this.props, onMonthChange = _props3.onMonthChange, orientation = _props3.orientation; var months = this.state.months; var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var initialMonthSubtraction = months.indexOf(currentMonth); if (!withoutTransitionMonths) { initialMonthSubtraction -= 1; } newMonth.set('month', newMonthVal).subtract(initialMonthSubtraction, 'months'); onMonthChange(newMonth); } return onMonthSelect; }() }, { key: 'onYearSelect', value: function () { function onYearSelect(currentMonth, newYearVal) { var newMonth = currentMonth.clone(); var _props4 = this.props, onYearChange = _props4.onYearChange, orientation = _props4.orientation; var months = this.state.months; var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var initialMonthSubtraction = months.indexOf(currentMonth); if (!withoutTransitionMonths) { initialMonthSubtraction -= 1; } newMonth.set('year', newYearVal).subtract(initialMonthSubtraction, 'months'); onYearChange(newMonth); } return onYearSelect; }() }, { key: 'setContainerRef', value: function () { function setContainerRef(ref) { this.container = ref; } return setContainerRef; }() }, { key: 'render', value: function () { function render() { var _this3 = this; var _props5 = this.props, enableOutsideDays = _props5.enableOutsideDays, firstVisibleMonthIndex = _props5.firstVisibleMonthIndex, horizontalMonthPadding = _props5.horizontalMonthPadding, isAnimating = _props5.isAnimating, modifiers = _props5.modifiers, numberOfMonths = _props5.numberOfMonths, monthFormat = _props5.monthFormat, orientation = _props5.orientation, translationValue = _props5.translationValue, daySize = _props5.daySize, onDayMouseEnter = _props5.onDayMouseEnter, onDayMouseLeave = _props5.onDayMouseLeave, onDayClick = _props5.onDayClick, renderMonthText = _props5.renderMonthText, renderCalendarDay = _props5.renderCalendarDay, renderDayContents = _props5.renderDayContents, renderMonthElement = _props5.renderMonthElement, onMonthTransitionEnd = _props5.onMonthTransitionEnd, firstDayOfWeek = _props5.firstDayOfWeek, focusedDate = _props5.focusedDate, isFocused = _props5.isFocused, isRTL = _props5.isRTL, styles = _props5.styles, phrases = _props5.phrases, dayAriaLabelFormat = _props5.dayAriaLabelFormat, transitionDuration = _props5.transitionDuration, verticalBorderSpacing = _props5.verticalBorderSpacing, setMonthTitleHeight = _props5.setMonthTitleHeight; var months = this.state.months; var isVertical = orientation === _constants.VERTICAL_ORIENTATION; var isVerticalScrollable = orientation === _constants.VERTICAL_SCROLLABLE; var isHorizontal = orientation === _constants.HORIZONTAL_ORIENTATION; var calendarMonthWidth = (0, _getCalendarMonthWidth2['default'])(daySize, horizontalMonthPadding); var width = isVertical || isVerticalScrollable ? calendarMonthWidth : (numberOfMonths + 2) * calendarMonthWidth; var transformType = isVertical || isVerticalScrollable ? 'translateY' : 'translateX'; var transformValue = transformType + '(' + String(translationValue) + 'px)'; return _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.CalendarMonthGrid, isHorizontal && styles.CalendarMonthGrid__horizontal, isVertical && styles.CalendarMonthGrid__vertical, isVerticalScrollable && styles.CalendarMonthGrid__vertical_scrollable, isAnimating && styles.CalendarMonthGrid__animating, isAnimating && transitionDuration && { transition: 'transform ' + String(transitionDuration) + 'ms ease-in-out' }, (0, _object2['default'])({}, (0, _getTransformStyles2['default'])(transformValue), { width: width })), { ref: this.setContainerRef, onTransitionEnd: onMonthTransitionEnd }), months.map(function (month, i) { var isVisible = i >= firstVisibleMonthIndex && i < firstVisibleMonthIndex + numberOfMonths; var hideForAnimation = i === 0 && !isVisible; var showForAnimation = i === 0 && isAnimating && isVisible; var monthString = (0, _toISOMonthString2['default'])(month); return _react2['default'].createElement( 'div', _extends({ key: monthString }, (0, _reactWithStyles.css)(isHorizontal && styles.CalendarMonthGrid_month__horizontal, hideForAnimation && styles.CalendarMonthGrid_month__hideForAnimation, showForAnimation && !isVertical && !isRTL && { position: 'absolute', left: -calendarMonthWidth }, showForAnimation && !isVertical && isRTL && { position: 'absolute', right: 0 }, showForAnimation && isVertical && { position: 'absolute', top: -translationValue }, !isVisible && !isAnimating && styles.CalendarMonthGrid_month__hidden)), _react2['default'].createElement(_CalendarMonth2['default'], { month: month, isVisible: isVisible, enableOutsideDays: enableOutsideDays, modifiers: modifiers[monthString], monthFormat: monthFormat, orientation: orientation, onDayMouseEnter: onDayMouseEnter, onDayMouseLeave: onDayMouseLeave, onDayClick: onDayClick, onMonthSelect: _this3.onMonthSelect, onYearSelect: _this3.onYearSelect, renderMonthText: renderMonthText, renderCalendarDay: renderCalendarDay, renderDayContents: renderDayContents, renderMonthElement: renderMonthElement, firstDayOfWeek: firstDayOfWeek, daySize: daySize, focusedDate: isVisible ? focusedDate : null, isFocused: isFocused, phrases: phrases, setMonthTitleHeight: setMonthTitleHeight, dayAriaLabelFormat: dayAriaLabelFormat, verticalBorderSpacing: verticalBorderSpacing, horizontalMonthPadding: horizontalMonthPadding }) ); }) ); } return render; }() }]); return CalendarMonthGrid; }(_react2['default'].Component); CalendarMonthGrid.propTypes = propTypes; CalendarMonthGrid.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref) { var _ref$reactDates = _ref.reactDates, color = _ref$reactDates.color, noScrollBarOnVerticalScrollable = _ref$reactDates.noScrollBarOnVerticalScrollable, spacing = _ref$reactDates.spacing, zIndex = _ref$reactDates.zIndex; return { CalendarMonthGrid: { background: color.background, textAlign: 'left', zIndex: zIndex }, CalendarMonthGrid__animating: { zIndex: zIndex + 1 }, CalendarMonthGrid__horizontal: { position: 'absolute', left: spacing.dayPickerHorizontalPadding }, CalendarMonthGrid__vertical: { margin: '0 auto' }, CalendarMonthGrid__vertical_scrollable: (0, _object2['default'])({ margin: '0 auto', overflowY: 'scroll' }, noScrollBarOnVerticalScrollable && { '-webkitOverflowScrolling': 'touch', '::-webkit-scrollbar': { '-webkit-appearance': 'none', display: 'none' } }), CalendarMonthGrid_month__horizontal: { display: 'inline-block', verticalAlign: 'top', minHeight: '100%' }, CalendarMonthGrid_month__hideForAnimation: { position: 'absolute', zIndex: zIndex - 1, opacity: 0, pointerEvents: 'none' }, CalendarMonthGrid_month__hidden: { visibility: 'hidden' } }; })(CalendarMonthGrid); /***/ }), /* 147 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = getCalendarMonthWidth; function getCalendarMonthWidth(daySize, calendarMonthPadding) { return 7 * daySize + 2 * calendarMonthPadding + 1; } /***/ }), /* 148 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isSameMonth; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isSameMonth(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; // Compare least significant, most likely to change units first // Moment's isSame clones moment inputs and is a tad slow return a.month() === b.month() && a.year() === b.year(); } /***/ }), /* 149 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var ES = __webpack_require__(243); var has = __webpack_require__(88); var bind = __webpack_require__(68); var isEnumerable = bind.call(Function.call, Object.prototype.propertyIsEnumerable); module.exports = function values(O) { var obj = ES.RequireObjectCoercible(O); var vals = []; for (var key in obj) { if (has(obj, key) && isEnumerable(obj, key)) { vals.push(obj[key]); } } return vals; }; /***/ }), /* 150 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var implementation = __webpack_require__(149); module.exports = function getPolyfill() { return typeof Object.values === 'function' ? Object.values : implementation; }; /***/ }), /* 151 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _FocusedInputShape = __webpack_require__(152); var _FocusedInputShape2 = _interopRequireDefault(_FocusedInputShape); var _IconPositionShape = __webpack_require__(80); var _IconPositionShape2 = _interopRequireDefault(_IconPositionShape); var _OrientationShape = __webpack_require__(153); var _OrientationShape2 = _interopRequireDefault(_OrientationShape); var _DisabledShape = __webpack_require__(93); var _DisabledShape2 = _interopRequireDefault(_DisabledShape); var _AnchorDirectionShape = __webpack_require__(154); var _AnchorDirectionShape2 = _interopRequireDefault(_AnchorDirectionShape); var _OpenDirectionShape = __webpack_require__(74); var _OpenDirectionShape2 = _interopRequireDefault(_OpenDirectionShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _CalendarInfoPositionShape = __webpack_require__(81); var _CalendarInfoPositionShape2 = _interopRequireDefault(_CalendarInfoPositionShape); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = { // required props for a functional interactive DateRangePicker startDate: _reactMomentProptypes2['default'].momentObj, endDate: _reactMomentProptypes2['default'].momentObj, onDatesChange: _propTypes2['default'].func.isRequired, focusedInput: _FocusedInputShape2['default'], onFocusChange: _propTypes2['default'].func.isRequired, onClose: _propTypes2['default'].func, // input related props startDateId: _propTypes2['default'].string.isRequired, startDatePlaceholderText: _propTypes2['default'].string, endDateId: _propTypes2['default'].string.isRequired, endDatePlaceholderText: _propTypes2['default'].string, disabled: _DisabledShape2['default'], required: _propTypes2['default'].bool, readOnly: _propTypes2['default'].bool, screenReaderInputMessage: _propTypes2['default'].string, showClearDates: _propTypes2['default'].bool, showDefaultInputIcon: _propTypes2['default'].bool, inputIconPosition: _IconPositionShape2['default'], customInputIcon: _propTypes2['default'].node, customArrowIcon: _propTypes2['default'].node, customCloseIcon: _propTypes2['default'].node, noBorder: _propTypes2['default'].bool, block: _propTypes2['default'].bool, small: _propTypes2['default'].bool, regular: _propTypes2['default'].bool, keepFocusOnInput: _propTypes2['default'].bool, // calendar presentation and interaction related props renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), orientation: _OrientationShape2['default'], anchorDirection: _AnchorDirectionShape2['default'], openDirection: _OpenDirectionShape2['default'], horizontalMargin: _propTypes2['default'].number, withPortal: _propTypes2['default'].bool, withFullScreenPortal: _propTypes2['default'].bool, appendToBody: _propTypes2['default'].bool, disableScroll: _propTypes2['default'].bool, daySize: _airbnbPropTypes.nonNegativeInteger, isRTL: _propTypes2['default'].bool, firstDayOfWeek: _DayOfWeekShape2['default'], initialVisibleMonth: _propTypes2['default'].func, numberOfMonths: _propTypes2['default'].number, keepOpenOnDateSelect: _propTypes2['default'].bool, reopenPickerOnClearDates: _propTypes2['default'].bool, renderCalendarInfo: _propTypes2['default'].func, calendarInfoPosition: _CalendarInfoPositionShape2['default'], hideKeyboardShortcutsPanel: _propTypes2['default'].bool, verticalHeight: _airbnbPropTypes.nonNegativeInteger, transitionDuration: _airbnbPropTypes.nonNegativeInteger, verticalSpacing: _airbnbPropTypes.nonNegativeInteger, // navigation related props navPrev: _propTypes2['default'].node, navNext: _propTypes2['default'].node, onPrevMonthClick: _propTypes2['default'].func, onNextMonthClick: _propTypes2['default'].func, // day presentation and interaction related props renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, minimumNights: _propTypes2['default'].number, enableOutsideDays: _propTypes2['default'].bool, isDayBlocked: _propTypes2['default'].func, isOutsideRange: _propTypes2['default'].func, isDayHighlighted: _propTypes2['default'].func, // internationalization props displayFormat: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].func]), monthFormat: _propTypes2['default'].string, weekDayFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DateRangePickerPhrases)), dayAriaLabelFormat: _propTypes2['default'].string }; /***/ }), /* 152 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.START_DATE, _constants.END_DATE]); /***/ }), /* 153 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.HORIZONTAL_ORIENTATION, _constants.VERTICAL_ORIENTATION]); /***/ }), /* 154 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].oneOf([_constants.ANCHOR_LEFT, _constants.ANCHOR_RIGHT]); /***/ }), /* 155 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getResponsiveContainerStyles; var _constants = __webpack_require__(34); function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function getResponsiveContainerStyles(anchorDirection, currentOffset, containerEdge, margin) { var windowWidth = typeof window !== 'undefined' ? window.innerWidth : 0; var calculatedOffset = anchorDirection === _constants.ANCHOR_LEFT ? windowWidth - containerEdge : containerEdge; var calculatedMargin = margin || 0; return _defineProperty({}, anchorDirection, Math.min(currentOffset + calculatedOffset - calculatedMargin, 0)); } /***/ }), /* 156 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getDetachedContainerStyles; var _constants = __webpack_require__(34); /** * Calculate and return a CSS transform style to position a detached element * next to a reference element. The open and anchor direction indicate wether * it should be positioned above/below and/or to the left/right of the * reference element. * * Assuming r(0,0), r(1,1), d(0,0), d(1,1) for the bottom-left and top-right * corners of the reference and detached elements, respectively: * - openDirection = DOWN, anchorDirection = LEFT => d(0,1) == r(0,1) * - openDirection = UP, anchorDirection = LEFT => d(0,0) == r(0,0) * - openDirection = DOWN, anchorDirection = RIGHT => d(1,1) == r(1,1) * - openDirection = UP, anchorDirection = RIGHT => d(1,0) == r(1,0) * * By using a CSS transform, we allow to further position it using * top/bottom CSS properties for the anchor gutter. * * @param {string} openDirection The vertical positioning of the popup * @param {string} anchorDirection The horizontal position of the popup * @param {HTMLElement} referenceEl The reference element */ function getDetachedContainerStyles(openDirection, anchorDirection, referenceEl) { var referenceRect = referenceEl.getBoundingClientRect(); var offsetX = referenceRect.left; var offsetY = referenceRect.top; if (openDirection === _constants.OPEN_UP) { offsetY = -(window.innerHeight - referenceRect.bottom); } if (anchorDirection === _constants.ANCHOR_RIGHT) { offsetX = -(window.innerWidth - referenceRect.right); } return { transform: 'translate3d(' + String(Math.round(offsetX)) + 'px, ' + String(Math.round(offsetY)) + 'px, 0)' }; } /***/ }), /* 157 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.getScrollParent = getScrollParent; exports.getScrollAncestorsOverflowY = getScrollAncestorsOverflowY; exports['default'] = disableScroll; var getScrollingRoot = function getScrollingRoot() { return document.scrollingElement || document.documentElement; }; /** * Recursively finds the scroll parent of a node. The scroll parrent of a node * is the closest node that is scrollable. A node is scrollable if: * - it is allowed to scroll via CSS ('overflow-y' not visible or hidden); * - and its children/content are "bigger" than the node's box height. * * The root of the document always scrolls by default. * * @param {HTMLElement} node Any DOM element. * @return {HTMLElement} The scroll parent element. */ function getScrollParent(node) { var parent = node.parentElement; if (parent == null) return getScrollingRoot(); var _window$getComputedSt = window.getComputedStyle(parent), overflowY = _window$getComputedSt.overflowY; var canScroll = overflowY !== 'visible' && overflowY !== 'hidden'; if (canScroll && parent.scrollHeight > parent.clientHeight) { return parent; } return getScrollParent(parent); } /** * Recursively traverses the tree upwards from the given node, capturing all * ancestor nodes that scroll along with their current 'overflow-y' CSS * property. * * @param {HTMLElement} node Any DOM element. * @param {Map<HTMLElement,string>} [acc] Accumulator map. * @return {Map<HTMLElement,string>} Map of ancestors with their 'overflow-y' value. */ function getScrollAncestorsOverflowY(node) { var acc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Map(); var scrollingRoot = getScrollingRoot(); var scrollParent = getScrollParent(node); acc.set(scrollParent, scrollParent.style.overflowY); if (scrollParent === scrollingRoot) return acc; return getScrollAncestorsOverflowY(scrollParent, acc); } /** * Disabling the scroll on a node involves finding all the scrollable ancestors * and set their 'overflow-y' CSS property to 'hidden'. When all ancestors have * 'overflow-y: hidden' (up to the document element) there is no scroll * container, thus all the scroll outside of the node is disabled. In order to * enable scroll again, we store the previous value of the 'overflow-y' for * every ancestor in a closure and reset it back. * * @param {HTMLElement} node Any DOM element. */ function disableScroll(node) { var scrollAncestorsOverflowY = getScrollAncestorsOverflowY(node); var toggle = function toggle(on) { return scrollAncestorsOverflowY.forEach(function (overflowY, ancestor) { ancestor.style.setProperty('overflow-y', on ? 'hidden' : overflowY); }); }; toggle(true); return function () { return toggle(false); }; } /***/ }), /* 158 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); 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; }; }(); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _OpenDirectionShape = __webpack_require__(74); var _OpenDirectionShape2 = _interopRequireDefault(_OpenDirectionShape); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _DateRangePickerInput = __webpack_require__(159); var _DateRangePickerInput2 = _interopRequireDefault(_DateRangePickerInput); var _IconPositionShape = __webpack_require__(80); var _IconPositionShape2 = _interopRequireDefault(_IconPositionShape); var _DisabledShape = __webpack_require__(93); var _DisabledShape2 = _interopRequireDefault(_DisabledShape); var _toMomentObject = __webpack_require__(71); var _toMomentObject2 = _interopRequireDefault(_toMomentObject); var _toLocalizedDateString = __webpack_require__(115); var _toLocalizedDateString2 = _interopRequireDefault(_toLocalizedDateString); var _isInclusivelyAfterDay = __webpack_require__(82); var _isInclusivelyAfterDay2 = _interopRequireDefault(_isInclusivelyAfterDay); var _isBeforeDay = __webpack_require__(83); var _isBeforeDay2 = _interopRequireDefault(_isBeforeDay); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)({ startDate: _reactMomentProptypes2['default'].momentObj, startDateId: _propTypes2['default'].string, startDatePlaceholderText: _propTypes2['default'].string, isStartDateFocused: _propTypes2['default'].bool, endDate: _reactMomentProptypes2['default'].momentObj, endDateId: _propTypes2['default'].string, endDatePlaceholderText: _propTypes2['default'].string, isEndDateFocused: _propTypes2['default'].bool, screenReaderMessage: _propTypes2['default'].string, showClearDates: _propTypes2['default'].bool, showCaret: _propTypes2['default'].bool, showDefaultInputIcon: _propTypes2['default'].bool, inputIconPosition: _IconPositionShape2['default'], disabled: _DisabledShape2['default'], required: _propTypes2['default'].bool, readOnly: _propTypes2['default'].bool, openDirection: _OpenDirectionShape2['default'], noBorder: _propTypes2['default'].bool, block: _propTypes2['default'].bool, small: _propTypes2['default'].bool, regular: _propTypes2['default'].bool, verticalSpacing: _airbnbPropTypes.nonNegativeInteger, keepOpenOnDateSelect: _propTypes2['default'].bool, reopenPickerOnClearDates: _propTypes2['default'].bool, withFullScreenPortal: _propTypes2['default'].bool, minimumNights: _airbnbPropTypes.nonNegativeInteger, isOutsideRange: _propTypes2['default'].func, displayFormat: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].func]), onFocusChange: _propTypes2['default'].func, onClose: _propTypes2['default'].func, onDatesChange: _propTypes2['default'].func, onKeyDownArrowDown: _propTypes2['default'].func, onKeyDownQuestionMark: _propTypes2['default'].func, customInputIcon: _propTypes2['default'].node, customArrowIcon: _propTypes2['default'].node, customCloseIcon: _propTypes2['default'].node, // accessibility isFocused: _propTypes2['default'].bool, // i18n phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DateRangePickerInputPhrases)), isRTL: _propTypes2['default'].bool }); var defaultProps = { startDate: null, startDateId: _constants.START_DATE, startDatePlaceholderText: 'Start Date', isStartDateFocused: false, endDate: null, endDateId: _constants.END_DATE, endDatePlaceholderText: 'End Date', isEndDateFocused: false, screenReaderMessage: '', showClearDates: false, showCaret: false, showDefaultInputIcon: false, inputIconPosition: _constants.ICON_BEFORE_POSITION, disabled: false, required: false, readOnly: false, openDirection: _constants.OPEN_DOWN, noBorder: false, block: false, small: false, regular: false, verticalSpacing: undefined, keepOpenOnDateSelect: false, reopenPickerOnClearDates: false, withFullScreenPortal: false, minimumNights: 1, isOutsideRange: function () { function isOutsideRange(day) { return !(0, _isInclusivelyAfterDay2['default'])(day, (0, _moment2['default'])()); } return isOutsideRange; }(), displayFormat: function () { function displayFormat() { return _moment2['default'].localeData().longDateFormat('L'); } return displayFormat; }(), onFocusChange: function () { function onFocusChange() {} return onFocusChange; }(), onClose: function () { function onClose() {} return onClose; }(), onDatesChange: function () { function onDatesChange() {} return onDatesChange; }(), onKeyDownArrowDown: function () { function onKeyDownArrowDown() {} return onKeyDownArrowDown; }(), onKeyDownQuestionMark: function () { function onKeyDownQuestionMark() {} return onKeyDownQuestionMark; }(), customInputIcon: null, customArrowIcon: null, customCloseIcon: null, // accessibility isFocused: false, // i18n phrases: _defaultPhrases.DateRangePickerInputPhrases, isRTL: false }; var DateRangePickerInputController = function (_React$Component) { _inherits(DateRangePickerInputController, _React$Component); function DateRangePickerInputController(props) { _classCallCheck(this, DateRangePickerInputController); var _this = _possibleConstructorReturn(this, (DateRangePickerInputController.__proto__ || Object.getPrototypeOf(DateRangePickerInputController)).call(this, props)); _this.onClearFocus = _this.onClearFocus.bind(_this); _this.onStartDateChange = _this.onStartDateChange.bind(_this); _this.onStartDateFocus = _this.onStartDateFocus.bind(_this); _this.onEndDateChange = _this.onEndDateChange.bind(_this); _this.onEndDateFocus = _this.onEndDateFocus.bind(_this); _this.clearDates = _this.clearDates.bind(_this); return _this; } _createClass(DateRangePickerInputController, [{ key: 'onClearFocus', value: function () { function onClearFocus() { var _props = this.props, onFocusChange = _props.onFocusChange, onClose = _props.onClose, startDate = _props.startDate, endDate = _props.endDate; onFocusChange(null); onClose({ startDate: startDate, endDate: endDate }); } return onClearFocus; }() }, { key: 'onEndDateChange', value: function () { function onEndDateChange(endDateString) { var _props2 = this.props, startDate = _props2.startDate, isOutsideRange = _props2.isOutsideRange, minimumNights = _props2.minimumNights, keepOpenOnDateSelect = _props2.keepOpenOnDateSelect, onDatesChange = _props2.onDatesChange; var endDate = (0, _toMomentObject2['default'])(endDateString, this.getDisplayFormat()); var isEndDateValid = endDate && !isOutsideRange(endDate) && !(startDate && (0, _isBeforeDay2['default'])(endDate, startDate.clone().add(minimumNights, 'days'))); if (isEndDateValid) { onDatesChange({ startDate: startDate, endDate: endDate }); if (!keepOpenOnDateSelect) this.onClearFocus(); } else { onDatesChange({ startDate: startDate, endDate: null }); } } return onEndDateChange; }() }, { key: 'onEndDateFocus', value: function () { function onEndDateFocus() { var _props3 = this.props, startDate = _props3.startDate, onFocusChange = _props3.onFocusChange, withFullScreenPortal = _props3.withFullScreenPortal, disabled = _props3.disabled; if (!startDate && withFullScreenPortal && (!disabled || disabled === _constants.END_DATE)) { // When the datepicker is full screen, we never want to focus the end date first // because there's no indication that that is the case once the datepicker is open and it // might confuse the user onFocusChange(_constants.START_DATE); } else if (!disabled || disabled === _constants.START_DATE) { onFocusChange(_constants.END_DATE); } } return onEndDateFocus; }() }, { key: 'onStartDateChange', value: function () { function onStartDateChange(startDateString) { var endDate = this.props.endDate; var _props4 = this.props, isOutsideRange = _props4.isOutsideRange, minimumNights = _props4.minimumNights, onDatesChange = _props4.onDatesChange, onFocusChange = _props4.onFocusChange, disabled = _props4.disabled; var startDate = (0, _toMomentObject2['default'])(startDateString, this.getDisplayFormat()); var isEndDateBeforeStartDate = startDate && (0, _isBeforeDay2['default'])(endDate, startDate.clone().add(minimumNights, 'days')); var isStartDateValid = startDate && !isOutsideRange(startDate) && !(disabled === _constants.END_DATE && isEndDateBeforeStartDate); if (isStartDateValid) { if (isEndDateBeforeStartDate) { endDate = null; } onDatesChange({ startDate: startDate, endDate: endDate }); onFocusChange(_constants.END_DATE); } else { onDatesChange({ startDate: null, endDate: endDate }); } } return onStartDateChange; }() }, { key: 'onStartDateFocus', value: function () { function onStartDateFocus() { var _props5 = this.props, disabled = _props5.disabled, onFocusChange = _props5.onFocusChange; if (!disabled || disabled === _constants.END_DATE) { onFocusChange(_constants.START_DATE); } } return onStartDateFocus; }() }, { key: 'getDisplayFormat', value: function () { function getDisplayFormat() { var displayFormat = this.props.displayFormat; return typeof displayFormat === 'string' ? displayFormat : displayFormat(); } return getDisplayFormat; }() }, { key: 'getDateString', value: function () { function getDateString(date) { var displayFormat = this.getDisplayFormat(); if (date && displayFormat) { return date && date.format(displayFormat); } return (0, _toLocalizedDateString2['default'])(date); } return getDateString; }() }, { key: 'clearDates', value: function () { function clearDates() { var _props6 = this.props, onDatesChange = _props6.onDatesChange, reopenPickerOnClearDates = _props6.reopenPickerOnClearDates, onFocusChange = _props6.onFocusChange; onDatesChange({ startDate: null, endDate: null }); if (reopenPickerOnClearDates) { onFocusChange(_constants.START_DATE); } } return clearDates; }() }, { key: 'render', value: function () { function render() { var _props7 = this.props, startDate = _props7.startDate, startDateId = _props7.startDateId, startDatePlaceholderText = _props7.startDatePlaceholderText, isStartDateFocused = _props7.isStartDateFocused, endDate = _props7.endDate, endDateId = _props7.endDateId, endDatePlaceholderText = _props7.endDatePlaceholderText, isEndDateFocused = _props7.isEndDateFocused, screenReaderMessage = _props7.screenReaderMessage, showClearDates = _props7.showClearDates, showCaret = _props7.showCaret, showDefaultInputIcon = _props7.showDefaultInputIcon, inputIconPosition = _props7.inputIconPosition, customInputIcon = _props7.customInputIcon, customArrowIcon = _props7.customArrowIcon, customCloseIcon = _props7.customCloseIcon, disabled = _props7.disabled, required = _props7.required, readOnly = _props7.readOnly, openDirection = _props7.openDirection, isFocused = _props7.isFocused, phrases = _props7.phrases, onKeyDownArrowDown = _props7.onKeyDownArrowDown, onKeyDownQuestionMark = _props7.onKeyDownQuestionMark, isRTL = _props7.isRTL, noBorder = _props7.noBorder, block = _props7.block, small = _props7.small, regular = _props7.regular, verticalSpacing = _props7.verticalSpacing; var startDateString = this.getDateString(startDate); var endDateString = this.getDateString(endDate); return _react2['default'].createElement(_DateRangePickerInput2['default'], { startDate: startDateString, startDateId: startDateId, startDatePlaceholderText: startDatePlaceholderText, isStartDateFocused: isStartDateFocused, endDate: endDateString, endDateId: endDateId, endDatePlaceholderText: endDatePlaceholderText, isEndDateFocused: isEndDateFocused, isFocused: isFocused, disabled: disabled, required: required, readOnly: readOnly, openDirection: openDirection, showCaret: showCaret, showDefaultInputIcon: showDefaultInputIcon, inputIconPosition: inputIconPosition, customInputIcon: customInputIcon, customArrowIcon: customArrowIcon, customCloseIcon: customCloseIcon, phrases: phrases, onStartDateChange: this.onStartDateChange, onStartDateFocus: this.onStartDateFocus, onStartDateShiftTab: this.onClearFocus, onEndDateChange: this.onEndDateChange, onEndDateFocus: this.onEndDateFocus, onEndDateTab: this.onClearFocus, showClearDates: showClearDates, onClearDates: this.clearDates, screenReaderMessage: screenReaderMessage, onKeyDownArrowDown: onKeyDownArrowDown, onKeyDownQuestionMark: onKeyDownQuestionMark, isRTL: isRTL, noBorder: noBorder, block: block, small: small, regular: regular, verticalSpacing: verticalSpacing }); } return render; }() }]); return DateRangePickerInputController; }(_react2['default'].Component); exports['default'] = DateRangePickerInputController; DateRangePickerInputController.propTypes = propTypes; DateRangePickerInputController.defaultProps = defaultProps; /***/ }), /* 159 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _OpenDirectionShape = __webpack_require__(74); var _OpenDirectionShape2 = _interopRequireDefault(_OpenDirectionShape); var _DateInput = __webpack_require__(160); var _DateInput2 = _interopRequireDefault(_DateInput); var _IconPositionShape = __webpack_require__(80); var _IconPositionShape2 = _interopRequireDefault(_IconPositionShape); var _DisabledShape = __webpack_require__(93); var _DisabledShape2 = _interopRequireDefault(_DisabledShape); var _RightArrow = __webpack_require__(164); var _RightArrow2 = _interopRequireDefault(_RightArrow); var _LeftArrow = __webpack_require__(165); var _LeftArrow2 = _interopRequireDefault(_LeftArrow); var _CloseButton = __webpack_require__(84); var _CloseButton2 = _interopRequireDefault(_CloseButton); var _CalendarIcon = __webpack_require__(166); var _CalendarIcon2 = _interopRequireDefault(_CalendarIcon); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { startDateId: _propTypes2['default'].string, startDatePlaceholderText: _propTypes2['default'].string, screenReaderMessage: _propTypes2['default'].string, endDateId: _propTypes2['default'].string, endDatePlaceholderText: _propTypes2['default'].string, onStartDateFocus: _propTypes2['default'].func, onEndDateFocus: _propTypes2['default'].func, onStartDateChange: _propTypes2['default'].func, onEndDateChange: _propTypes2['default'].func, onStartDateShiftTab: _propTypes2['default'].func, onEndDateTab: _propTypes2['default'].func, onClearDates: _propTypes2['default'].func, onKeyDownArrowDown: _propTypes2['default'].func, onKeyDownQuestionMark: _propTypes2['default'].func, startDate: _propTypes2['default'].string, endDate: _propTypes2['default'].string, isStartDateFocused: _propTypes2['default'].bool, isEndDateFocused: _propTypes2['default'].bool, showClearDates: _propTypes2['default'].bool, disabled: _DisabledShape2['default'], required: _propTypes2['default'].bool, readOnly: _propTypes2['default'].bool, openDirection: _OpenDirectionShape2['default'], showCaret: _propTypes2['default'].bool, showDefaultInputIcon: _propTypes2['default'].bool, inputIconPosition: _IconPositionShape2['default'], customInputIcon: _propTypes2['default'].node, customArrowIcon: _propTypes2['default'].node, customCloseIcon: _propTypes2['default'].node, noBorder: _propTypes2['default'].bool, block: _propTypes2['default'].bool, small: _propTypes2['default'].bool, regular: _propTypes2['default'].bool, verticalSpacing: _airbnbPropTypes.nonNegativeInteger, // accessibility isFocused: _propTypes2['default'].bool, // describes actual DOM focus // i18n phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DateRangePickerInputPhrases)), isRTL: _propTypes2['default'].bool })); var defaultProps = { startDateId: _constants.START_DATE, endDateId: _constants.END_DATE, startDatePlaceholderText: 'Start Date', endDatePlaceholderText: 'End Date', screenReaderMessage: '', onStartDateFocus: function () { function onStartDateFocus() {} return onStartDateFocus; }(), onEndDateFocus: function () { function onEndDateFocus() {} return onEndDateFocus; }(), onStartDateChange: function () { function onStartDateChange() {} return onStartDateChange; }(), onEndDateChange: function () { function onEndDateChange() {} return onEndDateChange; }(), onStartDateShiftTab: function () { function onStartDateShiftTab() {} return onStartDateShiftTab; }(), onEndDateTab: function () { function onEndDateTab() {} return onEndDateTab; }(), onClearDates: function () { function onClearDates() {} return onClearDates; }(), onKeyDownArrowDown: function () { function onKeyDownArrowDown() {} return onKeyDownArrowDown; }(), onKeyDownQuestionMark: function () { function onKeyDownQuestionMark() {} return onKeyDownQuestionMark; }(), startDate: '', endDate: '', isStartDateFocused: false, isEndDateFocused: false, showClearDates: false, disabled: false, required: false, readOnly: false, openDirection: _constants.OPEN_DOWN, showCaret: false, showDefaultInputIcon: false, inputIconPosition: _constants.ICON_BEFORE_POSITION, customInputIcon: null, customArrowIcon: null, customCloseIcon: null, noBorder: false, block: false, small: false, regular: false, verticalSpacing: undefined, // accessibility isFocused: false, // i18n phrases: _defaultPhrases.DateRangePickerInputPhrases, isRTL: false }; function DateRangePickerInput(_ref) { var startDate = _ref.startDate, startDateId = _ref.startDateId, startDatePlaceholderText = _ref.startDatePlaceholderText, screenReaderMessage = _ref.screenReaderMessage, isStartDateFocused = _ref.isStartDateFocused, onStartDateChange = _ref.onStartDateChange, onStartDateFocus = _ref.onStartDateFocus, onStartDateShiftTab = _ref.onStartDateShiftTab, endDate = _ref.endDate, endDateId = _ref.endDateId, endDatePlaceholderText = _ref.endDatePlaceholderText, isEndDateFocused = _ref.isEndDateFocused, onEndDateChange = _ref.onEndDateChange, onEndDateFocus = _ref.onEndDateFocus, onEndDateTab = _ref.onEndDateTab, onKeyDownArrowDown = _ref.onKeyDownArrowDown, onKeyDownQuestionMark = _ref.onKeyDownQuestionMark, onClearDates = _ref.onClearDates, showClearDates = _ref.showClearDates, disabled = _ref.disabled, required = _ref.required, readOnly = _ref.readOnly, showCaret = _ref.showCaret, openDirection = _ref.openDirection, showDefaultInputIcon = _ref.showDefaultInputIcon, inputIconPosition = _ref.inputIconPosition, customInputIcon = _ref.customInputIcon, customArrowIcon = _ref.customArrowIcon, customCloseIcon = _ref.customCloseIcon, isFocused = _ref.isFocused, phrases = _ref.phrases, isRTL = _ref.isRTL, noBorder = _ref.noBorder, block = _ref.block, verticalSpacing = _ref.verticalSpacing, small = _ref.small, regular = _ref.regular, styles = _ref.styles; var calendarIcon = customInputIcon || _react2['default'].createElement(_CalendarIcon2['default'], (0, _reactWithStyles.css)(styles.DateRangePickerInput_calendarIcon_svg)); var arrowIcon = customArrowIcon || _react2['default'].createElement(_RightArrow2['default'], (0, _reactWithStyles.css)(styles.DateRangePickerInput_arrow_svg)); if (isRTL) arrowIcon = _react2['default'].createElement(_LeftArrow2['default'], (0, _reactWithStyles.css)(styles.DateRangePickerInput_arrow_svg)); if (small) arrowIcon = '-'; var closeIcon = customCloseIcon || _react2['default'].createElement(_CloseButton2['default'], (0, _reactWithStyles.css)(styles.DateRangePickerInput_clearDates_svg, small && styles.DateRangePickerInput_clearDates_svg__small)); var screenReaderText = screenReaderMessage || phrases.keyboardNavigationInstructions; var inputIcon = (showDefaultInputIcon || customInputIcon !== null) && _react2['default'].createElement( 'button', _extends({}, (0, _reactWithStyles.css)(styles.DateRangePickerInput_calendarIcon), { type: 'button', disabled: disabled, 'aria-label': phrases.focusStartDate, onClick: onKeyDownArrowDown }), calendarIcon ); var startDateDisabled = disabled === _constants.START_DATE || disabled === true; var endDateDisabled = disabled === _constants.END_DATE || disabled === true; return _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(styles.DateRangePickerInput, disabled && styles.DateRangePickerInput__disabled, isRTL && styles.DateRangePickerInput__rtl, !noBorder && styles.DateRangePickerInput__withBorder, block && styles.DateRangePickerInput__block, showClearDates && styles.DateRangePickerInput__showClearDates), inputIconPosition === _constants.ICON_BEFORE_POSITION && inputIcon, _react2['default'].createElement(_DateInput2['default'], { id: startDateId, placeholder: startDatePlaceholderText, displayValue: startDate, screenReaderMessage: screenReaderText, focused: isStartDateFocused, isFocused: isFocused, disabled: startDateDisabled, required: required, readOnly: readOnly, showCaret: showCaret, openDirection: openDirection, onChange: onStartDateChange, onFocus: onStartDateFocus, onKeyDownShiftTab: onStartDateShiftTab, onKeyDownArrowDown: onKeyDownArrowDown, onKeyDownQuestionMark: onKeyDownQuestionMark, verticalSpacing: verticalSpacing, small: small, regular: regular }), _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DateRangePickerInput_arrow), { 'aria-hidden': 'true', role: 'presentation' }), arrowIcon ), _react2['default'].createElement(_DateInput2['default'], { id: endDateId, placeholder: endDatePlaceholderText, displayValue: endDate, screenReaderMessage: screenReaderText, focused: isEndDateFocused, isFocused: isFocused, disabled: endDateDisabled, required: required, readOnly: readOnly, showCaret: showCaret, openDirection: openDirection, onChange: onEndDateChange, onFocus: onEndDateFocus, onKeyDownTab: onEndDateTab, onKeyDownArrowDown: onKeyDownArrowDown, onKeyDownQuestionMark: onKeyDownQuestionMark, verticalSpacing: verticalSpacing, small: small, regular: regular }), showClearDates && _react2['default'].createElement( 'button', _extends({ type: 'button', 'aria-label': phrases.clearDates }, (0, _reactWithStyles.css)(styles.DateRangePickerInput_clearDates, small && styles.DateRangePickerInput_clearDates__small, !customCloseIcon && styles.DateRangePickerInput_clearDates_default, !(startDate || endDate) && styles.DateRangePickerInput_clearDates__hide), { onClick: onClearDates, disabled: disabled }), closeIcon ), inputIconPosition === _constants.ICON_AFTER_POSITION && inputIcon ); } DateRangePickerInput.propTypes = propTypes; DateRangePickerInput.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var _ref2$reactDates = _ref2.reactDates, border = _ref2$reactDates.border, color = _ref2$reactDates.color, sizing = _ref2$reactDates.sizing; return { DateRangePickerInput: { backgroundColor: color.background, display: 'inline-block' }, DateRangePickerInput__disabled: { background: color.disabled }, DateRangePickerInput__withBorder: { borderColor: color.border, borderWidth: border.pickerInput.borderWidth, borderStyle: border.pickerInput.borderStyle, borderRadius: border.pickerInput.borderRadius }, DateRangePickerInput__rtl: { direction: 'rtl' }, DateRangePickerInput__block: { display: 'block' }, DateRangePickerInput__showClearDates: { paddingRight: 30 }, DateRangePickerInput_arrow: { display: 'inline-block', verticalAlign: 'middle', color: color.text }, DateRangePickerInput_arrow_svg: { verticalAlign: 'middle', fill: color.text, height: sizing.arrowWidth, width: sizing.arrowWidth }, DateRangePickerInput_clearDates: { background: 'none', border: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', cursor: 'pointer', padding: 10, margin: '0 10px 0 5px', position: 'absolute', right: 0, top: '50%', transform: 'translateY(-50%)' }, DateRangePickerInput_clearDates__small: { padding: 6 }, DateRangePickerInput_clearDates_default: { ':focus': { background: color.core.border, borderRadius: '50%' }, ':hover': { background: color.core.border, borderRadius: '50%' } }, DateRangePickerInput_clearDates__hide: { visibility: 'hidden' }, DateRangePickerInput_clearDates_svg: { fill: color.core.grayLight, height: 12, width: 15, verticalAlign: 'middle' }, DateRangePickerInput_clearDates_svg__small: { height: 9 }, DateRangePickerInput_calendarIcon: { background: 'none', border: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', cursor: 'pointer', display: 'inline-block', verticalAlign: 'middle', padding: 10, margin: '0 5px 0 10px' }, DateRangePickerInput_calendarIcon_svg: { fill: color.core.grayLight, height: 15, width: 14, verticalAlign: 'middle' } }; })(DateRangePickerInput); /***/ }), /* 160 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _throttle = __webpack_require__(161); var _throttle2 = _interopRequireDefault(_throttle); var _isTouchDevice = __webpack_require__(73); var _isTouchDevice2 = _interopRequireDefault(_isTouchDevice); var _getInputHeight = __webpack_require__(113); var _getInputHeight2 = _interopRequireDefault(_getInputHeight); var _OpenDirectionShape = __webpack_require__(74); var _OpenDirectionShape2 = _interopRequireDefault(_OpenDirectionShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var FANG_PATH_TOP = 'M0,' + String(_constants.FANG_HEIGHT_PX) + ' ' + String(_constants.FANG_WIDTH_PX) + ',' + String(_constants.FANG_HEIGHT_PX) + ' ' + _constants.FANG_WIDTH_PX / 2 + ',0z'; var FANG_STROKE_TOP = 'M0,' + String(_constants.FANG_HEIGHT_PX) + ' ' + _constants.FANG_WIDTH_PX / 2 + ',0 ' + String(_constants.FANG_WIDTH_PX) + ',' + String(_constants.FANG_HEIGHT_PX); var FANG_PATH_BOTTOM = 'M0,0 ' + String(_constants.FANG_WIDTH_PX) + ',0 ' + _constants.FANG_WIDTH_PX / 2 + ',' + String(_constants.FANG_HEIGHT_PX) + 'z'; var FANG_STROKE_BOTTOM = 'M0,0 ' + _constants.FANG_WIDTH_PX / 2 + ',' + String(_constants.FANG_HEIGHT_PX) + ' ' + String(_constants.FANG_WIDTH_PX) + ',0'; var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { id: _propTypes2['default'].string.isRequired, placeholder: _propTypes2['default'].string, // also used as label displayValue: _propTypes2['default'].string, screenReaderMessage: _propTypes2['default'].string, focused: _propTypes2['default'].bool, disabled: _propTypes2['default'].bool, required: _propTypes2['default'].bool, readOnly: _propTypes2['default'].bool, openDirection: _OpenDirectionShape2['default'], showCaret: _propTypes2['default'].bool, verticalSpacing: _airbnbPropTypes.nonNegativeInteger, small: _propTypes2['default'].bool, block: _propTypes2['default'].bool, regular: _propTypes2['default'].bool, onChange: _propTypes2['default'].func, onFocus: _propTypes2['default'].func, onKeyDownShiftTab: _propTypes2['default'].func, onKeyDownTab: _propTypes2['default'].func, onKeyDownArrowDown: _propTypes2['default'].func, onKeyDownQuestionMark: _propTypes2['default'].func, // accessibility isFocused: _propTypes2['default'].bool // describes actual DOM focus })); var defaultProps = { placeholder: 'Select Date', displayValue: '', screenReaderMessage: '', focused: false, disabled: false, required: false, readOnly: null, openDirection: _constants.OPEN_DOWN, showCaret: false, verticalSpacing: _constants.DEFAULT_VERTICAL_SPACING, small: false, block: false, regular: false, onChange: function () { function onChange() {} return onChange; }(), onFocus: function () { function onFocus() {} return onFocus; }(), onKeyDownShiftTab: function () { function onKeyDownShiftTab() {} return onKeyDownShiftTab; }(), onKeyDownTab: function () { function onKeyDownTab() {} return onKeyDownTab; }(), onKeyDownArrowDown: function () { function onKeyDownArrowDown() {} return onKeyDownArrowDown; }(), onKeyDownQuestionMark: function () { function onKeyDownQuestionMark() {} return onKeyDownQuestionMark; }(), // accessibility isFocused: false }; var DateInput = function (_React$Component) { _inherits(DateInput, _React$Component); function DateInput(props) { _classCallCheck(this, DateInput); var _this = _possibleConstructorReturn(this, (DateInput.__proto__ || Object.getPrototypeOf(DateInput)).call(this, props)); _this.state = { dateString: '', isTouchDevice: false }; _this.onChange = _this.onChange.bind(_this); _this.onKeyDown = _this.onKeyDown.bind(_this); _this.setInputRef = _this.setInputRef.bind(_this); _this.throttledKeyDown = (0, _throttle2['default'])(_this.onFinalKeyDown, 300, { trailing: false }); return _this; } _createClass(DateInput, [{ key: 'componentDidMount', value: function () { function componentDidMount() { this.setState({ isTouchDevice: (0, _isTouchDevice2['default'])() }); } return componentDidMount; }() }, { key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var dateString = this.state.dateString; if (dateString && nextProps.displayValue) { this.setState({ dateString: '' }); } } return componentWillReceiveProps; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate(prevProps) { var _props = this.props, focused = _props.focused, isFocused = _props.isFocused; if (prevProps.focused === focused && prevProps.isFocused === isFocused) return; if (focused && isFocused) { this.inputRef.focus(); } } return componentDidUpdate; }() }, { key: 'onChange', value: function () { function onChange(e) { var _props2 = this.props, onChange = _props2.onChange, onKeyDownQuestionMark = _props2.onKeyDownQuestionMark; var dateString = e.target.value; // In Safari, onKeyDown does not consistently fire ahead of onChange. As a result, we need to // special case the `?` key so that it always triggers the appropriate callback, instead of // modifying the input value if (dateString[dateString.length - 1] === '?') { onKeyDownQuestionMark(e); } else { this.setState({ dateString: dateString }, function () { return onChange(dateString); }); } } return onChange; }() }, { key: 'onKeyDown', value: function () { function onKeyDown(e) { e.stopPropagation(); if (!_constants.MODIFIER_KEY_NAMES.has(e.key)) { this.throttledKeyDown(e); } } return onKeyDown; }() }, { key: 'onFinalKeyDown', value: function () { function onFinalKeyDown(e) { var _props3 = this.props, onKeyDownShiftTab = _props3.onKeyDownShiftTab, onKeyDownTab = _props3.onKeyDownTab, onKeyDownArrowDown = _props3.onKeyDownArrowDown, onKeyDownQuestionMark = _props3.onKeyDownQuestionMark; var key = e.key; if (key === 'Tab') { if (e.shiftKey) { onKeyDownShiftTab(e); } else { onKeyDownTab(e); } } else if (key === 'ArrowDown') { onKeyDownArrowDown(e); } else if (key === '?') { e.preventDefault(); onKeyDownQuestionMark(e); } } return onFinalKeyDown; }() }, { key: 'setInputRef', value: function () { function setInputRef(ref) { this.inputRef = ref; } return setInputRef; }() }, { key: 'render', value: function () { function render() { var _state = this.state, dateString = _state.dateString, isTouch = _state.isTouchDevice; var _props4 = this.props, id = _props4.id, placeholder = _props4.placeholder, displayValue = _props4.displayValue, screenReaderMessage = _props4.screenReaderMessage, focused = _props4.focused, showCaret = _props4.showCaret, onFocus = _props4.onFocus, disabled = _props4.disabled, required = _props4.required, readOnly = _props4.readOnly, openDirection = _props4.openDirection, verticalSpacing = _props4.verticalSpacing, small = _props4.small, regular = _props4.regular, block = _props4.block, styles = _props4.styles, reactDates = _props4.theme.reactDates; var value = dateString || displayValue || ''; var screenReaderMessageId = 'DateInput__screen-reader-message-' + String(id); var withFang = showCaret && focused; var inputHeight = (0, _getInputHeight2['default'])(reactDates, small); return _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(styles.DateInput, small && styles.DateInput__small, block && styles.DateInput__block, withFang && styles.DateInput__withFang, disabled && styles.DateInput__disabled, withFang && openDirection === _constants.OPEN_DOWN && styles.DateInput__openDown, withFang && openDirection === _constants.OPEN_UP && styles.DateInput__openUp), _react2['default'].createElement('input', _extends({}, (0, _reactWithStyles.css)(styles.DateInput_input, small && styles.DateInput_input__small, regular && styles.DateInput_input__regular, readOnly && styles.DateInput_input__readOnly, focused && styles.DateInput_input__focused, disabled && styles.DateInput_input__disabled), { 'aria-label': placeholder, type: 'text', id: id, name: id, ref: this.setInputRef, value: value, onChange: this.onChange, onKeyDown: this.onKeyDown, onFocus: onFocus, placeholder: placeholder, autoComplete: 'off', disabled: disabled, readOnly: typeof readOnly === 'boolean' ? readOnly : isTouch, required: required, 'aria-describedby': screenReaderMessage && screenReaderMessageId })), withFang && _react2['default'].createElement( 'svg', _extends({ role: 'presentation', focusable: 'false' }, (0, _reactWithStyles.css)(styles.DateInput_fang, openDirection === _constants.OPEN_DOWN && { top: inputHeight + verticalSpacing - _constants.FANG_HEIGHT_PX - 1 }, openDirection === _constants.OPEN_UP && { bottom: inputHeight + verticalSpacing - _constants.FANG_HEIGHT_PX - 1 })), _react2['default'].createElement('path', _extends({}, (0, _reactWithStyles.css)(styles.DateInput_fangShape), { d: openDirection === _constants.OPEN_DOWN ? FANG_PATH_TOP : FANG_PATH_BOTTOM })), _react2['default'].createElement('path', _extends({}, (0, _reactWithStyles.css)(styles.DateInput_fangStroke), { d: openDirection === _constants.OPEN_DOWN ? FANG_STROKE_TOP : FANG_STROKE_BOTTOM })) ), screenReaderMessage && _react2['default'].createElement( 'p', _extends({}, (0, _reactWithStyles.css)(styles.DateInput_screenReaderMessage), { id: screenReaderMessageId }), screenReaderMessage ) ); } return render; }() }]); return DateInput; }(_react2['default'].Component); DateInput.propTypes = propTypes; DateInput.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref) { var _ref$reactDates = _ref.reactDates, border = _ref$reactDates.border, color = _ref$reactDates.color, sizing = _ref$reactDates.sizing, spacing = _ref$reactDates.spacing, font = _ref$reactDates.font, zIndex = _ref$reactDates.zIndex; return { DateInput: { margin: 0, padding: spacing.inputPadding, background: color.background, position: 'relative', display: 'inline-block', width: sizing.inputWidth, verticalAlign: 'middle' }, DateInput__small: { width: sizing.inputWidth_small }, DateInput__block: { width: '100%' }, DateInput__disabled: { background: color.disabled, color: color.textDisabled }, DateInput_input: { fontWeight: 200, fontSize: font.input.size, lineHeight: font.input.lineHeight, color: color.text, backgroundColor: color.background, width: '100%', padding: String(spacing.displayTextPaddingVertical) + 'px ' + String(spacing.displayTextPaddingHorizontal) + 'px', paddingTop: spacing.displayTextPaddingTop, paddingBottom: spacing.displayTextPaddingBottom, paddingLeft: spacing.displayTextPaddingLeft, paddingRight: spacing.displayTextPaddingRight, border: border.input.border, borderTop: border.input.borderTop, borderRight: border.input.borderRight, borderBottom: border.input.borderBottom, borderLeft: border.input.borderLeft, borderRadius: border.input.borderRadius }, DateInput_input__small: { fontSize: font.input.size_small, lineHeight: font.input.lineHeight_small, letterSpacing: font.input.letterSpacing_small, padding: String(spacing.displayTextPaddingVertical_small) + 'px ' + String(spacing.displayTextPaddingHorizontal_small) + 'px', paddingTop: spacing.displayTextPaddingTop_small, paddingBottom: spacing.displayTextPaddingBottom_small, paddingLeft: spacing.displayTextPaddingLeft_small, paddingRight: spacing.displayTextPaddingRight_small }, DateInput_input__regular: { fontWeight: 'auto' }, DateInput_input__readOnly: { userSelect: 'none' }, DateInput_input__focused: { outline: border.input.outlineFocused, background: color.backgroundFocused, border: border.input.borderFocused, borderTop: border.input.borderTopFocused, borderRight: border.input.borderRightFocused, borderBottom: border.input.borderBottomFocused, borderLeft: border.input.borderLeftFocused }, DateInput_input__disabled: { background: color.disabled, fontStyle: font.input.styleDisabled }, DateInput_screenReaderMessage: { border: 0, clip: 'rect(0, 0, 0, 0)', height: 1, margin: -1, overflow: 'hidden', padding: 0, position: 'absolute', width: 1 }, DateInput_fang: { position: 'absolute', width: _constants.FANG_WIDTH_PX, height: _constants.FANG_HEIGHT_PX, left: 22, zIndex: zIndex + 2 }, DateInput_fangShape: { fill: color.background }, DateInput_fangStroke: { stroke: color.core.border, fill: 'transparent' } }; })(DateInput); /***/ }), /* 161 */ /***/ (function(module, exports, __webpack_require__) { var debounce = __webpack_require__(245), isObject = __webpack_require__(114); /** Error message constants. */ var FUNC_ERROR_TEXT = 'Expected a function'; /** * Creates a throttled function that only invokes `func` at most once per * every `wait` milliseconds. The throttled function comes with a `cancel` * method to cancel delayed `func` invocations and a `flush` method to * immediately invoke them. Provide `options` to indicate whether `func` * should be invoked on the leading and/or trailing edge of the `wait` * timeout. The `func` is invoked with the last arguments provided to the * throttled function. Subsequent calls to the throttled function return the * result of the last `func` invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the throttled function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.throttle` and `_.debounce`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to throttle. * @param {number} [wait=0] The number of milliseconds to throttle invocations to. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=true] * Specify invoking on the leading edge of the timeout. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new throttled function. * @example * * // Avoid excessively updating the position while scrolling. * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); * * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); * jQuery(element).on('click', throttled); * * // Cancel the trailing throttled invocation. * jQuery(window).on('popstate', throttled.cancel); */ function throttle(func, wait, options) { var leading = true, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } if (isObject(options)) { leading = 'leading' in options ? !!options.leading : leading; trailing = 'trailing' in options ? !!options.trailing : trailing; } return debounce(func, wait, { 'leading': leading, 'maxWait': wait, 'trailing': trailing }); } module.exports = throttle; /***/ }), /* 162 */ /***/ (function(module, exports, __webpack_require__) { var freeGlobal = __webpack_require__(247); /** Detect free variable `self`. */ var freeSelf = typeof self == 'object' && self && self.Object === Object && self; /** Used as a reference to the global object. */ var root = freeGlobal || freeSelf || Function('return this')(); module.exports = root; /***/ }), /* 163 */ /***/ (function(module, exports, __webpack_require__) { var root = __webpack_require__(162); /** Built-in value references. */ var Symbol = root.Symbol; module.exports = Symbol; /***/ }), /* 164 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var RightArrow = function () { function RightArrow(props) { return _react2['default'].createElement( 'svg', props, _react2['default'].createElement('path', { d: 'M694.4 242.4l249.1 249.1c11 11 11 21 0 32L694.4 772.7c-5 5-10 7-16 7s-11-2-16-7c-11-11-11-21 0-32l210.1-210.1H67.1c-13 0-23-10-23-23s10-23 23-23h805.4L662.4 274.5c-21-21.1 11-53.1 32-32.1z' }) ); } return RightArrow; }(); RightArrow.defaultProps = { viewBox: '0 0 1000 1000' }; exports['default'] = RightArrow; /***/ }), /* 165 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var LeftArrow = function () { function LeftArrow(props) { return _react2['default'].createElement( 'svg', props, _react2['default'].createElement('path', { d: 'M336.2 274.5l-210.1 210h805.4c13 0 23 10 23 23s-10 23-23 23H126.1l210.1 210.1c11 11 11 21 0 32-5 5-10 7-16 7s-11-2-16-7l-249.1-249c-11-11-11-21 0-32l249.1-249.1c21-21.1 53 10.9 32 32z' }) ); } return LeftArrow; }(); LeftArrow.defaultProps = { viewBox: '0 0 1000 1000' }; exports['default'] = LeftArrow; /***/ }), /* 166 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var CalendarIcon = function () { function CalendarIcon(props) { return _react2['default'].createElement( 'svg', props, _react2['default'].createElement('path', { d: 'M107.2 1392.9h241.1v-241.1H107.2v241.1zm294.7 0h267.9v-241.1H401.9v241.1zm-294.7-294.7h241.1V830.4H107.2v267.8zm294.7 0h267.9V830.4H401.9v267.8zM107.2 776.8h241.1V535.7H107.2v241.1zm616.2 616.1h267.9v-241.1H723.4v241.1zM401.9 776.8h267.9V535.7H401.9v241.1zm642.9 616.1H1286v-241.1h-241.1v241.1zm-321.4-294.7h267.9V830.4H723.4v267.8zM428.7 375V133.9c0-7.3-2.7-13.5-8-18.8-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3 0-13.5 2.7-18.8 8-5.3 5.3-8 11.6-8 18.8V375c0 7.3 2.7 13.5 8 18.8 5.3 5.3 11.6 8 18.8 8h53.6c7.3 0 13.5-2.7 18.8-8 5.3-5.3 8-11.5 8-18.8zm616.1 723.2H1286V830.4h-241.1v267.8zM723.4 776.8h267.9V535.7H723.4v241.1zm321.4 0H1286V535.7h-241.1v241.1zm26.8-401.8V133.9c0-7.3-2.7-13.5-8-18.8-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3 0-13.5 2.7-18.8 8-5.3 5.3-8 11.6-8 18.8V375c0 7.3 2.7 13.5 8 18.8 5.3 5.3 11.6 8 18.8 8h53.6c7.3 0 13.5-2.7 18.8-8 5.4-5.3 8-11.5 8-18.8zm321.5-53.6v1071.4c0 29-10.6 54.1-31.8 75.3-21.2 21.2-46.3 31.8-75.3 31.8H107.2c-29 0-54.1-10.6-75.3-31.8C10.6 1447 0 1421.9 0 1392.9V321.4c0-29 10.6-54.1 31.8-75.3s46.3-31.8 75.3-31.8h107.2v-80.4c0-36.8 13.1-68.4 39.3-94.6S311.4 0 348.3 0h53.6c36.8 0 68.4 13.1 94.6 39.3 26.2 26.2 39.3 57.8 39.3 94.6v80.4h321.5v-80.4c0-36.8 13.1-68.4 39.3-94.6C922.9 13.1 954.4 0 991.3 0h53.6c36.8 0 68.4 13.1 94.6 39.3s39.3 57.8 39.3 94.6v80.4H1286c29 0 54.1 10.6 75.3 31.8 21.2 21.2 31.8 46.3 31.8 75.3z' }) ); } return CalendarIcon; }(); CalendarIcon.defaultProps = { viewBox: '0 0 1393.1 1500' }; exports['default'] = CalendarIcon; /***/ }), /* 167 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _slicedToArray = function () { function sliceIterator(arr, i) { 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; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _object3 = __webpack_require__(112); var _object4 = _interopRequireDefault(_object3); var _isTouchDevice = __webpack_require__(73); var _isTouchDevice2 = _interopRequireDefault(_isTouchDevice); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _isInclusivelyAfterDay = __webpack_require__(82); var _isInclusivelyAfterDay2 = _interopRequireDefault(_isInclusivelyAfterDay); var _isNextDay = __webpack_require__(168); var _isNextDay2 = _interopRequireDefault(_isNextDay); var _isSameDay = __webpack_require__(70); var _isSameDay2 = _interopRequireDefault(_isSameDay); var _isAfterDay = __webpack_require__(94); var _isAfterDay2 = _interopRequireDefault(_isAfterDay); var _isBeforeDay = __webpack_require__(83); var _isBeforeDay2 = _interopRequireDefault(_isBeforeDay); var _getVisibleDays = __webpack_require__(169); var _getVisibleDays2 = _interopRequireDefault(_getVisibleDays); var _isDayVisible = __webpack_require__(116); var _isDayVisible2 = _interopRequireDefault(_isDayVisible); var _getSelectedDateOffset = __webpack_require__(254); var _getSelectedDateOffset2 = _interopRequireDefault(_getSelectedDateOffset); var _toISODateString = __webpack_require__(90); var _toISODateString2 = _interopRequireDefault(_toISODateString); var _toISOMonthString = __webpack_require__(92); var _toISOMonthString2 = _interopRequireDefault(_toISOMonthString); var _DisabledShape = __webpack_require__(93); var _DisabledShape2 = _interopRequireDefault(_DisabledShape); var _FocusedInputShape = __webpack_require__(152); var _FocusedInputShape2 = _interopRequireDefault(_FocusedInputShape); var _ScrollableOrientationShape = __webpack_require__(72); var _ScrollableOrientationShape2 = _interopRequireDefault(_ScrollableOrientationShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _CalendarInfoPositionShape = __webpack_require__(81); var _CalendarInfoPositionShape2 = _interopRequireDefault(_CalendarInfoPositionShape); var _constants = __webpack_require__(34); var _DayPicker = __webpack_require__(117); var _DayPicker2 = _interopRequireDefault(_DayPicker); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)({ startDate: _reactMomentProptypes2['default'].momentObj, endDate: _reactMomentProptypes2['default'].momentObj, onDatesChange: _propTypes2['default'].func, startDateOffset: _propTypes2['default'].func, endDateOffset: _propTypes2['default'].func, focusedInput: _FocusedInputShape2['default'], onFocusChange: _propTypes2['default'].func, onClose: _propTypes2['default'].func, keepOpenOnDateSelect: _propTypes2['default'].bool, minimumNights: _propTypes2['default'].number, disabled: _DisabledShape2['default'], isOutsideRange: _propTypes2['default'].func, isDayBlocked: _propTypes2['default'].func, isDayHighlighted: _propTypes2['default'].func, // DayPicker props renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), enableOutsideDays: _propTypes2['default'].bool, numberOfMonths: _propTypes2['default'].number, orientation: _ScrollableOrientationShape2['default'], withPortal: _propTypes2['default'].bool, initialVisibleMonth: _propTypes2['default'].func, hideKeyboardShortcutsPanel: _propTypes2['default'].bool, daySize: _airbnbPropTypes.nonNegativeInteger, noBorder: _propTypes2['default'].bool, verticalBorderSpacing: _airbnbPropTypes.nonNegativeInteger, horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger, navPrev: _propTypes2['default'].node, navNext: _propTypes2['default'].node, noNavButtons: _propTypes2['default'].bool, onPrevMonthClick: _propTypes2['default'].func, onNextMonthClick: _propTypes2['default'].func, onOutsideClick: _propTypes2['default'].func, renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, renderCalendarInfo: _propTypes2['default'].func, calendarInfoPosition: _CalendarInfoPositionShape2['default'], firstDayOfWeek: _DayOfWeekShape2['default'], verticalHeight: _airbnbPropTypes.nonNegativeInteger, transitionDuration: _airbnbPropTypes.nonNegativeInteger, // accessibility onBlur: _propTypes2['default'].func, isFocused: _propTypes2['default'].bool, showKeyboardShortcuts: _propTypes2['default'].bool, // i18n monthFormat: _propTypes2['default'].string, weekDayFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DayPickerPhrases)), dayAriaLabelFormat: _propTypes2['default'].string, isRTL: _propTypes2['default'].bool }); var defaultProps = { startDate: undefined, // TODO: use null endDate: undefined, // TODO: use null onDatesChange: function () { function onDatesChange() {} return onDatesChange; }(), startDateOffset: undefined, endDateOffset: undefined, focusedInput: null, onFocusChange: function () { function onFocusChange() {} return onFocusChange; }(), onClose: function () { function onClose() {} return onClose; }(), keepOpenOnDateSelect: false, minimumNights: 1, disabled: false, isOutsideRange: function () { function isOutsideRange() {} return isOutsideRange; }(), isDayBlocked: function () { function isDayBlocked() {} return isDayBlocked; }(), isDayHighlighted: function () { function isDayHighlighted() {} return isDayHighlighted; }(), // DayPicker props renderMonthText: null, enableOutsideDays: false, numberOfMonths: 1, orientation: _constants.HORIZONTAL_ORIENTATION, withPortal: false, hideKeyboardShortcutsPanel: false, initialVisibleMonth: null, daySize: _constants.DAY_SIZE, navPrev: null, navNext: null, noNavButtons: false, onPrevMonthClick: function () { function onPrevMonthClick() {} return onPrevMonthClick; }(), onNextMonthClick: function () { function onNextMonthClick() {} return onNextMonthClick; }(), onOutsideClick: function () { function onOutsideClick() {} return onOutsideClick; }(), renderCalendarDay: undefined, renderDayContents: null, renderCalendarInfo: null, renderMonthElement: null, calendarInfoPosition: _constants.INFO_POSITION_BOTTOM, firstDayOfWeek: null, verticalHeight: null, noBorder: false, transitionDuration: undefined, verticalBorderSpacing: undefined, horizontalMonthPadding: 13, // accessibility onBlur: function () { function onBlur() {} return onBlur; }(), isFocused: false, showKeyboardShortcuts: false, // i18n monthFormat: 'MMMM YYYY', weekDayFormat: 'dd', phrases: _defaultPhrases.DayPickerPhrases, dayAriaLabelFormat: undefined, isRTL: false }; var getChooseAvailableDatePhrase = function getChooseAvailableDatePhrase(phrases, focusedInput) { if (focusedInput === _constants.START_DATE) { return phrases.chooseAvailableStartDate; } if (focusedInput === _constants.END_DATE) { return phrases.chooseAvailableEndDate; } return phrases.chooseAvailableDate; }; var DayPickerRangeController = function (_React$Component) { _inherits(DayPickerRangeController, _React$Component); function DayPickerRangeController(props) { _classCallCheck(this, DayPickerRangeController); var _this = _possibleConstructorReturn(this, (DayPickerRangeController.__proto__ || Object.getPrototypeOf(DayPickerRangeController)).call(this, props)); _this.isTouchDevice = (0, _isTouchDevice2['default'])(); _this.today = (0, _moment2['default'])(); _this.modifiers = { today: function () { function today(day) { return _this.isToday(day); } return today; }(), blocked: function () { function blocked(day) { return _this.isBlocked(day); } return blocked; }(), 'blocked-calendar': function () { function blockedCalendar(day) { return props.isDayBlocked(day); } return blockedCalendar; }(), 'blocked-out-of-range': function () { function blockedOutOfRange(day) { return props.isOutsideRange(day); } return blockedOutOfRange; }(), 'highlighted-calendar': function () { function highlightedCalendar(day) { return props.isDayHighlighted(day); } return highlightedCalendar; }(), valid: function () { function valid(day) { return !_this.isBlocked(day); } return valid; }(), 'selected-start': function () { function selectedStart(day) { return _this.isStartDate(day); } return selectedStart; }(), 'selected-end': function () { function selectedEnd(day) { return _this.isEndDate(day); } return selectedEnd; }(), 'blocked-minimum-nights': function () { function blockedMinimumNights(day) { return _this.doesNotMeetMinimumNights(day); } return blockedMinimumNights; }(), 'selected-span': function () { function selectedSpan(day) { return _this.isInSelectedSpan(day); } return selectedSpan; }(), 'last-in-range': function () { function lastInRange(day) { return _this.isLastInRange(day); } return lastInRange; }(), hovered: function () { function hovered(day) { return _this.isHovered(day); } return hovered; }(), 'hovered-span': function () { function hoveredSpan(day) { return _this.isInHoveredSpan(day); } return hoveredSpan; }(), 'hovered-offset': function () { function hoveredOffset(day) { return _this.isInHoveredSpan(day); } return hoveredOffset; }(), 'after-hovered-start': function () { function afterHoveredStart(day) { return _this.isDayAfterHoveredStartDate(day); } return afterHoveredStart; }(), 'first-day-of-week': function () { function firstDayOfWeek(day) { return _this.isFirstDayOfWeek(day); } return firstDayOfWeek; }(), 'last-day-of-week': function () { function lastDayOfWeek(day) { return _this.isLastDayOfWeek(day); } return lastDayOfWeek; }() }; var _this$getStateForNewM = _this.getStateForNewMonth(props), currentMonth = _this$getStateForNewM.currentMonth, visibleDays = _this$getStateForNewM.visibleDays; // initialize phrases // set the appropriate CalendarDay phrase based on focusedInput var chooseAvailableDate = getChooseAvailableDatePhrase(props.phrases, props.focusedInput); _this.state = { hoverDate: null, currentMonth: currentMonth, phrases: (0, _object2['default'])({}, props.phrases, { chooseAvailableDate: chooseAvailableDate }), visibleDays: visibleDays }; _this.onDayClick = _this.onDayClick.bind(_this); _this.onDayMouseEnter = _this.onDayMouseEnter.bind(_this); _this.onDayMouseLeave = _this.onDayMouseLeave.bind(_this); _this.onPrevMonthClick = _this.onPrevMonthClick.bind(_this); _this.onNextMonthClick = _this.onNextMonthClick.bind(_this); _this.onMonthChange = _this.onMonthChange.bind(_this); _this.onYearChange = _this.onYearChange.bind(_this); _this.onMultiplyScrollableMonths = _this.onMultiplyScrollableMonths.bind(_this); _this.getFirstFocusableDay = _this.getFirstFocusableDay.bind(_this); return _this; } _createClass(DayPickerRangeController, [{ key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var _this2 = this; var startDate = nextProps.startDate, endDate = nextProps.endDate, focusedInput = nextProps.focusedInput, minimumNights = nextProps.minimumNights, isOutsideRange = nextProps.isOutsideRange, isDayBlocked = nextProps.isDayBlocked, isDayHighlighted = nextProps.isDayHighlighted, phrases = nextProps.phrases, initialVisibleMonth = nextProps.initialVisibleMonth, numberOfMonths = nextProps.numberOfMonths, enableOutsideDays = nextProps.enableOutsideDays; var _props = this.props, prevStartDate = _props.startDate, prevEndDate = _props.endDate, prevFocusedInput = _props.focusedInput, prevMinimumNights = _props.minimumNights, prevIsOutsideRange = _props.isOutsideRange, prevIsDayBlocked = _props.isDayBlocked, prevIsDayHighlighted = _props.isDayHighlighted, prevPhrases = _props.phrases, prevInitialVisibleMonth = _props.initialVisibleMonth, prevNumberOfMonths = _props.numberOfMonths, prevEnableOutsideDays = _props.enableOutsideDays; var visibleDays = this.state.visibleDays; var recomputeOutsideRange = false; var recomputeDayBlocked = false; var recomputeDayHighlighted = false; if (isOutsideRange !== prevIsOutsideRange) { this.modifiers['blocked-out-of-range'] = function (day) { return isOutsideRange(day); }; recomputeOutsideRange = true; } if (isDayBlocked !== prevIsDayBlocked) { this.modifiers['blocked-calendar'] = function (day) { return isDayBlocked(day); }; recomputeDayBlocked = true; } if (isDayHighlighted !== prevIsDayHighlighted) { this.modifiers['highlighted-calendar'] = function (day) { return isDayHighlighted(day); }; recomputeDayHighlighted = true; } var recomputePropModifiers = recomputeOutsideRange || recomputeDayBlocked || recomputeDayHighlighted; var didStartDateChange = startDate !== prevStartDate; var didEndDateChange = endDate !== prevEndDate; var didFocusChange = focusedInput !== prevFocusedInput; if (numberOfMonths !== prevNumberOfMonths || enableOutsideDays !== prevEnableOutsideDays || initialVisibleMonth !== prevInitialVisibleMonth && !prevFocusedInput && didFocusChange) { var newMonthState = this.getStateForNewMonth(nextProps); var currentMonth = newMonthState.currentMonth; visibleDays = newMonthState.visibleDays; this.setState({ currentMonth: currentMonth, visibleDays: visibleDays }); } var modifiers = {}; if (didStartDateChange) { modifiers = this.deleteModifier(modifiers, prevStartDate, 'selected-start'); modifiers = this.addModifier(modifiers, startDate, 'selected-start'); if (prevStartDate) { var startSpan = prevStartDate.clone().add(1, 'day'); var endSpan = prevStartDate.clone().add(prevMinimumNights + 1, 'days'); modifiers = this.deleteModifierFromRange(modifiers, startSpan, endSpan, 'after-hovered-start'); } } if (didEndDateChange) { modifiers = this.deleteModifier(modifiers, prevEndDate, 'selected-end'); modifiers = this.addModifier(modifiers, endDate, 'selected-end'); } if (didStartDateChange || didEndDateChange) { if (prevStartDate && prevEndDate) { modifiers = this.deleteModifierFromRange(modifiers, prevStartDate, prevEndDate.clone().add(1, 'day'), 'selected-span'); } if (startDate && endDate) { modifiers = this.deleteModifierFromRange(modifiers, startDate, endDate.clone().add(1, 'day'), 'hovered-span'); modifiers = this.addModifierToRange(modifiers, startDate.clone().add(1, 'day'), endDate, 'selected-span'); } } if (!this.isTouchDevice && didStartDateChange && startDate && !endDate) { var _startSpan = startDate.clone().add(1, 'day'); var _endSpan = startDate.clone().add(minimumNights + 1, 'days'); modifiers = this.addModifierToRange(modifiers, _startSpan, _endSpan, 'after-hovered-start'); } if (prevMinimumNights > 0) { if (didFocusChange || didStartDateChange || minimumNights !== prevMinimumNights) { var _startSpan2 = prevStartDate || this.today; modifiers = this.deleteModifierFromRange(modifiers, _startSpan2, _startSpan2.clone().add(prevMinimumNights, 'days'), 'blocked-minimum-nights'); modifiers = this.deleteModifierFromRange(modifiers, _startSpan2, _startSpan2.clone().add(prevMinimumNights, 'days'), 'blocked'); } } if (didFocusChange || recomputePropModifiers) { (0, _object4['default'])(visibleDays).forEach(function (days) { Object.keys(days).forEach(function (day) { var momentObj = (0, _moment2['default'])(day); var isBlocked = false; if (didFocusChange || recomputeOutsideRange) { if (isOutsideRange(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'blocked-out-of-range'); isBlocked = true; } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'blocked-out-of-range'); } } if (didFocusChange || recomputeDayBlocked) { if (isDayBlocked(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'blocked-calendar'); isBlocked = true; } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'blocked-calendar'); } } if (isBlocked) { modifiers = _this2.addModifier(modifiers, momentObj, 'blocked'); } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'blocked'); } if (didFocusChange || recomputeDayHighlighted) { if (isDayHighlighted(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'highlighted-calendar'); } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'highlighted-calendar'); } } }); }); } if (minimumNights > 0 && startDate && focusedInput === _constants.END_DATE) { modifiers = this.addModifierToRange(modifiers, startDate, startDate.clone().add(minimumNights, 'days'), 'blocked-minimum-nights'); modifiers = this.addModifierToRange(modifiers, startDate, startDate.clone().add(minimumNights, 'days'), 'blocked'); } var today = (0, _moment2['default'])(); if (!(0, _isSameDay2['default'])(this.today, today)) { modifiers = this.deleteModifier(modifiers, this.today, 'today'); modifiers = this.addModifier(modifiers, today, 'today'); this.today = today; } if (Object.keys(modifiers).length > 0) { this.setState({ visibleDays: (0, _object2['default'])({}, visibleDays, modifiers) }); } if (didFocusChange || phrases !== prevPhrases) { // set the appropriate CalendarDay phrase based on focusedInput var chooseAvailableDate = getChooseAvailableDatePhrase(phrases, focusedInput); this.setState({ phrases: (0, _object2['default'])({}, phrases, { chooseAvailableDate: chooseAvailableDate }) }); } } return componentWillReceiveProps; }() }, { key: 'onDayClick', value: function () { function onDayClick(day, e) { var _props2 = this.props, keepOpenOnDateSelect = _props2.keepOpenOnDateSelect, minimumNights = _props2.minimumNights, onBlur = _props2.onBlur, focusedInput = _props2.focusedInput, onFocusChange = _props2.onFocusChange, onClose = _props2.onClose, onDatesChange = _props2.onDatesChange, startDateOffset = _props2.startDateOffset, endDateOffset = _props2.endDateOffset, disabled = _props2.disabled; if (e) e.preventDefault(); if (this.isBlocked(day)) return; var _props3 = this.props, startDate = _props3.startDate, endDate = _props3.endDate; if (startDateOffset || endDateOffset) { startDate = (0, _getSelectedDateOffset2['default'])(startDateOffset, day); endDate = (0, _getSelectedDateOffset2['default'])(endDateOffset, day); if (!keepOpenOnDateSelect) { onFocusChange(null); onClose({ startDate: startDate, endDate: endDate }); } } else if (focusedInput === _constants.START_DATE) { var lastAllowedStartDate = endDate && endDate.clone().subtract(minimumNights, 'days'); var isStartDateAfterEndDate = (0, _isBeforeDay2['default'])(lastAllowedStartDate, day) || (0, _isAfterDay2['default'])(startDate, endDate); var isEndDateDisabled = disabled === _constants.END_DATE; if (!isEndDateDisabled || !isStartDateAfterEndDate) { startDate = day; if (isStartDateAfterEndDate) { endDate = null; } } if (isEndDateDisabled && !isStartDateAfterEndDate) { onFocusChange(null); onClose({ startDate: startDate, endDate: endDate }); } else if (!isEndDateDisabled) { onFocusChange(_constants.END_DATE); } } else if (focusedInput === _constants.END_DATE) { var firstAllowedEndDate = startDate && startDate.clone().add(minimumNights, 'days'); if (!startDate) { endDate = day; onFocusChange(_constants.START_DATE); } else if ((0, _isInclusivelyAfterDay2['default'])(day, firstAllowedEndDate)) { endDate = day; if (!keepOpenOnDateSelect) { onFocusChange(null); onClose({ startDate: startDate, endDate: endDate }); } } else if (disabled !== _constants.START_DATE) { startDate = day; endDate = null; } } onDatesChange({ startDate: startDate, endDate: endDate }); onBlur(); } return onDayClick; }() }, { key: 'onDayMouseEnter', value: function () { function onDayMouseEnter(day) { /* eslint react/destructuring-assignment: 1 */ if (this.isTouchDevice) return; var _props4 = this.props, startDate = _props4.startDate, endDate = _props4.endDate, focusedInput = _props4.focusedInput, minimumNights = _props4.minimumNights, startDateOffset = _props4.startDateOffset, endDateOffset = _props4.endDateOffset; var _state = this.state, hoverDate = _state.hoverDate, visibleDays = _state.visibleDays; var dateOffset = null; if (focusedInput) { var hasOffset = startDateOffset || endDateOffset; var modifiers = {}; if (hasOffset) { var start = (0, _getSelectedDateOffset2['default'])(startDateOffset, day); var end = (0, _getSelectedDateOffset2['default'])(endDateOffset, day, function (rangeDay) { return rangeDay.add(1, 'day'); }); dateOffset = { start: start, end: end }; // eslint-disable-next-line react/destructuring-assignment if (this.state.dateOffset && this.state.dateOffset.start && this.state.dateOffset.end) { modifiers = this.deleteModifierFromRange(modifiers, this.state.dateOffset.start, this.state.dateOffset.end, 'hovered-offset'); } modifiers = this.addModifierToRange(modifiers, start, end, 'hovered-offset'); } if (!hasOffset) { modifiers = this.deleteModifier(modifiers, hoverDate, 'hovered'); modifiers = this.addModifier(modifiers, day, 'hovered'); if (startDate && !endDate && focusedInput === _constants.END_DATE) { if ((0, _isAfterDay2['default'])(hoverDate, startDate)) { var endSpan = hoverDate.clone().add(1, 'day'); modifiers = this.deleteModifierFromRange(modifiers, startDate, endSpan, 'hovered-span'); } if (!this.isBlocked(day) && (0, _isAfterDay2['default'])(day, startDate)) { var _endSpan2 = day.clone().add(1, 'day'); modifiers = this.addModifierToRange(modifiers, startDate, _endSpan2, 'hovered-span'); } } if (!startDate && endDate && focusedInput === _constants.START_DATE) { if ((0, _isBeforeDay2['default'])(hoverDate, endDate)) { modifiers = this.deleteModifierFromRange(modifiers, hoverDate, endDate, 'hovered-span'); } if (!this.isBlocked(day) && (0, _isBeforeDay2['default'])(day, endDate)) { modifiers = this.addModifierToRange(modifiers, day, endDate, 'hovered-span'); } } if (startDate) { var startSpan = startDate.clone().add(1, 'day'); var _endSpan3 = startDate.clone().add(minimumNights + 1, 'days'); modifiers = this.deleteModifierFromRange(modifiers, startSpan, _endSpan3, 'after-hovered-start'); if ((0, _isSameDay2['default'])(day, startDate)) { var newStartSpan = startDate.clone().add(1, 'day'); var newEndSpan = startDate.clone().add(minimumNights + 1, 'days'); modifiers = this.addModifierToRange(modifiers, newStartSpan, newEndSpan, 'after-hovered-start'); } } } this.setState({ hoverDate: day, dateOffset: dateOffset, visibleDays: (0, _object2['default'])({}, visibleDays, modifiers) }); } } return onDayMouseEnter; }() }, { key: 'onDayMouseLeave', value: function () { function onDayMouseLeave(day) { var _props5 = this.props, startDate = _props5.startDate, endDate = _props5.endDate, minimumNights = _props5.minimumNights; var _state2 = this.state, hoverDate = _state2.hoverDate, visibleDays = _state2.visibleDays, dateOffset = _state2.dateOffset; if (this.isTouchDevice || !hoverDate) return; var modifiers = {}; modifiers = this.deleteModifier(modifiers, hoverDate, 'hovered'); if (dateOffset) { modifiers = this.deleteModifierFromRange(modifiers, this.state.dateOffset.start, this.state.dateOffset.end, 'hovered-offset'); } if (startDate && !endDate && (0, _isAfterDay2['default'])(hoverDate, startDate)) { var endSpan = hoverDate.clone().add(1, 'day'); modifiers = this.deleteModifierFromRange(modifiers, startDate, endSpan, 'hovered-span'); } if (!startDate && endDate && (0, _isAfterDay2['default'])(endDate, hoverDate)) { modifiers = this.deleteModifierFromRange(modifiers, hoverDate, endDate, 'hovered-span'); } if (startDate && (0, _isSameDay2['default'])(day, startDate)) { var startSpan = startDate.clone().add(1, 'day'); var _endSpan4 = startDate.clone().add(minimumNights + 1, 'days'); modifiers = this.deleteModifierFromRange(modifiers, startSpan, _endSpan4, 'after-hovered-start'); } this.setState({ hoverDate: null, visibleDays: (0, _object2['default'])({}, visibleDays, modifiers) }); } return onDayMouseLeave; }() }, { key: 'onPrevMonthClick', value: function () { function onPrevMonthClick() { var _props6 = this.props, onPrevMonthClick = _props6.onPrevMonthClick, numberOfMonths = _props6.numberOfMonths, enableOutsideDays = _props6.enableOutsideDays; var _state3 = this.state, currentMonth = _state3.currentMonth, visibleDays = _state3.visibleDays; var newVisibleDays = {}; Object.keys(visibleDays).sort().slice(0, numberOfMonths + 1).forEach(function (month) { newVisibleDays[month] = visibleDays[month]; }); var prevMonth = currentMonth.clone().subtract(2, 'months'); var prevMonthVisibleDays = (0, _getVisibleDays2['default'])(prevMonth, 1, enableOutsideDays, true); var newCurrentMonth = currentMonth.clone().subtract(1, 'month'); this.setState({ currentMonth: newCurrentMonth, visibleDays: (0, _object2['default'])({}, newVisibleDays, this.getModifiers(prevMonthVisibleDays)) }, function () { onPrevMonthClick(newCurrentMonth.clone()); }); } return onPrevMonthClick; }() }, { key: 'onNextMonthClick', value: function () { function onNextMonthClick() { var _props7 = this.props, onNextMonthClick = _props7.onNextMonthClick, numberOfMonths = _props7.numberOfMonths, enableOutsideDays = _props7.enableOutsideDays; var _state4 = this.state, currentMonth = _state4.currentMonth, visibleDays = _state4.visibleDays; var newVisibleDays = {}; Object.keys(visibleDays).sort().slice(1).forEach(function (month) { newVisibleDays[month] = visibleDays[month]; }); var nextMonth = currentMonth.clone().add(numberOfMonths + 1, 'month'); var nextMonthVisibleDays = (0, _getVisibleDays2['default'])(nextMonth, 1, enableOutsideDays, true); var newCurrentMonth = currentMonth.clone().add(1, 'month'); this.setState({ currentMonth: newCurrentMonth, visibleDays: (0, _object2['default'])({}, newVisibleDays, this.getModifiers(nextMonthVisibleDays)) }, function () { onNextMonthClick(newCurrentMonth.clone()); }); } return onNextMonthClick; }() }, { key: 'onMonthChange', value: function () { function onMonthChange(newMonth) { var _props8 = this.props, numberOfMonths = _props8.numberOfMonths, enableOutsideDays = _props8.enableOutsideDays, orientation = _props8.orientation; var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var newVisibleDays = (0, _getVisibleDays2['default'])(newMonth, numberOfMonths, enableOutsideDays, withoutTransitionMonths); this.setState({ currentMonth: newMonth.clone(), visibleDays: this.getModifiers(newVisibleDays) }); } return onMonthChange; }() }, { key: 'onYearChange', value: function () { function onYearChange(newMonth) { var _props9 = this.props, numberOfMonths = _props9.numberOfMonths, enableOutsideDays = _props9.enableOutsideDays, orientation = _props9.orientation; var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var newVisibleDays = (0, _getVisibleDays2['default'])(newMonth, numberOfMonths, enableOutsideDays, withoutTransitionMonths); this.setState({ currentMonth: newMonth.clone(), visibleDays: this.getModifiers(newVisibleDays) }); } return onYearChange; }() }, { key: 'onMultiplyScrollableMonths', value: function () { function onMultiplyScrollableMonths() { var _props10 = this.props, numberOfMonths = _props10.numberOfMonths, enableOutsideDays = _props10.enableOutsideDays; var _state5 = this.state, currentMonth = _state5.currentMonth, visibleDays = _state5.visibleDays; var numberOfVisibleMonths = Object.keys(visibleDays).length; var nextMonth = currentMonth.clone().add(numberOfVisibleMonths, 'month'); var newVisibleDays = (0, _getVisibleDays2['default'])(nextMonth, numberOfMonths, enableOutsideDays, true); this.setState({ visibleDays: (0, _object2['default'])({}, visibleDays, this.getModifiers(newVisibleDays)) }); } return onMultiplyScrollableMonths; }() }, { key: 'getFirstFocusableDay', value: function () { function getFirstFocusableDay(newMonth) { var _this3 = this; var _props11 = this.props, startDate = _props11.startDate, endDate = _props11.endDate, focusedInput = _props11.focusedInput, minimumNights = _props11.minimumNights, numberOfMonths = _props11.numberOfMonths; var focusedDate = newMonth.clone().startOf('month'); if (focusedInput === _constants.START_DATE && startDate) { focusedDate = startDate.clone(); } else if (focusedInput === _constants.END_DATE && !endDate && startDate) { focusedDate = startDate.clone().add(minimumNights, 'days'); } else if (focusedInput === _constants.END_DATE && endDate) { focusedDate = endDate.clone(); } if (this.isBlocked(focusedDate)) { var days = []; var lastVisibleDay = newMonth.clone().add(numberOfMonths - 1, 'months').endOf('month'); var currentDay = focusedDate.clone(); while (!(0, _isAfterDay2['default'])(currentDay, lastVisibleDay)) { currentDay = currentDay.clone().add(1, 'day'); days.push(currentDay); } var viableDays = days.filter(function (day) { return !_this3.isBlocked(day); }); if (viableDays.length > 0) { var _viableDays = _slicedToArray(viableDays, 1); focusedDate = _viableDays[0]; } } return focusedDate; } return getFirstFocusableDay; }() }, { key: 'getModifiers', value: function () { function getModifiers(visibleDays) { var _this4 = this; var modifiers = {}; Object.keys(visibleDays).forEach(function (month) { modifiers[month] = {}; visibleDays[month].forEach(function (day) { modifiers[month][(0, _toISODateString2['default'])(day)] = _this4.getModifiersForDay(day); }); }); return modifiers; } return getModifiers; }() }, { key: 'getModifiersForDay', value: function () { function getModifiersForDay(day) { var _this5 = this; return new Set(Object.keys(this.modifiers).filter(function (modifier) { return _this5.modifiers[modifier](day); })); } return getModifiersForDay; }() }, { key: 'getStateForNewMonth', value: function () { function getStateForNewMonth(nextProps) { var _this6 = this; var initialVisibleMonth = nextProps.initialVisibleMonth, numberOfMonths = nextProps.numberOfMonths, enableOutsideDays = nextProps.enableOutsideDays, orientation = nextProps.orientation, startDate = nextProps.startDate; var initialVisibleMonthThunk = initialVisibleMonth || (startDate ? function () { return startDate; } : function () { return _this6.today; }); var currentMonth = initialVisibleMonthThunk(); var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var visibleDays = this.getModifiers((0, _getVisibleDays2['default'])(currentMonth, numberOfMonths, enableOutsideDays, withoutTransitionMonths)); return { currentMonth: currentMonth, visibleDays: visibleDays }; } return getStateForNewMonth; }() }, { key: 'addModifier', value: function () { function addModifier(updatedDays, day, modifier) { var _props12 = this.props, numberOfVisibleMonths = _props12.numberOfMonths, enableOutsideDays = _props12.enableOutsideDays, orientation = _props12.orientation; var _state6 = this.state, firstVisibleMonth = _state6.currentMonth, visibleDays = _state6.visibleDays; var currentMonth = firstVisibleMonth; var numberOfMonths = numberOfVisibleMonths; if (orientation === _constants.VERTICAL_SCROLLABLE) { numberOfMonths = Object.keys(visibleDays).length; } else { currentMonth = currentMonth.clone().subtract(1, 'month'); numberOfMonths += 2; } if (!day || !(0, _isDayVisible2['default'])(day, currentMonth, numberOfMonths, enableOutsideDays)) { return updatedDays; } var iso = (0, _toISODateString2['default'])(day); var updatedDaysAfterAddition = (0, _object2['default'])({}, updatedDays); if (enableOutsideDays) { var monthsToUpdate = Object.keys(visibleDays).filter(function (monthKey) { return Object.keys(visibleDays[monthKey]).indexOf(iso) > -1; }); updatedDaysAfterAddition = monthsToUpdate.reduce(function (days, monthIso) { var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers.add(modifier); return (0, _object2['default'])({}, days, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); }, updatedDaysAfterAddition); } else { var monthIso = (0, _toISOMonthString2['default'])(day); var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers.add(modifier); updatedDaysAfterAddition = (0, _object2['default'])({}, updatedDaysAfterAddition, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); } return updatedDaysAfterAddition; } return addModifier; }() }, { key: 'addModifierToRange', value: function () { function addModifierToRange(updatedDays, start, end, modifier) { var days = updatedDays; var spanStart = start.clone(); while ((0, _isBeforeDay2['default'])(spanStart, end)) { days = this.addModifier(days, spanStart, modifier); spanStart = spanStart.clone().add(1, 'day'); } return days; } return addModifierToRange; }() }, { key: 'deleteModifier', value: function () { function deleteModifier(updatedDays, day, modifier) { var _props13 = this.props, numberOfVisibleMonths = _props13.numberOfMonths, enableOutsideDays = _props13.enableOutsideDays, orientation = _props13.orientation; var _state7 = this.state, firstVisibleMonth = _state7.currentMonth, visibleDays = _state7.visibleDays; var currentMonth = firstVisibleMonth; var numberOfMonths = numberOfVisibleMonths; if (orientation === _constants.VERTICAL_SCROLLABLE) { numberOfMonths = Object.keys(visibleDays).length; } else { currentMonth = currentMonth.clone().subtract(1, 'month'); numberOfMonths += 2; } if (!day || !(0, _isDayVisible2['default'])(day, currentMonth, numberOfMonths, enableOutsideDays)) { return updatedDays; } var iso = (0, _toISODateString2['default'])(day); var updatedDaysAfterDeletion = (0, _object2['default'])({}, updatedDays); if (enableOutsideDays) { var monthsToUpdate = Object.keys(visibleDays).filter(function (monthKey) { return Object.keys(visibleDays[monthKey]).indexOf(iso) > -1; }); updatedDaysAfterDeletion = monthsToUpdate.reduce(function (days, monthIso) { var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers['delete'](modifier); return (0, _object2['default'])({}, days, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); }, updatedDaysAfterDeletion); } else { var monthIso = (0, _toISOMonthString2['default'])(day); var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers['delete'](modifier); updatedDaysAfterDeletion = (0, _object2['default'])({}, updatedDaysAfterDeletion, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); } return updatedDaysAfterDeletion; } return deleteModifier; }() }, { key: 'deleteModifierFromRange', value: function () { function deleteModifierFromRange(updatedDays, start, end, modifier) { var days = updatedDays; var spanStart = start.clone(); while ((0, _isBeforeDay2['default'])(spanStart, end)) { days = this.deleteModifier(days, spanStart, modifier); spanStart = spanStart.clone().add(1, 'day'); } return days; } return deleteModifierFromRange; }() }, { key: 'doesNotMeetMinimumNights', value: function () { function doesNotMeetMinimumNights(day) { var _props14 = this.props, startDate = _props14.startDate, isOutsideRange = _props14.isOutsideRange, focusedInput = _props14.focusedInput, minimumNights = _props14.minimumNights; if (focusedInput !== _constants.END_DATE) return false; if (startDate) { var dayDiff = day.diff(startDate.clone().startOf('day').hour(12), 'days'); return dayDiff < minimumNights && dayDiff >= 0; } return isOutsideRange((0, _moment2['default'])(day).subtract(minimumNights, 'days')); } return doesNotMeetMinimumNights; }() }, { key: 'isDayAfterHoveredStartDate', value: function () { function isDayAfterHoveredStartDate(day) { var _props15 = this.props, startDate = _props15.startDate, endDate = _props15.endDate, minimumNights = _props15.minimumNights; var _ref = this.state || {}, hoverDate = _ref.hoverDate; return !!startDate && !endDate && !this.isBlocked(day) && (0, _isNextDay2['default'])(hoverDate, day) && minimumNights > 0 && (0, _isSameDay2['default'])(hoverDate, startDate); } return isDayAfterHoveredStartDate; }() }, { key: 'isEndDate', value: function () { function isEndDate(day) { var endDate = this.props.endDate; return (0, _isSameDay2['default'])(day, endDate); } return isEndDate; }() }, { key: 'isHovered', value: function () { function isHovered(day) { var _ref2 = this.state || {}, hoverDate = _ref2.hoverDate; var focusedInput = this.props.focusedInput; return !!focusedInput && (0, _isSameDay2['default'])(day, hoverDate); } return isHovered; }() }, { key: 'isInHoveredSpan', value: function () { function isInHoveredSpan(day) { var _props16 = this.props, startDate = _props16.startDate, endDate = _props16.endDate; var _ref3 = this.state || {}, hoverDate = _ref3.hoverDate; var isForwardRange = !!startDate && !endDate && (day.isBetween(startDate, hoverDate) || (0, _isSameDay2['default'])(hoverDate, day)); var isBackwardRange = !!endDate && !startDate && (day.isBetween(hoverDate, endDate) || (0, _isSameDay2['default'])(hoverDate, day)); var isValidDayHovered = hoverDate && !this.isBlocked(hoverDate); return (isForwardRange || isBackwardRange) && isValidDayHovered; } return isInHoveredSpan; }() }, { key: 'isInSelectedSpan', value: function () { function isInSelectedSpan(day) { var _props17 = this.props, startDate = _props17.startDate, endDate = _props17.endDate; return day.isBetween(startDate, endDate); } return isInSelectedSpan; }() }, { key: 'isLastInRange', value: function () { function isLastInRange(day) { var endDate = this.props.endDate; return this.isInSelectedSpan(day) && (0, _isNextDay2['default'])(day, endDate); } return isLastInRange; }() }, { key: 'isStartDate', value: function () { function isStartDate(day) { var startDate = this.props.startDate; return (0, _isSameDay2['default'])(day, startDate); } return isStartDate; }() }, { key: 'isBlocked', value: function () { function isBlocked(day) { var _props18 = this.props, isDayBlocked = _props18.isDayBlocked, isOutsideRange = _props18.isOutsideRange; return isDayBlocked(day) || isOutsideRange(day) || this.doesNotMeetMinimumNights(day); } return isBlocked; }() }, { key: 'isToday', value: function () { function isToday(day) { return (0, _isSameDay2['default'])(day, this.today); } return isToday; }() }, { key: 'isFirstDayOfWeek', value: function () { function isFirstDayOfWeek(day) { var firstDayOfWeek = this.props.firstDayOfWeek; return day.day() === (firstDayOfWeek || _moment2['default'].localeData().firstDayOfWeek()); } return isFirstDayOfWeek; }() }, { key: 'isLastDayOfWeek', value: function () { function isLastDayOfWeek(day) { var firstDayOfWeek = this.props.firstDayOfWeek; return day.day() === ((firstDayOfWeek || _moment2['default'].localeData().firstDayOfWeek()) + 6) % 7; } return isLastDayOfWeek; }() }, { key: 'render', value: function () { function render() { var _props19 = this.props, numberOfMonths = _props19.numberOfMonths, orientation = _props19.orientation, monthFormat = _props19.monthFormat, renderMonthText = _props19.renderMonthText, navPrev = _props19.navPrev, navNext = _props19.navNext, noNavButtons = _props19.noNavButtons, onOutsideClick = _props19.onOutsideClick, withPortal = _props19.withPortal, enableOutsideDays = _props19.enableOutsideDays, firstDayOfWeek = _props19.firstDayOfWeek, hideKeyboardShortcutsPanel = _props19.hideKeyboardShortcutsPanel, daySize = _props19.daySize, focusedInput = _props19.focusedInput, renderCalendarDay = _props19.renderCalendarDay, renderDayContents = _props19.renderDayContents, renderCalendarInfo = _props19.renderCalendarInfo, renderMonthElement = _props19.renderMonthElement, calendarInfoPosition = _props19.calendarInfoPosition, onBlur = _props19.onBlur, isFocused = _props19.isFocused, showKeyboardShortcuts = _props19.showKeyboardShortcuts, isRTL = _props19.isRTL, weekDayFormat = _props19.weekDayFormat, dayAriaLabelFormat = _props19.dayAriaLabelFormat, verticalHeight = _props19.verticalHeight, noBorder = _props19.noBorder, transitionDuration = _props19.transitionDuration, verticalBorderSpacing = _props19.verticalBorderSpacing, horizontalMonthPadding = _props19.horizontalMonthPadding; var _state8 = this.state, currentMonth = _state8.currentMonth, phrases = _state8.phrases, visibleDays = _state8.visibleDays; return _react2['default'].createElement(_DayPicker2['default'], { orientation: orientation, enableOutsideDays: enableOutsideDays, modifiers: visibleDays, numberOfMonths: numberOfMonths, onDayClick: this.onDayClick, onDayMouseEnter: this.onDayMouseEnter, onDayMouseLeave: this.onDayMouseLeave, onPrevMonthClick: this.onPrevMonthClick, onNextMonthClick: this.onNextMonthClick, onMonthChange: this.onMonthChange, onYearChange: this.onYearChange, onMultiplyScrollableMonths: this.onMultiplyScrollableMonths, monthFormat: monthFormat, renderMonthText: renderMonthText, withPortal: withPortal, hidden: !focusedInput, initialVisibleMonth: function () { function initialVisibleMonth() { return currentMonth; } return initialVisibleMonth; }(), daySize: daySize, onOutsideClick: onOutsideClick, navPrev: navPrev, navNext: navNext, noNavButtons: noNavButtons, renderCalendarDay: renderCalendarDay, renderDayContents: renderDayContents, renderCalendarInfo: renderCalendarInfo, renderMonthElement: renderMonthElement, calendarInfoPosition: calendarInfoPosition, firstDayOfWeek: firstDayOfWeek, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, isFocused: isFocused, getFirstFocusableDay: this.getFirstFocusableDay, onBlur: onBlur, showKeyboardShortcuts: showKeyboardShortcuts, phrases: phrases, isRTL: isRTL, weekDayFormat: weekDayFormat, dayAriaLabelFormat: dayAriaLabelFormat, verticalHeight: verticalHeight, verticalBorderSpacing: verticalBorderSpacing, noBorder: noBorder, transitionDuration: transitionDuration, horizontalMonthPadding: horizontalMonthPadding }); } return render; }() }]); return DayPickerRangeController; }(_react2['default'].Component); exports['default'] = DayPickerRangeController; DayPickerRangeController.propTypes = propTypes; DayPickerRangeController.defaultProps = defaultProps; /***/ }), /* 168 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isNextDay; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _isSameDay = __webpack_require__(70); var _isSameDay2 = _interopRequireDefault(_isSameDay); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isNextDay(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; var nextDay = (0, _moment2['default'])(a).add(1, 'day'); return (0, _isSameDay2['default'])(nextDay, b); } /***/ }), /* 169 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getVisibleDays; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _toISOMonthString = __webpack_require__(92); var _toISOMonthString2 = _interopRequireDefault(_toISOMonthString); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function getVisibleDays(month, numberOfMonths, enableOutsideDays, withoutTransitionMonths) { if (!_moment2['default'].isMoment(month)) return {}; var visibleDaysByMonth = {}; var currentMonth = withoutTransitionMonths ? month.clone() : month.clone().subtract(1, 'month'); for (var i = 0; i < (withoutTransitionMonths ? numberOfMonths : numberOfMonths + 2); i += 1) { var visibleDays = []; // set utc offset to get correct dates in future (when timezone changes) var baseDate = currentMonth.clone(); var firstOfMonth = baseDate.clone().startOf('month').hour(12); var lastOfMonth = baseDate.clone().endOf('month').hour(12); var currentDay = firstOfMonth.clone(); // days belonging to the previous month if (enableOutsideDays) { for (var j = 0; j < currentDay.weekday(); j += 1) { var prevDay = currentDay.clone().subtract(j + 1, 'day'); visibleDays.unshift(prevDay); } } while (currentDay < lastOfMonth) { visibleDays.push(currentDay.clone()); currentDay.add(1, 'day'); } if (enableOutsideDays) { // weekday() returns the index of the day of the week according to the locale // this means if the week starts on Monday, weekday() will return 0 for a Monday date, not 1 if (currentDay.weekday() !== 0) { // days belonging to the next month for (var k = currentDay.weekday(), count = 0; k < 7; k += 1, count += 1) { var nextDay = currentDay.clone().add(count, 'day'); visibleDays.push(nextDay); } } } visibleDaysByMonth[(0, _toISOMonthString2['default'])(currentMonth)] = visibleDays; currentMonth = currentMonth.clone().add(1, 'month'); } return visibleDaysByMonth; } /***/ }), /* 170 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _slicedToArray = function () { function sliceIterator(arr, i) { 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; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _object3 = __webpack_require__(112); var _object4 = _interopRequireDefault(_object3); var _isTouchDevice = __webpack_require__(73); var _isTouchDevice2 = _interopRequireDefault(_isTouchDevice); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _isSameDay = __webpack_require__(70); var _isSameDay2 = _interopRequireDefault(_isSameDay); var _isAfterDay = __webpack_require__(94); var _isAfterDay2 = _interopRequireDefault(_isAfterDay); var _getVisibleDays = __webpack_require__(169); var _getVisibleDays2 = _interopRequireDefault(_getVisibleDays); var _isDayVisible = __webpack_require__(116); var _isDayVisible2 = _interopRequireDefault(_isDayVisible); var _toISODateString = __webpack_require__(90); var _toISODateString2 = _interopRequireDefault(_toISODateString); var _toISOMonthString = __webpack_require__(92); var _toISOMonthString2 = _interopRequireDefault(_toISOMonthString); var _ScrollableOrientationShape = __webpack_require__(72); var _ScrollableOrientationShape2 = _interopRequireDefault(_ScrollableOrientationShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _CalendarInfoPositionShape = __webpack_require__(81); var _CalendarInfoPositionShape2 = _interopRequireDefault(_CalendarInfoPositionShape); var _constants = __webpack_require__(34); var _DayPicker = __webpack_require__(117); var _DayPicker2 = _interopRequireDefault(_DayPicker); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)({ date: _reactMomentProptypes2['default'].momentObj, onDateChange: _propTypes2['default'].func, focused: _propTypes2['default'].bool, onFocusChange: _propTypes2['default'].func, onClose: _propTypes2['default'].func, keepOpenOnDateSelect: _propTypes2['default'].bool, isOutsideRange: _propTypes2['default'].func, isDayBlocked: _propTypes2['default'].func, isDayHighlighted: _propTypes2['default'].func, // DayPicker props renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), enableOutsideDays: _propTypes2['default'].bool, numberOfMonths: _propTypes2['default'].number, orientation: _ScrollableOrientationShape2['default'], withPortal: _propTypes2['default'].bool, initialVisibleMonth: _propTypes2['default'].func, firstDayOfWeek: _DayOfWeekShape2['default'], hideKeyboardShortcutsPanel: _propTypes2['default'].bool, daySize: _airbnbPropTypes.nonNegativeInteger, verticalHeight: _airbnbPropTypes.nonNegativeInteger, noBorder: _propTypes2['default'].bool, verticalBorderSpacing: _airbnbPropTypes.nonNegativeInteger, transitionDuration: _airbnbPropTypes.nonNegativeInteger, horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger, navPrev: _propTypes2['default'].node, navNext: _propTypes2['default'].node, onPrevMonthClick: _propTypes2['default'].func, onNextMonthClick: _propTypes2['default'].func, onOutsideClick: _propTypes2['default'].func, renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, renderCalendarInfo: _propTypes2['default'].func, calendarInfoPosition: _CalendarInfoPositionShape2['default'], // accessibility onBlur: _propTypes2['default'].func, isFocused: _propTypes2['default'].bool, showKeyboardShortcuts: _propTypes2['default'].bool, // i18n monthFormat: _propTypes2['default'].string, weekDayFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DayPickerPhrases)), dayAriaLabelFormat: _propTypes2['default'].string, isRTL: _propTypes2['default'].bool }); var defaultProps = { date: undefined, // TODO: use null onDateChange: function () { function onDateChange() {} return onDateChange; }(), focused: false, onFocusChange: function () { function onFocusChange() {} return onFocusChange; }(), onClose: function () { function onClose() {} return onClose; }(), keepOpenOnDateSelect: false, isOutsideRange: function () { function isOutsideRange() {} return isOutsideRange; }(), isDayBlocked: function () { function isDayBlocked() {} return isDayBlocked; }(), isDayHighlighted: function () { function isDayHighlighted() {} return isDayHighlighted; }(), // DayPicker props renderMonthText: null, enableOutsideDays: false, numberOfMonths: 1, orientation: _constants.HORIZONTAL_ORIENTATION, withPortal: false, hideKeyboardShortcutsPanel: false, initialVisibleMonth: null, firstDayOfWeek: null, daySize: _constants.DAY_SIZE, verticalHeight: null, noBorder: false, verticalBorderSpacing: undefined, transitionDuration: undefined, horizontalMonthPadding: 13, navPrev: null, navNext: null, onPrevMonthClick: function () { function onPrevMonthClick() {} return onPrevMonthClick; }(), onNextMonthClick: function () { function onNextMonthClick() {} return onNextMonthClick; }(), onOutsideClick: function () { function onOutsideClick() {} return onOutsideClick; }(), renderCalendarDay: undefined, renderDayContents: null, renderCalendarInfo: null, renderMonthElement: null, calendarInfoPosition: _constants.INFO_POSITION_BOTTOM, // accessibility onBlur: function () { function onBlur() {} return onBlur; }(), isFocused: false, showKeyboardShortcuts: false, // i18n monthFormat: 'MMMM YYYY', weekDayFormat: 'dd', phrases: _defaultPhrases.DayPickerPhrases, dayAriaLabelFormat: undefined, isRTL: false }; var DayPickerSingleDateController = function (_React$Component) { _inherits(DayPickerSingleDateController, _React$Component); function DayPickerSingleDateController(props) { _classCallCheck(this, DayPickerSingleDateController); var _this = _possibleConstructorReturn(this, (DayPickerSingleDateController.__proto__ || Object.getPrototypeOf(DayPickerSingleDateController)).call(this, props)); _this.isTouchDevice = false; _this.today = (0, _moment2['default'])(); _this.modifiers = { today: function () { function today(day) { return _this.isToday(day); } return today; }(), blocked: function () { function blocked(day) { return _this.isBlocked(day); } return blocked; }(), 'blocked-calendar': function () { function blockedCalendar(day) { return props.isDayBlocked(day); } return blockedCalendar; }(), 'blocked-out-of-range': function () { function blockedOutOfRange(day) { return props.isOutsideRange(day); } return blockedOutOfRange; }(), 'highlighted-calendar': function () { function highlightedCalendar(day) { return props.isDayHighlighted(day); } return highlightedCalendar; }(), valid: function () { function valid(day) { return !_this.isBlocked(day); } return valid; }(), hovered: function () { function hovered(day) { return _this.isHovered(day); } return hovered; }(), selected: function () { function selected(day) { return _this.isSelected(day); } return selected; }(), 'first-day-of-week': function () { function firstDayOfWeek(day) { return _this.isFirstDayOfWeek(day); } return firstDayOfWeek; }(), 'last-day-of-week': function () { function lastDayOfWeek(day) { return _this.isLastDayOfWeek(day); } return lastDayOfWeek; }() }; var _this$getStateForNewM = _this.getStateForNewMonth(props), currentMonth = _this$getStateForNewM.currentMonth, visibleDays = _this$getStateForNewM.visibleDays; _this.state = { hoverDate: null, currentMonth: currentMonth, visibleDays: visibleDays }; _this.onDayMouseEnter = _this.onDayMouseEnter.bind(_this); _this.onDayMouseLeave = _this.onDayMouseLeave.bind(_this); _this.onDayClick = _this.onDayClick.bind(_this); _this.onPrevMonthClick = _this.onPrevMonthClick.bind(_this); _this.onNextMonthClick = _this.onNextMonthClick.bind(_this); _this.onMonthChange = _this.onMonthChange.bind(_this); _this.onYearChange = _this.onYearChange.bind(_this); _this.getFirstFocusableDay = _this.getFirstFocusableDay.bind(_this); return _this; } _createClass(DayPickerSingleDateController, [{ key: 'componentDidMount', value: function () { function componentDidMount() { this.isTouchDevice = (0, _isTouchDevice2['default'])(); } return componentDidMount; }() }, { key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var _this2 = this; var date = nextProps.date, focused = nextProps.focused, isOutsideRange = nextProps.isOutsideRange, isDayBlocked = nextProps.isDayBlocked, isDayHighlighted = nextProps.isDayHighlighted, initialVisibleMonth = nextProps.initialVisibleMonth, numberOfMonths = nextProps.numberOfMonths, enableOutsideDays = nextProps.enableOutsideDays; var _props = this.props, prevIsOutsideRange = _props.isOutsideRange, prevIsDayBlocked = _props.isDayBlocked, prevIsDayHighlighted = _props.isDayHighlighted, prevNumberOfMonths = _props.numberOfMonths, prevEnableOutsideDays = _props.enableOutsideDays, prevInitialVisibleMonth = _props.initialVisibleMonth, prevFocused = _props.focused, prevDate = _props.date; var visibleDays = this.state.visibleDays; var recomputeOutsideRange = false; var recomputeDayBlocked = false; var recomputeDayHighlighted = false; if (isOutsideRange !== prevIsOutsideRange) { this.modifiers['blocked-out-of-range'] = function (day) { return isOutsideRange(day); }; recomputeOutsideRange = true; } if (isDayBlocked !== prevIsDayBlocked) { this.modifiers['blocked-calendar'] = function (day) { return isDayBlocked(day); }; recomputeDayBlocked = true; } if (isDayHighlighted !== prevIsDayHighlighted) { this.modifiers['highlighted-calendar'] = function (day) { return isDayHighlighted(day); }; recomputeDayHighlighted = true; } var recomputePropModifiers = recomputeOutsideRange || recomputeDayBlocked || recomputeDayHighlighted; if (numberOfMonths !== prevNumberOfMonths || enableOutsideDays !== prevEnableOutsideDays || initialVisibleMonth !== prevInitialVisibleMonth && !prevFocused && focused) { var newMonthState = this.getStateForNewMonth(nextProps); var currentMonth = newMonthState.currentMonth; visibleDays = newMonthState.visibleDays; this.setState({ currentMonth: currentMonth, visibleDays: visibleDays }); } var didDateChange = date !== prevDate; var didFocusChange = focused !== prevFocused; var modifiers = {}; if (didDateChange) { modifiers = this.deleteModifier(modifiers, prevDate, 'selected'); modifiers = this.addModifier(modifiers, date, 'selected'); } if (didFocusChange || recomputePropModifiers) { (0, _object4['default'])(visibleDays).forEach(function (days) { Object.keys(days).forEach(function (day) { var momentObj = (0, _moment2['default'])(day); if (_this2.isBlocked(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'blocked'); } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'blocked'); } if (didFocusChange || recomputeOutsideRange) { if (isOutsideRange(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'blocked-out-of-range'); } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'blocked-out-of-range'); } } if (didFocusChange || recomputeDayBlocked) { if (isDayBlocked(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'blocked-calendar'); } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'blocked-calendar'); } } if (didFocusChange || recomputeDayHighlighted) { if (isDayHighlighted(momentObj)) { modifiers = _this2.addModifier(modifiers, momentObj, 'highlighted-calendar'); } else { modifiers = _this2.deleteModifier(modifiers, momentObj, 'highlighted-calendar'); } } }); }); } var today = (0, _moment2['default'])(); if (!(0, _isSameDay2['default'])(this.today, today)) { modifiers = this.deleteModifier(modifiers, this.today, 'today'); modifiers = this.addModifier(modifiers, today, 'today'); this.today = today; } if (Object.keys(modifiers).length > 0) { this.setState({ visibleDays: (0, _object2['default'])({}, visibleDays, modifiers) }); } } return componentWillReceiveProps; }() }, { key: 'componentWillUpdate', value: function () { function componentWillUpdate() { this.today = (0, _moment2['default'])(); } return componentWillUpdate; }() }, { key: 'onDayClick', value: function () { function onDayClick(day, e) { if (e) e.preventDefault(); if (this.isBlocked(day)) return; var _props2 = this.props, onDateChange = _props2.onDateChange, keepOpenOnDateSelect = _props2.keepOpenOnDateSelect, onFocusChange = _props2.onFocusChange, onClose = _props2.onClose; onDateChange(day); if (!keepOpenOnDateSelect) { onFocusChange({ focused: false }); onClose({ date: day }); } } return onDayClick; }() }, { key: 'onDayMouseEnter', value: function () { function onDayMouseEnter(day) { if (this.isTouchDevice) return; var _state = this.state, hoverDate = _state.hoverDate, visibleDays = _state.visibleDays; var modifiers = this.deleteModifier({}, hoverDate, 'hovered'); modifiers = this.addModifier(modifiers, day, 'hovered'); this.setState({ hoverDate: day, visibleDays: (0, _object2['default'])({}, visibleDays, modifiers) }); } return onDayMouseEnter; }() }, { key: 'onDayMouseLeave', value: function () { function onDayMouseLeave() { var _state2 = this.state, hoverDate = _state2.hoverDate, visibleDays = _state2.visibleDays; if (this.isTouchDevice || !hoverDate) return; var modifiers = this.deleteModifier({}, hoverDate, 'hovered'); this.setState({ hoverDate: null, visibleDays: (0, _object2['default'])({}, visibleDays, modifiers) }); } return onDayMouseLeave; }() }, { key: 'onPrevMonthClick', value: function () { function onPrevMonthClick() { var _props3 = this.props, onPrevMonthClick = _props3.onPrevMonthClick, numberOfMonths = _props3.numberOfMonths, enableOutsideDays = _props3.enableOutsideDays; var _state3 = this.state, currentMonth = _state3.currentMonth, visibleDays = _state3.visibleDays; var newVisibleDays = {}; Object.keys(visibleDays).sort().slice(0, numberOfMonths + 1).forEach(function (month) { newVisibleDays[month] = visibleDays[month]; }); var prevMonth = currentMonth.clone().subtract(1, 'month'); var prevMonthVisibleDays = (0, _getVisibleDays2['default'])(prevMonth, 1, enableOutsideDays); this.setState({ currentMonth: prevMonth, visibleDays: (0, _object2['default'])({}, newVisibleDays, this.getModifiers(prevMonthVisibleDays)) }, function () { onPrevMonthClick(prevMonth.clone()); }); } return onPrevMonthClick; }() }, { key: 'onNextMonthClick', value: function () { function onNextMonthClick() { var _props4 = this.props, onNextMonthClick = _props4.onNextMonthClick, numberOfMonths = _props4.numberOfMonths, enableOutsideDays = _props4.enableOutsideDays; var _state4 = this.state, currentMonth = _state4.currentMonth, visibleDays = _state4.visibleDays; var newVisibleDays = {}; Object.keys(visibleDays).sort().slice(1).forEach(function (month) { newVisibleDays[month] = visibleDays[month]; }); var nextMonth = currentMonth.clone().add(numberOfMonths, 'month'); var nextMonthVisibleDays = (0, _getVisibleDays2['default'])(nextMonth, 1, enableOutsideDays); var newCurrentMonth = currentMonth.clone().add(1, 'month'); this.setState({ currentMonth: newCurrentMonth, visibleDays: (0, _object2['default'])({}, newVisibleDays, this.getModifiers(nextMonthVisibleDays)) }, function () { onNextMonthClick(newCurrentMonth.clone()); }); } return onNextMonthClick; }() }, { key: 'onMonthChange', value: function () { function onMonthChange(newMonth) { var _props5 = this.props, numberOfMonths = _props5.numberOfMonths, enableOutsideDays = _props5.enableOutsideDays, orientation = _props5.orientation; var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var newVisibleDays = (0, _getVisibleDays2['default'])(newMonth, numberOfMonths, enableOutsideDays, withoutTransitionMonths); this.setState({ currentMonth: newMonth.clone(), visibleDays: this.getModifiers(newVisibleDays) }); } return onMonthChange; }() }, { key: 'onYearChange', value: function () { function onYearChange(newMonth) { var _props6 = this.props, numberOfMonths = _props6.numberOfMonths, enableOutsideDays = _props6.enableOutsideDays, orientation = _props6.orientation; var withoutTransitionMonths = orientation === _constants.VERTICAL_SCROLLABLE; var newVisibleDays = (0, _getVisibleDays2['default'])(newMonth, numberOfMonths, enableOutsideDays, withoutTransitionMonths); this.setState({ currentMonth: newMonth.clone(), visibleDays: this.getModifiers(newVisibleDays) }); } return onYearChange; }() }, { key: 'getFirstFocusableDay', value: function () { function getFirstFocusableDay(newMonth) { var _this3 = this; var _props7 = this.props, date = _props7.date, numberOfMonths = _props7.numberOfMonths; var focusedDate = newMonth.clone().startOf('month'); if (date) { focusedDate = date.clone(); } if (this.isBlocked(focusedDate)) { var days = []; var lastVisibleDay = newMonth.clone().add(numberOfMonths - 1, 'months').endOf('month'); var currentDay = focusedDate.clone(); while (!(0, _isAfterDay2['default'])(currentDay, lastVisibleDay)) { currentDay = currentDay.clone().add(1, 'day'); days.push(currentDay); } var viableDays = days.filter(function (day) { return !_this3.isBlocked(day) && (0, _isAfterDay2['default'])(day, focusedDate); }); if (viableDays.length > 0) { var _viableDays = _slicedToArray(viableDays, 1); focusedDate = _viableDays[0]; } } return focusedDate; } return getFirstFocusableDay; }() }, { key: 'getModifiers', value: function () { function getModifiers(visibleDays) { var _this4 = this; var modifiers = {}; Object.keys(visibleDays).forEach(function (month) { modifiers[month] = {}; visibleDays[month].forEach(function (day) { modifiers[month][(0, _toISODateString2['default'])(day)] = _this4.getModifiersForDay(day); }); }); return modifiers; } return getModifiers; }() }, { key: 'getModifiersForDay', value: function () { function getModifiersForDay(day) { var _this5 = this; return new Set(Object.keys(this.modifiers).filter(function (modifier) { return _this5.modifiers[modifier](day); })); } return getModifiersForDay; }() }, { key: 'getStateForNewMonth', value: function () { function getStateForNewMonth(nextProps) { var _this6 = this; var initialVisibleMonth = nextProps.initialVisibleMonth, date = nextProps.date, numberOfMonths = nextProps.numberOfMonths, enableOutsideDays = nextProps.enableOutsideDays; var initialVisibleMonthThunk = initialVisibleMonth || (date ? function () { return date; } : function () { return _this6.today; }); var currentMonth = initialVisibleMonthThunk(); var visibleDays = this.getModifiers((0, _getVisibleDays2['default'])(currentMonth, numberOfMonths, enableOutsideDays)); return { currentMonth: currentMonth, visibleDays: visibleDays }; } return getStateForNewMonth; }() }, { key: 'addModifier', value: function () { function addModifier(updatedDays, day, modifier) { var _props8 = this.props, numberOfVisibleMonths = _props8.numberOfMonths, enableOutsideDays = _props8.enableOutsideDays, orientation = _props8.orientation; var _state5 = this.state, firstVisibleMonth = _state5.currentMonth, visibleDays = _state5.visibleDays; var currentMonth = firstVisibleMonth; var numberOfMonths = numberOfVisibleMonths; if (orientation === _constants.VERTICAL_SCROLLABLE) { numberOfMonths = Object.keys(visibleDays).length; } else { currentMonth = currentMonth.clone().subtract(1, 'month'); numberOfMonths += 2; } if (!day || !(0, _isDayVisible2['default'])(day, currentMonth, numberOfMonths, enableOutsideDays)) { return updatedDays; } var iso = (0, _toISODateString2['default'])(day); var updatedDaysAfterAddition = (0, _object2['default'])({}, updatedDays); if (enableOutsideDays) { var monthsToUpdate = Object.keys(visibleDays).filter(function (monthKey) { return Object.keys(visibleDays[monthKey]).indexOf(iso) > -1; }); updatedDaysAfterAddition = monthsToUpdate.reduce(function (days, monthIso) { var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers.add(modifier); return (0, _object2['default'])({}, days, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); }, updatedDaysAfterAddition); } else { var monthIso = (0, _toISOMonthString2['default'])(day); var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers.add(modifier); updatedDaysAfterAddition = (0, _object2['default'])({}, updatedDaysAfterAddition, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); } return updatedDaysAfterAddition; } return addModifier; }() }, { key: 'deleteModifier', value: function () { function deleteModifier(updatedDays, day, modifier) { var _props9 = this.props, numberOfVisibleMonths = _props9.numberOfMonths, enableOutsideDays = _props9.enableOutsideDays, orientation = _props9.orientation; var _state6 = this.state, firstVisibleMonth = _state6.currentMonth, visibleDays = _state6.visibleDays; var currentMonth = firstVisibleMonth; var numberOfMonths = numberOfVisibleMonths; if (orientation === _constants.VERTICAL_SCROLLABLE) { numberOfMonths = Object.keys(visibleDays).length; } else { currentMonth = currentMonth.clone().subtract(1, 'month'); numberOfMonths += 2; } if (!day || !(0, _isDayVisible2['default'])(day, currentMonth, numberOfMonths, enableOutsideDays)) { return updatedDays; } var iso = (0, _toISODateString2['default'])(day); var updatedDaysAfterDeletion = (0, _object2['default'])({}, updatedDays); if (enableOutsideDays) { var monthsToUpdate = Object.keys(visibleDays).filter(function (monthKey) { return Object.keys(visibleDays[monthKey]).indexOf(iso) > -1; }); updatedDaysAfterDeletion = monthsToUpdate.reduce(function (days, monthIso) { var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers['delete'](modifier); return (0, _object2['default'])({}, days, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); }, updatedDaysAfterDeletion); } else { var monthIso = (0, _toISOMonthString2['default'])(day); var month = updatedDays[monthIso] || visibleDays[monthIso]; var modifiers = new Set(month[iso]); modifiers['delete'](modifier); updatedDaysAfterDeletion = (0, _object2['default'])({}, updatedDaysAfterDeletion, _defineProperty({}, monthIso, (0, _object2['default'])({}, month, _defineProperty({}, iso, modifiers)))); } return updatedDaysAfterDeletion; } return deleteModifier; }() }, { key: 'isBlocked', value: function () { function isBlocked(day) { var _props10 = this.props, isDayBlocked = _props10.isDayBlocked, isOutsideRange = _props10.isOutsideRange; return isDayBlocked(day) || isOutsideRange(day); } return isBlocked; }() }, { key: 'isHovered', value: function () { function isHovered(day) { var _ref = this.state || {}, hoverDate = _ref.hoverDate; return (0, _isSameDay2['default'])(day, hoverDate); } return isHovered; }() }, { key: 'isSelected', value: function () { function isSelected(day) { var date = this.props.date; return (0, _isSameDay2['default'])(day, date); } return isSelected; }() }, { key: 'isToday', value: function () { function isToday(day) { return (0, _isSameDay2['default'])(day, this.today); } return isToday; }() }, { key: 'isFirstDayOfWeek', value: function () { function isFirstDayOfWeek(day) { var firstDayOfWeek = this.props.firstDayOfWeek; return day.day() === (firstDayOfWeek || _moment2['default'].localeData().firstDayOfWeek()); } return isFirstDayOfWeek; }() }, { key: 'isLastDayOfWeek', value: function () { function isLastDayOfWeek(day) { var firstDayOfWeek = this.props.firstDayOfWeek; return day.day() === ((firstDayOfWeek || _moment2['default'].localeData().firstDayOfWeek()) + 6) % 7; } return isLastDayOfWeek; }() }, { key: 'render', value: function () { function render() { var _props11 = this.props, numberOfMonths = _props11.numberOfMonths, orientation = _props11.orientation, monthFormat = _props11.monthFormat, renderMonthText = _props11.renderMonthText, navPrev = _props11.navPrev, navNext = _props11.navNext, onOutsideClick = _props11.onOutsideClick, withPortal = _props11.withPortal, focused = _props11.focused, enableOutsideDays = _props11.enableOutsideDays, hideKeyboardShortcutsPanel = _props11.hideKeyboardShortcutsPanel, daySize = _props11.daySize, firstDayOfWeek = _props11.firstDayOfWeek, renderCalendarDay = _props11.renderCalendarDay, renderDayContents = _props11.renderDayContents, renderCalendarInfo = _props11.renderCalendarInfo, renderMonthElement = _props11.renderMonthElement, calendarInfoPosition = _props11.calendarInfoPosition, isFocused = _props11.isFocused, isRTL = _props11.isRTL, phrases = _props11.phrases, dayAriaLabelFormat = _props11.dayAriaLabelFormat, onBlur = _props11.onBlur, showKeyboardShortcuts = _props11.showKeyboardShortcuts, weekDayFormat = _props11.weekDayFormat, verticalHeight = _props11.verticalHeight, noBorder = _props11.noBorder, transitionDuration = _props11.transitionDuration, verticalBorderSpacing = _props11.verticalBorderSpacing, horizontalMonthPadding = _props11.horizontalMonthPadding; var _state7 = this.state, currentMonth = _state7.currentMonth, visibleDays = _state7.visibleDays; return _react2['default'].createElement(_DayPicker2['default'], { orientation: orientation, enableOutsideDays: enableOutsideDays, modifiers: visibleDays, numberOfMonths: numberOfMonths, onDayClick: this.onDayClick, onDayMouseEnter: this.onDayMouseEnter, onDayMouseLeave: this.onDayMouseLeave, onPrevMonthClick: this.onPrevMonthClick, onNextMonthClick: this.onNextMonthClick, onMonthChange: this.onMonthChange, onYearChange: this.onYearChange, monthFormat: monthFormat, withPortal: withPortal, hidden: !focused, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, initialVisibleMonth: function () { function initialVisibleMonth() { return currentMonth; } return initialVisibleMonth; }(), firstDayOfWeek: firstDayOfWeek, onOutsideClick: onOutsideClick, navPrev: navPrev, navNext: navNext, renderMonthText: renderMonthText, renderCalendarDay: renderCalendarDay, renderDayContents: renderDayContents, renderCalendarInfo: renderCalendarInfo, renderMonthElement: renderMonthElement, calendarInfoPosition: calendarInfoPosition, isFocused: isFocused, getFirstFocusableDay: this.getFirstFocusableDay, onBlur: onBlur, phrases: phrases, daySize: daySize, isRTL: isRTL, showKeyboardShortcuts: showKeyboardShortcuts, weekDayFormat: weekDayFormat, dayAriaLabelFormat: dayAriaLabelFormat, verticalHeight: verticalHeight, noBorder: noBorder, transitionDuration: transitionDuration, verticalBorderSpacing: verticalBorderSpacing, horizontalMonthPadding: horizontalMonthPadding }); } return render; }() }]); return DayPickerSingleDateController; }(_react2['default'].Component); exports['default'] = DayPickerSingleDateController; DayPickerSingleDateController.propTypes = propTypes; DayPickerSingleDateController.defaultProps = defaultProps; /***/ }), /* 171 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _IconPositionShape = __webpack_require__(80); var _IconPositionShape2 = _interopRequireDefault(_IconPositionShape); var _OrientationShape = __webpack_require__(153); var _OrientationShape2 = _interopRequireDefault(_OrientationShape); var _AnchorDirectionShape = __webpack_require__(154); var _AnchorDirectionShape2 = _interopRequireDefault(_AnchorDirectionShape); var _OpenDirectionShape = __webpack_require__(74); var _OpenDirectionShape2 = _interopRequireDefault(_OpenDirectionShape); var _DayOfWeekShape = __webpack_require__(64); var _DayOfWeekShape2 = _interopRequireDefault(_DayOfWeekShape); var _CalendarInfoPositionShape = __webpack_require__(81); var _CalendarInfoPositionShape2 = _interopRequireDefault(_CalendarInfoPositionShape); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = { // required props for a functional interactive SingleDatePicker date: _reactMomentProptypes2['default'].momentObj, onDateChange: _propTypes2['default'].func.isRequired, focused: _propTypes2['default'].bool, onFocusChange: _propTypes2['default'].func.isRequired, // input related props id: _propTypes2['default'].string.isRequired, placeholder: _propTypes2['default'].string, disabled: _propTypes2['default'].bool, required: _propTypes2['default'].bool, readOnly: _propTypes2['default'].bool, screenReaderInputMessage: _propTypes2['default'].string, showClearDate: _propTypes2['default'].bool, customCloseIcon: _propTypes2['default'].node, showDefaultInputIcon: _propTypes2['default'].bool, inputIconPosition: _IconPositionShape2['default'], customInputIcon: _propTypes2['default'].node, noBorder: _propTypes2['default'].bool, block: _propTypes2['default'].bool, small: _propTypes2['default'].bool, regular: _propTypes2['default'].bool, verticalSpacing: _airbnbPropTypes.nonNegativeInteger, keepFocusOnInput: _propTypes2['default'].bool, // calendar presentation and interaction related props renderMonthText: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), renderMonthElement: (0, _airbnbPropTypes.mutuallyExclusiveProps)(_propTypes2['default'].func, 'renderMonthText', 'renderMonthElement'), orientation: _OrientationShape2['default'], anchorDirection: _AnchorDirectionShape2['default'], openDirection: _OpenDirectionShape2['default'], horizontalMargin: _propTypes2['default'].number, withPortal: _propTypes2['default'].bool, withFullScreenPortal: _propTypes2['default'].bool, appendToBody: _propTypes2['default'].bool, disableScroll: _propTypes2['default'].bool, initialVisibleMonth: _propTypes2['default'].func, firstDayOfWeek: _DayOfWeekShape2['default'], numberOfMonths: _propTypes2['default'].number, keepOpenOnDateSelect: _propTypes2['default'].bool, reopenPickerOnClearDate: _propTypes2['default'].bool, renderCalendarInfo: _propTypes2['default'].func, calendarInfoPosition: _CalendarInfoPositionShape2['default'], hideKeyboardShortcutsPanel: _propTypes2['default'].bool, daySize: _airbnbPropTypes.nonNegativeInteger, isRTL: _propTypes2['default'].bool, verticalHeight: _airbnbPropTypes.nonNegativeInteger, transitionDuration: _airbnbPropTypes.nonNegativeInteger, horizontalMonthPadding: _airbnbPropTypes.nonNegativeInteger, // navigation related props navPrev: _propTypes2['default'].node, navNext: _propTypes2['default'].node, onPrevMonthClick: _propTypes2['default'].func, onNextMonthClick: _propTypes2['default'].func, onClose: _propTypes2['default'].func, // day presentation and interaction related props renderCalendarDay: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, enableOutsideDays: _propTypes2['default'].bool, isDayBlocked: _propTypes2['default'].func, isOutsideRange: _propTypes2['default'].func, isDayHighlighted: _propTypes2['default'].func, // internationalization props displayFormat: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].func]), monthFormat: _propTypes2['default'].string, weekDayFormat: _propTypes2['default'].string, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.SingleDatePickerPhrases)), dayAriaLabelFormat: _propTypes2['default'].string }; /***/ }), /* 172 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _DateInput = __webpack_require__(160); var _DateInput2 = _interopRequireDefault(_DateInput); var _IconPositionShape = __webpack_require__(80); var _IconPositionShape2 = _interopRequireDefault(_IconPositionShape); var _CloseButton = __webpack_require__(84); var _CloseButton2 = _interopRequireDefault(_CloseButton); var _CalendarIcon = __webpack_require__(166); var _CalendarIcon2 = _interopRequireDefault(_CalendarIcon); var _OpenDirectionShape = __webpack_require__(74); var _OpenDirectionShape2 = _interopRequireDefault(_OpenDirectionShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { id: _propTypes2['default'].string.isRequired, placeholder: _propTypes2['default'].string, // also used as label displayValue: _propTypes2['default'].string, screenReaderMessage: _propTypes2['default'].string, focused: _propTypes2['default'].bool, isFocused: _propTypes2['default'].bool, // describes actual DOM focus disabled: _propTypes2['default'].bool, required: _propTypes2['default'].bool, readOnly: _propTypes2['default'].bool, openDirection: _OpenDirectionShape2['default'], showCaret: _propTypes2['default'].bool, showClearDate: _propTypes2['default'].bool, customCloseIcon: _propTypes2['default'].node, showDefaultInputIcon: _propTypes2['default'].bool, inputIconPosition: _IconPositionShape2['default'], customInputIcon: _propTypes2['default'].node, isRTL: _propTypes2['default'].bool, noBorder: _propTypes2['default'].bool, block: _propTypes2['default'].bool, small: _propTypes2['default'].bool, regular: _propTypes2['default'].bool, verticalSpacing: _airbnbPropTypes.nonNegativeInteger, onChange: _propTypes2['default'].func, onClearDate: _propTypes2['default'].func, onFocus: _propTypes2['default'].func, onKeyDownShiftTab: _propTypes2['default'].func, onKeyDownTab: _propTypes2['default'].func, onKeyDownArrowDown: _propTypes2['default'].func, onKeyDownQuestionMark: _propTypes2['default'].func, // i18n phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.SingleDatePickerInputPhrases)) })); var defaultProps = { placeholder: 'Select Date', displayValue: '', screenReaderMessage: '', focused: false, isFocused: false, disabled: false, required: false, readOnly: false, openDirection: _constants.OPEN_DOWN, showCaret: false, showClearDate: false, showDefaultInputIcon: false, inputIconPosition: _constants.ICON_BEFORE_POSITION, customCloseIcon: null, customInputIcon: null, isRTL: false, noBorder: false, block: false, small: false, regular: false, verticalSpacing: undefined, onChange: function () { function onChange() {} return onChange; }(), onClearDate: function () { function onClearDate() {} return onClearDate; }(), onFocus: function () { function onFocus() {} return onFocus; }(), onKeyDownShiftTab: function () { function onKeyDownShiftTab() {} return onKeyDownShiftTab; }(), onKeyDownTab: function () { function onKeyDownTab() {} return onKeyDownTab; }(), onKeyDownArrowDown: function () { function onKeyDownArrowDown() {} return onKeyDownArrowDown; }(), onKeyDownQuestionMark: function () { function onKeyDownQuestionMark() {} return onKeyDownQuestionMark; }(), // i18n phrases: _defaultPhrases.SingleDatePickerInputPhrases }; /* eslint react/no-this-in-sfc: 1 */ function SingleDatePickerInput(_ref) { var id = _ref.id, placeholder = _ref.placeholder, displayValue = _ref.displayValue, focused = _ref.focused, isFocused = _ref.isFocused, disabled = _ref.disabled, required = _ref.required, readOnly = _ref.readOnly, showCaret = _ref.showCaret, showClearDate = _ref.showClearDate, showDefaultInputIcon = _ref.showDefaultInputIcon, inputIconPosition = _ref.inputIconPosition, phrases = _ref.phrases, onClearDate = _ref.onClearDate, onChange = _ref.onChange, onFocus = _ref.onFocus, onKeyDownShiftTab = _ref.onKeyDownShiftTab, onKeyDownTab = _ref.onKeyDownTab, onKeyDownArrowDown = _ref.onKeyDownArrowDown, onKeyDownQuestionMark = _ref.onKeyDownQuestionMark, screenReaderMessage = _ref.screenReaderMessage, customCloseIcon = _ref.customCloseIcon, customInputIcon = _ref.customInputIcon, openDirection = _ref.openDirection, isRTL = _ref.isRTL, noBorder = _ref.noBorder, block = _ref.block, small = _ref.small, regular = _ref.regular, verticalSpacing = _ref.verticalSpacing, styles = _ref.styles; var calendarIcon = customInputIcon || _react2['default'].createElement(_CalendarIcon2['default'], (0, _reactWithStyles.css)(styles.SingleDatePickerInput_calendarIcon_svg)); var closeIcon = customCloseIcon || _react2['default'].createElement(_CloseButton2['default'], (0, _reactWithStyles.css)(styles.SingleDatePickerInput_clearDate_svg, small && styles.SingleDatePickerInput_clearDate_svg__small)); var screenReaderText = screenReaderMessage || phrases.keyboardNavigationInstructions; var inputIcon = (showDefaultInputIcon || customInputIcon !== null) && _react2['default'].createElement( 'button', _extends({}, (0, _reactWithStyles.css)(styles.SingleDatePickerInput_calendarIcon), { type: 'button', disabled: disabled, 'aria-label': phrases.focusStartDate, onClick: onFocus }), calendarIcon ); return _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(styles.SingleDatePickerInput, disabled && styles.SingleDatePickerInput__disabled, isRTL && styles.SingleDatePickerInput__rtl, !noBorder && styles.SingleDatePickerInput__withBorder, block && styles.SingleDatePickerInput__block, showClearDate && styles.SingleDatePickerInput__showClearDate), inputIconPosition === _constants.ICON_BEFORE_POSITION && inputIcon, _react2['default'].createElement(_DateInput2['default'], { id: id, placeholder: placeholder // also used as label , displayValue: displayValue, screenReaderMessage: screenReaderText, focused: focused, isFocused: isFocused, disabled: disabled, required: required, readOnly: readOnly, showCaret: showCaret, onChange: onChange, onFocus: onFocus, onKeyDownShiftTab: onKeyDownShiftTab, onKeyDownTab: onKeyDownTab, onKeyDownArrowDown: onKeyDownArrowDown, onKeyDownQuestionMark: onKeyDownQuestionMark, openDirection: openDirection, verticalSpacing: verticalSpacing, small: small, regular: regular, block: block }), showClearDate && _react2['default'].createElement( 'button', _extends({}, (0, _reactWithStyles.css)(styles.SingleDatePickerInput_clearDate, small && styles.SingleDatePickerInput_clearDate__small, !customCloseIcon && styles.SingleDatePickerInput_clearDate__default, !displayValue && styles.SingleDatePickerInput_clearDate__hide), { type: 'button', 'aria-label': phrases.clearDate, disabled: disabled, onMouseEnter: this && this.onClearDateMouseEnter, onMouseLeave: this && this.onClearDateMouseLeave, onClick: onClearDate }), closeIcon ), inputIconPosition === _constants.ICON_AFTER_POSITION && inputIcon ); } SingleDatePickerInput.propTypes = propTypes; SingleDatePickerInput.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var _ref2$reactDates = _ref2.reactDates, border = _ref2$reactDates.border, color = _ref2$reactDates.color; return { SingleDatePickerInput: { display: 'inline-block', backgroundColor: color.background }, SingleDatePickerInput__withBorder: { borderColor: color.border, borderWidth: border.pickerInput.borderWidth, borderStyle: border.pickerInput.borderStyle, borderRadius: border.pickerInput.borderRadius }, SingleDatePickerInput__rtl: { direction: 'rtl' }, SingleDatePickerInput__disabled: { backgroundColor: color.disabled }, SingleDatePickerInput__block: { display: 'block' }, SingleDatePickerInput__showClearDate: { paddingRight: 30 }, SingleDatePickerInput_clearDate: { background: 'none', border: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', cursor: 'pointer', padding: 10, margin: '0 10px 0 5px', position: 'absolute', right: 0, top: '50%', transform: 'translateY(-50%)' }, SingleDatePickerInput_clearDate__default: { ':focus': { background: color.core.border, borderRadius: '50%' }, ':hover': { background: color.core.border, borderRadius: '50%' } }, SingleDatePickerInput_clearDate__small: { padding: 6 }, SingleDatePickerInput_clearDate__hide: { visibility: 'hidden' }, SingleDatePickerInput_clearDate_svg: { fill: color.core.grayLight, height: 12, width: 15, verticalAlign: 'middle' }, SingleDatePickerInput_clearDate_svg__small: { height: 9 }, SingleDatePickerInput_calendarIcon: { background: 'none', border: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', cursor: 'pointer', display: 'inline-block', verticalAlign: 'middle', padding: 10, margin: '0 5px 0 10px' }, SingleDatePickerInput_calendarIcon_svg: { fill: color.core.grayLight, height: 15, width: 14, verticalAlign: 'middle' } }; })(SingleDatePickerInput); /***/ }), /* 173 */, /* 174 */, /* 175 */, /* 176 */, /* 177 */, /* 178 */, /* 179 */, /* 180 */, /* 181 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); // EXTERNAL MODULE: external "ReactDOM" var external_ReactDOM_ = __webpack_require__(48); var external_ReactDOM_default = /*#__PURE__*/__webpack_require__.n(external_ReactDOM_); // EXTERNAL MODULE: external "React" var external_React_ = __webpack_require__(26); var external_React_default = /*#__PURE__*/__webpack_require__.n(external_React_); // EXTERNAL MODULE: ./node_modules/prop-types/index.js var prop_types = __webpack_require__(29); var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types); // CONCATENATED MODULE: ./node_modules/react-portal/es/utils.js var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement); // CONCATENATED MODULE: ./node_modules/react-portal/es/Portal.js 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"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var Portal_Portal = function (_React$Component) { _inherits(Portal, _React$Component); function Portal() { _classCallCheck(this, Portal); return _possibleConstructorReturn(this, (Portal.__proto__ || Object.getPrototypeOf(Portal)).apply(this, arguments)); } _createClass(Portal, [{ key: 'componentWillUnmount', value: function componentWillUnmount() { if (this.defaultNode) { document.body.removeChild(this.defaultNode); } this.defaultNode = null; } }, { key: 'render', value: function render() { if (!canUseDOM) { return null; } if (!this.props.node && !this.defaultNode) { this.defaultNode = document.createElement('div'); document.body.appendChild(this.defaultNode); } return external_ReactDOM_default.a.createPortal(this.props.children, this.props.node || this.defaultNode); } }]); return Portal; }(external_React_default.a.Component); Portal_Portal.propTypes = { children: prop_types_default.a.node.isRequired, node: prop_types_default.a.any }; /* harmony default export */ var es_Portal = (Portal_Portal); // CONCATENATED MODULE: ./node_modules/react-portal/es/LegacyPortal.js var LegacyPortal_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 LegacyPortal_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function LegacyPortal_possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function LegacyPortal_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // This file is a fallback for a consumer who is not yet on React 16 // as createPortal was introduced in React 16 var LegacyPortal_Portal = function (_React$Component) { LegacyPortal_inherits(Portal, _React$Component); function Portal() { LegacyPortal_classCallCheck(this, Portal); return LegacyPortal_possibleConstructorReturn(this, (Portal.__proto__ || Object.getPrototypeOf(Portal)).apply(this, arguments)); } LegacyPortal_createClass(Portal, [{ key: 'componentDidMount', value: function componentDidMount() { this.renderPortal(); } }, { key: 'componentDidUpdate', value: function componentDidUpdate(props) { this.renderPortal(); } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { external_ReactDOM_default.a.unmountComponentAtNode(this.defaultNode || this.props.node); if (this.defaultNode) { document.body.removeChild(this.defaultNode); } this.defaultNode = null; this.portal = null; } }, { key: 'renderPortal', value: function renderPortal(props) { if (!this.props.node && !this.defaultNode) { this.defaultNode = document.createElement('div'); document.body.appendChild(this.defaultNode); } var children = this.props.children; // https://gist.github.com/jimfb/d99e0678e9da715ccf6454961ef04d1b if (typeof this.props.children.type === 'function') { children = external_React_default.a.cloneElement(this.props.children); } this.portal = external_ReactDOM_default.a.unstable_renderSubtreeIntoContainer(this, children, this.props.node || this.defaultNode); } }, { key: 'render', value: function render() { return null; } }]); return Portal; }(external_React_default.a.Component); /* harmony default export */ var LegacyPortal = (LegacyPortal_Portal); LegacyPortal_Portal.propTypes = { children: prop_types_default.a.node.isRequired, node: prop_types_default.a.any }; // CONCATENATED MODULE: ./node_modules/react-portal/es/PortalCompat.js var PortalCompat_Portal = void 0; if (external_ReactDOM_default.a.createPortal) { PortalCompat_Portal = es_Portal; } else { PortalCompat_Portal = LegacyPortal; } /* harmony default export */ var PortalCompat = (PortalCompat_Portal); // CONCATENATED MODULE: ./node_modules/react-portal/es/PortalWithState.js var PortalWithState_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 PortalWithState_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function PortalWithState_possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function PortalWithState_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var KEYCODES = { ESCAPE: 27 }; var PortalWithState_PortalWithState = function (_React$Component) { PortalWithState_inherits(PortalWithState, _React$Component); function PortalWithState(props) { PortalWithState_classCallCheck(this, PortalWithState); var _this = PortalWithState_possibleConstructorReturn(this, (PortalWithState.__proto__ || Object.getPrototypeOf(PortalWithState)).call(this, props)); _this.portalNode = null; _this.state = { active: !!props.defaultOpen }; _this.openPortal = _this.openPortal.bind(_this); _this.closePortal = _this.closePortal.bind(_this); _this.wrapWithPortal = _this.wrapWithPortal.bind(_this); _this.handleOutsideMouseClick = _this.handleOutsideMouseClick.bind(_this); _this.handleKeydown = _this.handleKeydown.bind(_this); return _this; } PortalWithState_createClass(PortalWithState, [{ key: 'componentDidMount', value: function componentDidMount() { if (this.props.closeOnEsc) { document.addEventListener('keydown', this.handleKeydown); } if (this.props.closeOnOutsideClick) { document.addEventListener('click', this.handleOutsideMouseClick); } } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { if (this.props.closeOnEsc) { document.removeEventListener('keydown', this.handleKeydown); } if (this.props.closeOnOutsideClick) { document.removeEventListener('click', this.handleOutsideMouseClick); } } }, { key: 'openPortal', value: function openPortal(e) { if (this.state.active) { return; } if (e && e.nativeEvent) { e.nativeEvent.stopImmediatePropagation(); } this.setState({ active: true }, this.props.onOpen); } }, { key: 'closePortal', value: function closePortal() { if (!this.state.active) { return; } this.setState({ active: false }, this.props.onClose); } }, { key: 'wrapWithPortal', value: function wrapWithPortal(children) { var _this2 = this; if (!this.state.active) { return null; } return external_React_default.a.createElement( PortalCompat, { node: this.props.node, key: 'react-portal', ref: function ref(portalNode) { return _this2.portalNode = portalNode; } }, children ); } }, { key: 'handleOutsideMouseClick', value: function handleOutsideMouseClick(e) { if (!this.state.active) { return; } var root = this.portalNode.props.node || this.portalNode.defaultNode; if (!root || root.contains(e.target) || e.button && e.button !== 0) { return; } this.closePortal(); } }, { key: 'handleKeydown', value: function handleKeydown(e) { if (e.keyCode === KEYCODES.ESCAPE && this.state.active) { this.closePortal(); } } }, { key: 'render', value: function render() { return this.props.children({ openPortal: this.openPortal, closePortal: this.closePortal, portal: this.wrapWithPortal, isOpen: this.state.active }); } }]); return PortalWithState; }(external_React_default.a.Component); PortalWithState_PortalWithState.propTypes = { children: prop_types_default.a.func.isRequired, defaultOpen: prop_types_default.a.bool, node: prop_types_default.a.any, closeOnEsc: prop_types_default.a.bool, closeOnOutsideClick: prop_types_default.a.bool, onOpen: prop_types_default.a.func, onClose: prop_types_default.a.func }; PortalWithState_PortalWithState.defaultProps = { onOpen: function onOpen() {}, onClose: function onClose() {} }; /* harmony default export */ var es_PortalWithState = (PortalWithState_PortalWithState); // CONCATENATED MODULE: ./node_modules/react-portal/es/index.js /* concated harmony reexport Portal */__webpack_require__.d(__webpack_exports__, "Portal", function() { return PortalCompat; }); /* concated harmony reexport PortalWithState */__webpack_require__.d(__webpack_exports__, "PortalWithState", function() { return es_PortalWithState; }); /***/ }), /* 182 */, /* 183 */, /* 184 */, /* 185 */ /***/ (function(module, exports, __webpack_require__) { /*! * clipboard.js v2.0.4 * https://zenorocha.github.io/clipboard.js * * Licensed MIT © Zeno Rocha */ (function webpackUniversalModuleDefinition(root, factory) { if(true) module.exports = factory(); else {} })(this, function() { return /******/ (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 = 0); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; 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; }; }(); var _clipboardAction = __webpack_require__(1); var _clipboardAction2 = _interopRequireDefault(_clipboardAction); var _tinyEmitter = __webpack_require__(3); var _tinyEmitter2 = _interopRequireDefault(_tinyEmitter); var _goodListener = __webpack_require__(4); var _goodListener2 = _interopRequireDefault(_goodListener); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /** * Base class which takes one or more elements, adds event listeners to them, * and instantiates a new `ClipboardAction` on each click. */ var Clipboard = function (_Emitter) { _inherits(Clipboard, _Emitter); /** * @param {String|HTMLElement|HTMLCollection|NodeList} trigger * @param {Object} options */ function Clipboard(trigger, options) { _classCallCheck(this, Clipboard); var _this = _possibleConstructorReturn(this, (Clipboard.__proto__ || Object.getPrototypeOf(Clipboard)).call(this)); _this.resolveOptions(options); _this.listenClick(trigger); return _this; } /** * Defines if attributes would be resolved using internal setter functions * or custom functions that were passed in the constructor. * @param {Object} options */ _createClass(Clipboard, [{ key: 'resolveOptions', value: function resolveOptions() { var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; this.action = typeof options.action === 'function' ? options.action : this.defaultAction; this.target = typeof options.target === 'function' ? options.target : this.defaultTarget; this.text = typeof options.text === 'function' ? options.text : this.defaultText; this.container = _typeof(options.container) === 'object' ? options.container : document.body; } /** * Adds a click event listener to the passed trigger. * @param {String|HTMLElement|HTMLCollection|NodeList} trigger */ }, { key: 'listenClick', value: function listenClick(trigger) { var _this2 = this; this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) { return _this2.onClick(e); }); } /** * Defines a new `ClipboardAction` on each click event. * @param {Event} e */ }, { key: 'onClick', value: function onClick(e) { var trigger = e.delegateTarget || e.currentTarget; if (this.clipboardAction) { this.clipboardAction = null; } this.clipboardAction = new _clipboardAction2.default({ action: this.action(trigger), target: this.target(trigger), text: this.text(trigger), container: this.container, trigger: trigger, emitter: this }); } /** * Default `action` lookup function. * @param {Element} trigger */ }, { key: 'defaultAction', value: function defaultAction(trigger) { return getAttributeValue('action', trigger); } /** * Default `target` lookup function. * @param {Element} trigger */ }, { key: 'defaultTarget', value: function defaultTarget(trigger) { var selector = getAttributeValue('target', trigger); if (selector) { return document.querySelector(selector); } } /** * Returns the support of the given action, or all actions if no action is * given. * @param {String} [action] */ }, { key: 'defaultText', /** * Default `text` lookup function. * @param {Element} trigger */ value: function defaultText(trigger) { return getAttributeValue('text', trigger); } /** * Destroy lifecycle. */ }, { key: 'destroy', value: function destroy() { this.listener.destroy(); if (this.clipboardAction) { this.clipboardAction.destroy(); this.clipboardAction = null; } } }], [{ key: 'isSupported', value: function isSupported() { var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut']; var actions = typeof action === 'string' ? [action] : action; var support = !!document.queryCommandSupported; actions.forEach(function (action) { support = support && !!document.queryCommandSupported(action); }); return support; } }]); return Clipboard; }(_tinyEmitter2.default); /** * Helper function to retrieve attribute value. * @param {String} suffix * @param {Element} element */ function getAttributeValue(suffix, element) { var attribute = 'data-clipboard-' + suffix; if (!element.hasAttribute(attribute)) { return; } return element.getAttribute(attribute); } module.exports = Clipboard; /***/ }), /* 1 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; 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; }; }(); var _select = __webpack_require__(2); var _select2 = _interopRequireDefault(_select); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /** * Inner class which performs selection from either `text` or `target` * properties and then executes copy or cut operations. */ var ClipboardAction = function () { /** * @param {Object} options */ function ClipboardAction(options) { _classCallCheck(this, ClipboardAction); this.resolveOptions(options); this.initSelection(); } /** * Defines base properties passed from constructor. * @param {Object} options */ _createClass(ClipboardAction, [{ key: 'resolveOptions', value: function resolveOptions() { var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; this.action = options.action; this.container = options.container; this.emitter = options.emitter; this.target = options.target; this.text = options.text; this.trigger = options.trigger; this.selectedText = ''; } /** * Decides which selection strategy is going to be applied based * on the existence of `text` and `target` properties. */ }, { key: 'initSelection', value: function initSelection() { if (this.text) { this.selectFake(); } else if (this.target) { this.selectTarget(); } } /** * Creates a fake textarea element, sets its value from `text` property, * and makes a selection on it. */ }, { key: 'selectFake', value: function selectFake() { var _this = this; var isRTL = document.documentElement.getAttribute('dir') == 'rtl'; this.removeFake(); this.fakeHandlerCallback = function () { return _this.removeFake(); }; this.fakeHandler = this.container.addEventListener('click', this.fakeHandlerCallback) || true; this.fakeElem = document.createElement('textarea'); // Prevent zooming on iOS this.fakeElem.style.fontSize = '12pt'; // Reset box model this.fakeElem.style.border = '0'; this.fakeElem.style.padding = '0'; this.fakeElem.style.margin = '0'; // Move element out of screen horizontally this.fakeElem.style.position = 'absolute'; this.fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically var yPosition = window.pageYOffset || document.documentElement.scrollTop; this.fakeElem.style.top = yPosition + 'px'; this.fakeElem.setAttribute('readonly', ''); this.fakeElem.value = this.text; this.container.appendChild(this.fakeElem); this.selectedText = (0, _select2.default)(this.fakeElem); this.copyText(); } /** * Only removes the fake element after another click event, that way * a user can hit `Ctrl+C` to copy because selection still exists. */ }, { key: 'removeFake', value: function removeFake() { if (this.fakeHandler) { this.container.removeEventListener('click', this.fakeHandlerCallback); this.fakeHandler = null; this.fakeHandlerCallback = null; } if (this.fakeElem) { this.container.removeChild(this.fakeElem); this.fakeElem = null; } } /** * Selects the content from element passed on `target` property. */ }, { key: 'selectTarget', value: function selectTarget() { this.selectedText = (0, _select2.default)(this.target); this.copyText(); } /** * Executes the copy operation based on the current selection. */ }, { key: 'copyText', value: function copyText() { var succeeded = void 0; try { succeeded = document.execCommand(this.action); } catch (err) { succeeded = false; } this.handleResult(succeeded); } /** * Fires an event based on the copy operation result. * @param {Boolean} succeeded */ }, { key: 'handleResult', value: function handleResult(succeeded) { this.emitter.emit(succeeded ? 'success' : 'error', { action: this.action, text: this.selectedText, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }); } /** * Moves focus away from `target` and back to the trigger, removes current selection. */ }, { key: 'clearSelection', value: function clearSelection() { if (this.trigger) { this.trigger.focus(); } window.getSelection().removeAllRanges(); } /** * Sets the `action` to be performed which can be either 'copy' or 'cut'. * @param {String} action */ }, { key: 'destroy', /** * Destroy lifecycle. */ value: function destroy() { this.removeFake(); } }, { key: 'action', set: function set() { var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'copy'; this._action = action; if (this._action !== 'copy' && this._action !== 'cut') { throw new Error('Invalid "action" value, use either "copy" or "cut"'); } } /** * Gets the `action` property. * @return {String} */ , get: function get() { return this._action; } /** * Sets the `target` property using an element * that will be have its content copied. * @param {Element} target */ }, { key: 'target', set: function set(target) { if (target !== undefined) { if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object' && target.nodeType === 1) { if (this.action === 'copy' && target.hasAttribute('disabled')) { throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute'); } if (this.action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) { throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes'); } this._target = target; } else { throw new Error('Invalid "target" value, use a valid Element'); } } } /** * Gets the `target` property. * @return {String|HTMLElement} */ , get: function get() { return this._target; } }]); return ClipboardAction; }(); module.exports = ClipboardAction; /***/ }), /* 2 */ /***/ (function(module, exports) { function select(element) { var selectedText; if (element.nodeName === 'SELECT') { element.focus(); selectedText = element.value; } else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') { var isReadOnly = element.hasAttribute('readonly'); if (!isReadOnly) { element.setAttribute('readonly', ''); } element.select(); element.setSelectionRange(0, element.value.length); if (!isReadOnly) { element.removeAttribute('readonly'); } selectedText = element.value; } else { if (element.hasAttribute('contenteditable')) { element.focus(); } var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(element); selection.removeAllRanges(); selection.addRange(range); selectedText = selection.toString(); } return selectedText; } module.exports = select; /***/ }), /* 3 */ /***/ (function(module, exports) { function E () { // Keep this empty so it's easier to inherit from // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3) } E.prototype = { on: function (name, callback, ctx) { var e = this.e || (this.e = {}); (e[name] || (e[name] = [])).push({ fn: callback, ctx: ctx }); return this; }, once: function (name, callback, ctx) { var self = this; function listener () { self.off(name, listener); callback.apply(ctx, arguments); }; listener._ = callback return this.on(name, listener, ctx); }, emit: function (name) { var data = [].slice.call(arguments, 1); var evtArr = ((this.e || (this.e = {}))[name] || []).slice(); var i = 0; var len = evtArr.length; for (i; i < len; i++) { evtArr[i].fn.apply(evtArr[i].ctx, data); } return this; }, off: function (name, callback) { var e = this.e || (this.e = {}); var evts = e[name]; var liveEvents = []; if (evts && callback) { for (var i = 0, len = evts.length; i < len; i++) { if (evts[i].fn !== callback && evts[i].fn._ !== callback) liveEvents.push(evts[i]); } } // Remove event from queue to prevent memory leak // Suggested by https://github.com/lazd // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910 (liveEvents.length) ? e[name] = liveEvents : delete e[name]; return this; } }; module.exports = E; /***/ }), /* 4 */ /***/ (function(module, exports, __webpack_require__) { var is = __webpack_require__(5); var delegate = __webpack_require__(6); /** * Validates all params and calls the right * listener function based on its target type. * * @param {String|HTMLElement|HTMLCollection|NodeList} target * @param {String} type * @param {Function} callback * @return {Object} */ function listen(target, type, callback) { if (!target && !type && !callback) { throw new Error('Missing required arguments'); } if (!is.string(type)) { throw new TypeError('Second argument must be a String'); } if (!is.fn(callback)) { throw new TypeError('Third argument must be a Function'); } if (is.node(target)) { return listenNode(target, type, callback); } else if (is.nodeList(target)) { return listenNodeList(target, type, callback); } else if (is.string(target)) { return listenSelector(target, type, callback); } else { throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList'); } } /** * Adds an event listener to a HTML element * and returns a remove listener function. * * @param {HTMLElement} node * @param {String} type * @param {Function} callback * @return {Object} */ function listenNode(node, type, callback) { node.addEventListener(type, callback); return { destroy: function() { node.removeEventListener(type, callback); } } } /** * Add an event listener to a list of HTML elements * and returns a remove listener function. * * @param {NodeList|HTMLCollection} nodeList * @param {String} type * @param {Function} callback * @return {Object} */ function listenNodeList(nodeList, type, callback) { Array.prototype.forEach.call(nodeList, function(node) { node.addEventListener(type, callback); }); return { destroy: function() { Array.prototype.forEach.call(nodeList, function(node) { node.removeEventListener(type, callback); }); } } } /** * Add an event listener to a selector * and returns a remove listener function. * * @param {String} selector * @param {String} type * @param {Function} callback * @return {Object} */ function listenSelector(selector, type, callback) { return delegate(document.body, selector, type, callback); } module.exports = listen; /***/ }), /* 5 */ /***/ (function(module, exports) { /** * Check if argument is a HTML element. * * @param {Object} value * @return {Boolean} */ exports.node = function(value) { return value !== undefined && value instanceof HTMLElement && value.nodeType === 1; }; /** * Check if argument is a list of HTML elements. * * @param {Object} value * @return {Boolean} */ exports.nodeList = function(value) { var type = Object.prototype.toString.call(value); return value !== undefined && (type === '[object NodeList]' || type === '[object HTMLCollection]') && ('length' in value) && (value.length === 0 || exports.node(value[0])); }; /** * Check if argument is a string. * * @param {Object} value * @return {Boolean} */ exports.string = function(value) { return typeof value === 'string' || value instanceof String; }; /** * Check if argument is a function. * * @param {Object} value * @return {Boolean} */ exports.fn = function(value) { var type = Object.prototype.toString.call(value); return type === '[object Function]'; }; /***/ }), /* 6 */ /***/ (function(module, exports, __webpack_require__) { var closest = __webpack_require__(7); /** * Delegates event to a selector. * * @param {Element} element * @param {String} selector * @param {String} type * @param {Function} callback * @param {Boolean} useCapture * @return {Object} */ function _delegate(element, selector, type, callback, useCapture) { var listenerFn = listener.apply(this, arguments); element.addEventListener(type, listenerFn, useCapture); return { destroy: function() { element.removeEventListener(type, listenerFn, useCapture); } } } /** * Delegates event to a selector. * * @param {Element|String|Array} [elements] * @param {String} selector * @param {String} type * @param {Function} callback * @param {Boolean} useCapture * @return {Object} */ function delegate(elements, selector, type, callback, useCapture) { // Handle the regular Element usage if (typeof elements.addEventListener === 'function') { return _delegate.apply(null, arguments); } // Handle Element-less usage, it defaults to global delegation if (typeof type === 'function') { // Use `document` as the first parameter, then apply arguments // This is a short way to .unshift `arguments` without running into deoptimizations return _delegate.bind(null, document).apply(null, arguments); } // Handle Selector-based usage if (typeof elements === 'string') { elements = document.querySelectorAll(elements); } // Handle Array-like based usage return Array.prototype.map.call(elements, function (element) { return _delegate(element, selector, type, callback, useCapture); }); } /** * Finds closest match and invokes callback. * * @param {Element} element * @param {String} selector * @param {String} type * @param {Function} callback * @return {Function} */ function listener(element, selector, type, callback) { return function(e) { e.delegateTarget = closest(e.target, selector); if (e.delegateTarget) { callback.call(element, e); } } } module.exports = delegate; /***/ }), /* 7 */ /***/ (function(module, exports) { var DOCUMENT_NODE_TYPE = 9; /** * A polyfill for Element.matches() */ if (typeof Element !== 'undefined' && !Element.prototype.matches) { var proto = Element.prototype; proto.matches = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector || proto.webkitMatchesSelector; } /** * Finds the closest parent that matches a selector. * * @param {Element} element * @param {String} selector * @return {Function} */ function closest (element, selector) { while (element && element.nodeType !== DOCUMENT_NODE_TYPE) { if (typeof element.matches === 'function' && element.matches(selector)) { return element; } element = element.parentNode; } } module.exports = closest; /***/ }) /******/ ]); }); /***/ }), /* 186 */ /***/ (function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__;/*global define:false */ /** * Copyright 2012-2017 Craig Campbell * * 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 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * * Mousetrap is a simple keyboard shortcut library for Javascript with * no external dependencies * * @version 1.6.2 * @url craig.is/killing/mice */ (function(window, document, undefined) { // Check if mousetrap is used inside browser, if not, return if (!window) { return; } /** * mapping of special keycodes to their corresponding keys * * everything in this dictionary cannot use keypress events * so it has to be here to map to the correct keycodes for * keyup/keydown events * * @type {Object} */ var _MAP = { 8: 'backspace', 9: 'tab', 13: 'enter', 16: 'shift', 17: 'ctrl', 18: 'alt', 20: 'capslock', 27: 'esc', 32: 'space', 33: 'pageup', 34: 'pagedown', 35: 'end', 36: 'home', 37: 'left', 38: 'up', 39: 'right', 40: 'down', 45: 'ins', 46: 'del', 91: 'meta', 93: 'meta', 224: 'meta' }; /** * mapping for special characters so they can support * * this dictionary is only used incase you want to bind a * keyup or keydown event to one of these keys * * @type {Object} */ var _KEYCODE_MAP = { 106: '*', 107: '+', 109: '-', 110: '.', 111 : '/', 186: ';', 187: '=', 188: ',', 189: '-', 190: '.', 191: '/', 192: '`', 219: '[', 220: '\\', 221: ']', 222: '\'' }; /** * this is a mapping of keys that require shift on a US keypad * back to the non shift equivelents * * this is so you can use keyup events with these keys * * note that this will only work reliably on US keyboards * * @type {Object} */ var _SHIFT_MAP = { '~': '`', '!': '1', '@': '2', '#': '3', '$': '4', '%': '5', '^': '6', '&': '7', '*': '8', '(': '9', ')': '0', '_': '-', '+': '=', ':': ';', '\"': '\'', '<': ',', '>': '.', '?': '/', '|': '\\' }; /** * this is a list of special strings you can use to map * to modifier keys when you specify your keyboard shortcuts * * @type {Object} */ var _SPECIAL_ALIASES = { 'option': 'alt', 'command': 'meta', 'return': 'enter', 'escape': 'esc', 'plus': '+', 'mod': /Mac|iPod|iPhone|iPad/.test(navigator.platform) ? 'meta' : 'ctrl' }; /** * variable to store the flipped version of _MAP from above * needed to check if we should use keypress or not when no action * is specified * * @type {Object|undefined} */ var _REVERSE_MAP; /** * loop through the f keys, f1 to f19 and add them to the map * programatically */ for (var i = 1; i < 20; ++i) { _MAP[111 + i] = 'f' + i; } /** * loop through to map numbers on the numeric keypad */ for (i = 0; i <= 9; ++i) { // This needs to use a string cause otherwise since 0 is falsey // mousetrap will never fire for numpad 0 pressed as part of a keydown // event. // // @see https://github.com/ccampbell/mousetrap/pull/258 _MAP[i + 96] = i.toString(); } /** * cross browser add event method * * @param {Element|HTMLDocument} object * @param {string} type * @param {Function} callback * @returns void */ function _addEvent(object, type, callback) { if (object.addEventListener) { object.addEventListener(type, callback, false); return; } object.attachEvent('on' + type, callback); } /** * takes the event and returns the key character * * @param {Event} e * @return {string} */ function _characterFromEvent(e) { // for keypress events we should return the character as is if (e.type == 'keypress') { var character = String.fromCharCode(e.which); // if the shift key is not pressed then it is safe to assume // that we want the character to be lowercase. this means if // you accidentally have caps lock on then your key bindings // will continue to work // // the only side effect that might not be desired is if you // bind something like 'A' cause you want to trigger an // event when capital A is pressed caps lock will no longer // trigger the event. shift+a will though. if (!e.shiftKey) { character = character.toLowerCase(); } return character; } // for non keypress events the special maps are needed if (_MAP[e.which]) { return _MAP[e.which]; } if (_KEYCODE_MAP[e.which]) { return _KEYCODE_MAP[e.which]; } // if it is not in the special map // with keydown and keyup events the character seems to always // come in as an uppercase character whether you are pressing shift // or not. we should make sure it is always lowercase for comparisons return String.fromCharCode(e.which).toLowerCase(); } /** * checks if two arrays are equal * * @param {Array} modifiers1 * @param {Array} modifiers2 * @returns {boolean} */ function _modifiersMatch(modifiers1, modifiers2) { return modifiers1.sort().join(',') === modifiers2.sort().join(','); } /** * takes a key event and figures out what the modifiers are * * @param {Event} e * @returns {Array} */ function _eventModifiers(e) { var modifiers = []; if (e.shiftKey) { modifiers.push('shift'); } if (e.altKey) { modifiers.push('alt'); } if (e.ctrlKey) { modifiers.push('ctrl'); } if (e.metaKey) { modifiers.push('meta'); } return modifiers; } /** * prevents default for this event * * @param {Event} e * @returns void */ function _preventDefault(e) { if (e.preventDefault) { e.preventDefault(); return; } e.returnValue = false; } /** * stops propogation for this event * * @param {Event} e * @returns void */ function _stopPropagation(e) { if (e.stopPropagation) { e.stopPropagation(); return; } e.cancelBubble = true; } /** * determines if the keycode specified is a modifier key or not * * @param {string} key * @returns {boolean} */ function _isModifier(key) { return key == 'shift' || key == 'ctrl' || key == 'alt' || key == 'meta'; } /** * reverses the map lookup so that we can look for specific keys * to see what can and can't use keypress * * @return {Object} */ function _getReverseMap() { if (!_REVERSE_MAP) { _REVERSE_MAP = {}; for (var key in _MAP) { // pull out the numeric keypad from here cause keypress should // be able to detect the keys from the character if (key > 95 && key < 112) { continue; } if (_MAP.hasOwnProperty(key)) { _REVERSE_MAP[_MAP[key]] = key; } } } return _REVERSE_MAP; } /** * picks the best action based on the key combination * * @param {string} key - character for key * @param {Array} modifiers * @param {string=} action passed in */ function _pickBestAction(key, modifiers, action) { // if no action was picked in we should try to pick the one // that we think would work best for this key if (!action) { action = _getReverseMap()[key] ? 'keydown' : 'keypress'; } // modifier keys don't work as expected with keypress, // switch to keydown if (action == 'keypress' && modifiers.length) { action = 'keydown'; } return action; } /** * Converts from a string key combination to an array * * @param {string} combination like "command+shift+l" * @return {Array} */ function _keysFromString(combination) { if (combination === '+') { return ['+']; } combination = combination.replace(/\+{2}/g, '+plus'); return combination.split('+'); } /** * Gets info for a specific key combination * * @param {string} combination key combination ("command+s" or "a" or "*") * @param {string=} action * @returns {Object} */ function _getKeyInfo(combination, action) { var keys; var key; var i; var modifiers = []; // take the keys from this pattern and figure out what the actual // pattern is all about keys = _keysFromString(combination); for (i = 0; i < keys.length; ++i) { key = keys[i]; // normalize key names if (_SPECIAL_ALIASES[key]) { key = _SPECIAL_ALIASES[key]; } // if this is not a keypress event then we should // be smart about using shift keys // this will only work for US keyboards however if (action && action != 'keypress' && _SHIFT_MAP[key]) { key = _SHIFT_MAP[key]; modifiers.push('shift'); } // if this key is a modifier then add it to the list of modifiers if (_isModifier(key)) { modifiers.push(key); } } // depending on what the key combination is // we will try to pick the best event for it action = _pickBestAction(key, modifiers, action); return { key: key, modifiers: modifiers, action: action }; } function _belongsTo(element, ancestor) { if (element === null || element === document) { return false; } if (element === ancestor) { return true; } return _belongsTo(element.parentNode, ancestor); } function Mousetrap(targetElement) { var self = this; targetElement = targetElement || document; if (!(self instanceof Mousetrap)) { return new Mousetrap(targetElement); } /** * element to attach key events to * * @type {Element} */ self.target = targetElement; /** * a list of all the callbacks setup via Mousetrap.bind() * * @type {Object} */ self._callbacks = {}; /** * direct map of string combinations to callbacks used for trigger() * * @type {Object} */ self._directMap = {}; /** * keeps track of what level each sequence is at since multiple * sequences can start out with the same sequence * * @type {Object} */ var _sequenceLevels = {}; /** * variable to store the setTimeout call * * @type {null|number} */ var _resetTimer; /** * temporary state where we will ignore the next keyup * * @type {boolean|string} */ var _ignoreNextKeyup = false; /** * temporary state where we will ignore the next keypress * * @type {boolean} */ var _ignoreNextKeypress = false; /** * are we currently inside of a sequence? * type of action ("keyup" or "keydown" or "keypress") or false * * @type {boolean|string} */ var _nextExpectedAction = false; /** * resets all sequence counters except for the ones passed in * * @param {Object} doNotReset * @returns void */ function _resetSequences(doNotReset) { doNotReset = doNotReset || {}; var activeSequences = false, key; for (key in _sequenceLevels) { if (doNotReset[key]) { activeSequences = true; continue; } _sequenceLevels[key] = 0; } if (!activeSequences) { _nextExpectedAction = false; } } /** * finds all callbacks that match based on the keycode, modifiers, * and action * * @param {string} character * @param {Array} modifiers * @param {Event|Object} e * @param {string=} sequenceName - name of the sequence we are looking for * @param {string=} combination * @param {number=} level * @returns {Array} */ function _getMatches(character, modifiers, e, sequenceName, combination, level) { var i; var callback; var matches = []; var action = e.type; // if there are no events related to this keycode if (!self._callbacks[character]) { return []; } // if a modifier key is coming up on its own we should allow it if (action == 'keyup' && _isModifier(character)) { modifiers = [character]; } // loop through all callbacks for the key that was pressed // and see if any of them match for (i = 0; i < self._callbacks[character].length; ++i) { callback = self._callbacks[character][i]; // if a sequence name is not specified, but this is a sequence at // the wrong level then move onto the next match if (!sequenceName && callback.seq && _sequenceLevels[callback.seq] != callback.level) { continue; } // if the action we are looking for doesn't match the action we got // then we should keep going if (action != callback.action) { continue; } // if this is a keypress event and the meta key and control key // are not pressed that means that we need to only look at the // character, otherwise check the modifiers as well // // chrome will not fire a keypress if meta or control is down // safari will fire a keypress if meta or meta+shift is down // firefox will fire a keypress if meta or control is down if ((action == 'keypress' && !e.metaKey && !e.ctrlKey) || _modifiersMatch(modifiers, callback.modifiers)) { // when you bind a combination or sequence a second time it // should overwrite the first one. if a sequenceName or // combination is specified in this call it does just that // // @todo make deleting its own method? var deleteCombo = !sequenceName && callback.combo == combination; var deleteSequence = sequenceName && callback.seq == sequenceName && callback.level == level; if (deleteCombo || deleteSequence) { self._callbacks[character].splice(i, 1); } matches.push(callback); } } return matches; } /** * actually calls the callback function * * if your callback function returns false this will use the jquery * convention - prevent default and stop propogation on the event * * @param {Function} callback * @param {Event} e * @returns void */ function _fireCallback(callback, e, combo, sequence) { // if this event should not happen stop here if (self.stopCallback(e, e.target || e.srcElement, combo, sequence)) { return; } if (callback(e, combo) === false) { _preventDefault(e); _stopPropagation(e); } } /** * handles a character key event * * @param {string} character * @param {Array} modifiers * @param {Event} e * @returns void */ self._handleKey = function(character, modifiers, e) { var callbacks = _getMatches(character, modifiers, e); var i; var doNotReset = {}; var maxLevel = 0; var processedSequenceCallback = false; // Calculate the maxLevel for sequences so we can only execute the longest callback sequence for (i = 0; i < callbacks.length; ++i) { if (callbacks[i].seq) { maxLevel = Math.max(maxLevel, callbacks[i].level); } } // loop through matching callbacks for this key event for (i = 0; i < callbacks.length; ++i) { // fire for all sequence callbacks // this is because if for example you have multiple sequences // bound such as "g i" and "g t" they both need to fire the // callback for matching g cause otherwise you can only ever // match the first one if (callbacks[i].seq) { // only fire callbacks for the maxLevel to prevent // subsequences from also firing // // for example 'a option b' should not cause 'option b' to fire // even though 'option b' is part of the other sequence // // any sequences that do not match here will be discarded // below by the _resetSequences call if (callbacks[i].level != maxLevel) { continue; } processedSequenceCallback = true; // keep a list of which sequences were matches for later doNotReset[callbacks[i].seq] = 1; _fireCallback(callbacks[i].callback, e, callbacks[i].combo, callbacks[i].seq); continue; } // if there were no sequence matches but we are still here // that means this is a regular match so we should fire that if (!processedSequenceCallback) { _fireCallback(callbacks[i].callback, e, callbacks[i].combo); } } // if the key you pressed matches the type of sequence without // being a modifier (ie "keyup" or "keypress") then we should // reset all sequences that were not matched by this event // // this is so, for example, if you have the sequence "h a t" and you // type "h e a r t" it does not match. in this case the "e" will // cause the sequence to reset // // modifier keys are ignored because you can have a sequence // that contains modifiers such as "enter ctrl+space" and in most // cases the modifier key will be pressed before the next key // // also if you have a sequence such as "ctrl+b a" then pressing the // "b" key will trigger a "keypress" and a "keydown" // // the "keydown" is expected when there is a modifier, but the // "keypress" ends up matching the _nextExpectedAction since it occurs // after and that causes the sequence to reset // // we ignore keypresses in a sequence that directly follow a keydown // for the same character var ignoreThisKeypress = e.type == 'keypress' && _ignoreNextKeypress; if (e.type == _nextExpectedAction && !_isModifier(character) && !ignoreThisKeypress) { _resetSequences(doNotReset); } _ignoreNextKeypress = processedSequenceCallback && e.type == 'keydown'; }; /** * handles a keydown event * * @param {Event} e * @returns void */ function _handleKeyEvent(e) { // normalize e.which for key events // @see http://stackoverflow.com/questions/4285627/javascript-keycode-vs-charcode-utter-confusion if (typeof e.which !== 'number') { e.which = e.keyCode; } var character = _characterFromEvent(e); // no character found then stop if (!character) { return; } // need to use === for the character check because the character can be 0 if (e.type == 'keyup' && _ignoreNextKeyup === character) { _ignoreNextKeyup = false; return; } self.handleKey(character, _eventModifiers(e), e); } /** * called to set a 1 second timeout on the specified sequence * * this is so after each key press in the sequence you have 1 second * to press the next key before you have to start over * * @returns void */ function _resetSequenceTimer() { clearTimeout(_resetTimer); _resetTimer = setTimeout(_resetSequences, 1000); } /** * binds a key sequence to an event * * @param {string} combo - combo specified in bind call * @param {Array} keys * @param {Function} callback * @param {string=} action * @returns void */ function _bindSequence(combo, keys, callback, action) { // start off by adding a sequence level record for this combination // and setting the level to 0 _sequenceLevels[combo] = 0; /** * callback to increase the sequence level for this sequence and reset * all other sequences that were active * * @param {string} nextAction * @returns {Function} */ function _increaseSequence(nextAction) { return function() { _nextExpectedAction = nextAction; ++_sequenceLevels[combo]; _resetSequenceTimer(); }; } /** * wraps the specified callback inside of another function in order * to reset all sequence counters as soon as this sequence is done * * @param {Event} e * @returns void */ function _callbackAndReset(e) { _fireCallback(callback, e, combo); // we should ignore the next key up if the action is key down // or keypress. this is so if you finish a sequence and // release the key the final key will not trigger a keyup if (action !== 'keyup') { _ignoreNextKeyup = _characterFromEvent(e); } // weird race condition if a sequence ends with the key // another sequence begins with setTimeout(_resetSequences, 10); } // loop through keys one at a time and bind the appropriate callback // function. for any key leading up to the final one it should // increase the sequence. after the final, it should reset all sequences // // if an action is specified in the original bind call then that will // be used throughout. otherwise we will pass the action that the // next key in the sequence should match. this allows a sequence // to mix and match keypress and keydown events depending on which // ones are better suited to the key provided for (var i = 0; i < keys.length; ++i) { var isFinal = i + 1 === keys.length; var wrappedCallback = isFinal ? _callbackAndReset : _increaseSequence(action || _getKeyInfo(keys[i + 1]).action); _bindSingle(keys[i], wrappedCallback, action, combo, i); } } /** * binds a single keyboard combination * * @param {string} combination * @param {Function} callback * @param {string=} action * @param {string=} sequenceName - name of sequence if part of sequence * @param {number=} level - what part of the sequence the command is * @returns void */ function _bindSingle(combination, callback, action, sequenceName, level) { // store a direct mapped reference for use with Mousetrap.trigger self._directMap[combination + ':' + action] = callback; // make sure multiple spaces in a row become a single space combination = combination.replace(/\s+/g, ' '); var sequence = combination.split(' '); var info; // if this pattern is a sequence of keys then run through this method // to reprocess each pattern one key at a time if (sequence.length > 1) { _bindSequence(combination, sequence, callback, action); return; } info = _getKeyInfo(combination, action); // make sure to initialize array if this is the first time // a callback is added for this key self._callbacks[info.key] = self._callbacks[info.key] || []; // remove an existing match if there is one _getMatches(info.key, info.modifiers, {type: info.action}, sequenceName, combination, level); // add this call back to the array // if it is a sequence put it at the beginning // if not put it at the end // // this is important because the way these are processed expects // the sequence ones to come first self._callbacks[info.key][sequenceName ? 'unshift' : 'push']({ callback: callback, modifiers: info.modifiers, action: info.action, seq: sequenceName, level: level, combo: combination }); } /** * binds multiple combinations to the same callback * * @param {Array} combinations * @param {Function} callback * @param {string|undefined} action * @returns void */ self._bindMultiple = function(combinations, callback, action) { for (var i = 0; i < combinations.length; ++i) { _bindSingle(combinations[i], callback, action); } }; // start! _addEvent(targetElement, 'keypress', _handleKeyEvent); _addEvent(targetElement, 'keydown', _handleKeyEvent); _addEvent(targetElement, 'keyup', _handleKeyEvent); } /** * binds an event to mousetrap * * can be a single key, a combination of keys separated with +, * an array of keys, or a sequence of keys separated by spaces * * be sure to list the modifier keys first to make sure that the * correct key ends up getting bound (the last key in the pattern) * * @param {string|Array} keys * @param {Function} callback * @param {string=} action - 'keypress', 'keydown', or 'keyup' * @returns void */ Mousetrap.prototype.bind = function(keys, callback, action) { var self = this; keys = keys instanceof Array ? keys : [keys]; self._bindMultiple.call(self, keys, callback, action); return self; }; /** * unbinds an event to mousetrap * * the unbinding sets the callback function of the specified key combo * to an empty function and deletes the corresponding key in the * _directMap dict. * * TODO: actually remove this from the _callbacks dictionary instead * of binding an empty function * * the keycombo+action has to be exactly the same as * it was defined in the bind method * * @param {string|Array} keys * @param {string} action * @returns void */ Mousetrap.prototype.unbind = function(keys, action) { var self = this; return self.bind.call(self, keys, function() {}, action); }; /** * triggers an event that has already been bound * * @param {string} keys * @param {string=} action * @returns void */ Mousetrap.prototype.trigger = function(keys, action) { var self = this; if (self._directMap[keys + ':' + action]) { self._directMap[keys + ':' + action]({}, keys); } return self; }; /** * resets the library back to its initial state. this is useful * if you want to clear out the current keyboard shortcuts and bind * new ones - for example if you switch to another page * * @returns void */ Mousetrap.prototype.reset = function() { var self = this; self._callbacks = {}; self._directMap = {}; return self; }; /** * should we stop this event before firing off callbacks * * @param {Event} e * @param {Element} element * @return {boolean} */ Mousetrap.prototype.stopCallback = function(e, element) { var self = this; // if the element has the class "mousetrap" then no need to stop if ((' ' + element.className + ' ').indexOf(' mousetrap ') > -1) { return false; } if (_belongsTo(element, self.target)) { return false; } // stop for input, select, and textarea return element.tagName == 'INPUT' || element.tagName == 'SELECT' || element.tagName == 'TEXTAREA' || element.isContentEditable; }; /** * exposes _handleKey publicly so it can be overwritten by extensions */ Mousetrap.prototype.handleKey = function() { var self = this; return self._handleKey.apply(self, arguments); }; /** * allow custom key mappings */ Mousetrap.addKeycodes = function(object) { for (var key in object) { if (object.hasOwnProperty(key)) { _MAP[key] = object[key]; } } _REVERSE_MAP = null; }; /** * Init the global mousetrap functions * * This method is needed to allow the global mousetrap functions to work * now that mousetrap is a constructor function. */ Mousetrap.init = function() { var documentMousetrap = Mousetrap(document); for (var method in documentMousetrap) { if (method.charAt(0) !== '_') { Mousetrap[method] = (function(method) { return function() { return documentMousetrap[method].apply(documentMousetrap, arguments); }; } (method)); } } }; Mousetrap.init(); // expose mousetrap to the global object window.Mousetrap = Mousetrap; // expose as a common js module if ( true && module.exports) { module.exports = Mousetrap; } // expose mousetrap as an AMD module if (true) { !(__WEBPACK_AMD_DEFINE_RESULT__ = (function() { return Mousetrap; }).call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); } }) (typeof window !== 'undefined' ? window : null, typeof window !== 'undefined' ? document : null); /***/ }), /* 187 */ /***/ (function(module, exports, __webpack_require__) { // eslint-disable-next-line import/no-unresolved module.exports = __webpack_require__(224); /***/ }), /* 188 */, /* 189 */, /* 190 */, /* 191 */, /* 192 */, /* 193 */, /* 194 */, /* 195 */, /* 196 */, /* 197 */, /* 198 */ /***/ (function(module, exports) { /** * adds a bindGlobal method to Mousetrap that allows you to * bind specific keyboard shortcuts that will still work * inside a text input field * * usage: * Mousetrap.bindGlobal('ctrl+s', _saveChanges); */ /* global Mousetrap:true */ (function(Mousetrap) { var _globalCallbacks = {}; var _originalStopCallback = Mousetrap.prototype.stopCallback; Mousetrap.prototype.stopCallback = function(e, element, combo, sequence) { var self = this; if (self.paused) { return true; } if (_globalCallbacks[combo] || _globalCallbacks[sequence]) { return false; } return _originalStopCallback.call(self, e, element, combo); }; Mousetrap.prototype.bindGlobal = function(keys, callback, action) { var self = this; self.bind(keys, callback, action); if (keys instanceof Array) { for (var i = 0; i < keys.length; i++) { _globalCallbacks[keys[i]] = true; } return; } _globalCallbacks[keys] = true; }; Mousetrap.init(); }) (Mousetrap); /***/ }), /* 199 */ /***/ (function(module, exports, __webpack_require__) { // eslint-disable-next-line import/no-unresolved __webpack_require__(200); /***/ }), /* 200 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var _registerCSSInterfaceWithDefaultTheme = __webpack_require__(201); var _registerCSSInterfaceWithDefaultTheme2 = _interopRequireDefault(_registerCSSInterfaceWithDefaultTheme); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } (0, _registerCSSInterfaceWithDefaultTheme2['default'])(); /***/ }), /* 201 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = registerCSSInterfaceWithDefaultTheme; var _reactWithStylesInterfaceCss = __webpack_require__(202); var _reactWithStylesInterfaceCss2 = _interopRequireDefault(_reactWithStylesInterfaceCss); var _registerInterfaceWithDefaultTheme = __webpack_require__(223); var _registerInterfaceWithDefaultTheme2 = _interopRequireDefault(_registerInterfaceWithDefaultTheme); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function registerCSSInterfaceWithDefaultTheme() { (0, _registerInterfaceWithDefaultTheme2['default'])(_reactWithStylesInterfaceCss2['default']); } /***/ }), /* 202 */ /***/ (function(module, exports, __webpack_require__) { // eslint-disable-next-line import/no-unresolved module.exports = __webpack_require__(203).default; /***/ }), /* 203 */ /***/ (function(module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", { value: true }); var _arrayPrototype = __webpack_require__(204); var _arrayPrototype2 = _interopRequireDefault(_arrayPrototype); var _globalCache = __webpack_require__(219); var _globalCache2 = _interopRequireDefault(_globalCache); var _constants = __webpack_require__(220); var _getClassName = __webpack_require__(221); var _getClassName2 = _interopRequireDefault(_getClassName); var _separateStyles2 = __webpack_require__(222); var _separateStyles3 = _interopRequireDefault(_separateStyles2); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } /** * Function required as part of the react-with-styles interface. Parses the styles provided by * react-with-styles to produce class names based on the style name and optionally the namespace if * available. * * stylesObject {Object} The styles object passed to withStyles. * * Return an object mapping style names to class names. */ function create(stylesObject) { var stylesToClasses = {}; var styleNames = Object.keys(stylesObject); var sharedState = _globalCache2['default'].get(_constants.GLOBAL_CACHE_KEY) || {}; var _sharedState$namespac = sharedState.namespace, namespace = _sharedState$namespac === undefined ? '' : _sharedState$namespac; styleNames.forEach(function (styleName) { var className = (0, _getClassName2['default'])(namespace, styleName); stylesToClasses[styleName] = className; }); return stylesToClasses; } /** * Process styles to be consumed by a component. * * stylesArray {Array} Array of the following: values returned by create, plain JavaScript objects * representing inline styles, or arrays thereof. * * Return an object with optional className and style properties to be spread on a component. */ function resolve(stylesArray) { var flattenedStyles = (0, _arrayPrototype2['default'])(stylesArray, Infinity); var _separateStyles = (0, _separateStyles3['default'])(flattenedStyles), classNames = _separateStyles.classNames, hasInlineStyles = _separateStyles.hasInlineStyles, inlineStyles = _separateStyles.inlineStyles; var specificClassNames = classNames.map(function (name, index) { return String(name) + ' ' + String(name) + '_' + String(index + 1); }); var className = specificClassNames.join(' '); var result = { className: className }; if (hasInlineStyles) result.style = inlineStyles; return result; } exports['default'] = { create: create, resolve: resolve }; /***/ }), /* 204 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var define = __webpack_require__(63); var bind = __webpack_require__(68); var implementation = __webpack_require__(128); var getPolyfill = __webpack_require__(138); var polyfill = getPolyfill(); var shim = __webpack_require__(218); var boundFlat = bind.call(Function.call, polyfill); define(boundFlat, { getPolyfill: getPolyfill, implementation: implementation, shim: shim }); module.exports = boundFlat; /***/ }), /* 205 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var toStr = Object.prototype.toString; module.exports = function isArguments(value) { var str = toStr.call(value); var isArgs = str === '[object Arguments]'; if (!isArgs) { isArgs = str !== '[object Array]' && value !== null && typeof value === 'object' && typeof value.length === 'number' && value.length >= 0 && toStr.call(value.callee) === '[object Function]'; } return isArgs; }; /***/ }), /* 206 */ /***/ (function(module, exports) { var hasOwn = Object.prototype.hasOwnProperty; var toString = Object.prototype.toString; module.exports = function forEach (obj, fn, ctx) { if (toString.call(fn) !== '[object Function]') { throw new TypeError('iterator must be a function'); } var l = obj.length; if (l === +l) { for (var i = 0; i < l; i++) { fn.call(ctx, obj[i], i, obj); } } else { for (var k in obj) { if (hasOwn.call(obj, k)) { fn.call(ctx, obj[k], k, obj); } } } }; /***/ }), /* 207 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* eslint no-invalid-this: 1 */ var ERROR_MESSAGE = 'Function.prototype.bind called on incompatible '; var slice = Array.prototype.slice; var toStr = Object.prototype.toString; var funcType = '[object Function]'; module.exports = function bind(that) { var target = this; if (typeof target !== 'function' || toStr.call(target) !== funcType) { throw new TypeError(ERROR_MESSAGE + target); } var args = slice.call(arguments, 1); var bound; var binder = function () { if (this instanceof bound) { var result = target.apply( this, args.concat(slice.call(arguments)) ); if (Object(result) === result) { return result; } return this; } else { return target.apply( that, args.concat(slice.call(arguments)) ); } }; var boundLength = Math.max(0, target.length - args.length); var boundArgs = []; for (var i = 0; i < boundLength; i++) { boundArgs.push('$' + i); } bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this,arguments); }')(binder); if (target.prototype) { var Empty = function Empty() {}; Empty.prototype = target.prototype; bound.prototype = new Empty(); Empty.prototype = null; } return bound; }; /***/ }), /* 208 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var ES2016 = __webpack_require__(129); var assign = __webpack_require__(107); var ES2017 = assign(assign({}, ES2016), { ToIndex: function ToIndex(value) { if (typeof value === 'undefined') { return 0; } var integerIndex = this.ToInteger(value); if (integerIndex < 0) { throw new RangeError('index must be >= 0'); } var index = this.ToLength(integerIndex); if (!this.SameValueZero(integerIndex, index)) { throw new RangeError('index must be >= 0 and < 2 ** 53 - 1'); } return index; } }); delete ES2017.EnumerableOwnNames; // replaced with EnumerableOwnProperties module.exports = ES2017; /***/ }), /* 209 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var has = __webpack_require__(88); var toPrimitive = __webpack_require__(210); var GetIntrinsic = __webpack_require__(133); var $TypeError = GetIntrinsic('%TypeError%'); var $SyntaxError = GetIntrinsic('%SyntaxError%'); var $Array = GetIntrinsic('%Array%'); var $String = GetIntrinsic('%String%'); var $Object = GetIntrinsic('%Object%'); var $Number = GetIntrinsic('%Number%'); var $Symbol = GetIntrinsic('%Symbol%', true); var $RegExp = GetIntrinsic('%RegExp%'); var hasSymbols = !!$Symbol; var $isNaN = __webpack_require__(134); var $isFinite = __webpack_require__(135); var MAX_SAFE_INTEGER = $Number.MAX_SAFE_INTEGER || Math.pow(2, 53) - 1; var assign = __webpack_require__(107); var sign = __webpack_require__(136); var mod = __webpack_require__(137); var isPrimitive = __webpack_require__(214); var parseInteger = parseInt; var bind = __webpack_require__(68); var arraySlice = bind.call(Function.call, $Array.prototype.slice); var strSlice = bind.call(Function.call, $String.prototype.slice); var isBinary = bind.call(Function.call, $RegExp.prototype.test, /^0b[01]+$/i); var isOctal = bind.call(Function.call, $RegExp.prototype.test, /^0o[0-7]+$/i); var regexExec = bind.call(Function.call, $RegExp.prototype.exec); var nonWS = ['\u0085', '\u200b', '\ufffe'].join(''); var nonWSregex = new $RegExp('[' + nonWS + ']', 'g'); var hasNonWS = bind.call(Function.call, $RegExp.prototype.test, nonWSregex); var invalidHexLiteral = /^[-+]0x[0-9a-f]+$/i; var isInvalidHexLiteral = bind.call(Function.call, $RegExp.prototype.test, invalidHexLiteral); var $charCodeAt = bind.call(Function.call, $String.prototype.charCodeAt); var toStr = bind.call(Function.call, Object.prototype.toString); var $floor = Math.floor; var $abs = Math.abs; var $ObjectCreate = Object.create; var $gOPD = $Object.getOwnPropertyDescriptor; var $isExtensible = $Object.isExtensible; // whitespace from: http://es5.github.io/#x15.5.4.20 // implementation from https://github.com/es-shims/es5-shim/blob/v3.4.0/es5-shim.js#L1304-L1324 var ws = [ '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003', '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028', '\u2029\uFEFF' ].join(''); var trimRegex = new RegExp('(^[' + ws + ']+)|([' + ws + ']+$)', 'g'); var replace = bind.call(Function.call, $String.prototype.replace); var trim = function (value) { return replace(value, trimRegex, ''); }; var ES5 = __webpack_require__(215); var hasRegExpMatcher = __webpack_require__(217); // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-abstract-operations var ES6 = assign(assign({}, ES5), { // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-call-f-v-args Call: function Call(F, V) { var args = arguments.length > 2 ? arguments[2] : []; if (!this.IsCallable(F)) { throw new $TypeError(F + ' is not a function'); } return F.apply(V, args); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-toprimitive ToPrimitive: toPrimitive, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-toboolean // ToBoolean: ES5.ToBoolean, // https://ecma-international.org/ecma-262/6.0/#sec-tonumber ToNumber: function ToNumber(argument) { var value = isPrimitive(argument) ? argument : toPrimitive(argument, $Number); if (typeof value === 'symbol') { throw new $TypeError('Cannot convert a Symbol value to a number'); } if (typeof value === 'string') { if (isBinary(value)) { return this.ToNumber(parseInteger(strSlice(value, 2), 2)); } else if (isOctal(value)) { return this.ToNumber(parseInteger(strSlice(value, 2), 8)); } else if (hasNonWS(value) || isInvalidHexLiteral(value)) { return NaN; } else { var trimmed = trim(value); if (trimmed !== value) { return this.ToNumber(trimmed); } } } return $Number(value); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-tointeger // ToInteger: ES5.ToNumber, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-toint32 // ToInt32: ES5.ToInt32, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-touint32 // ToUint32: ES5.ToUint32, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-toint16 ToInt16: function ToInt16(argument) { var int16bit = this.ToUint16(argument); return int16bit >= 0x8000 ? int16bit - 0x10000 : int16bit; }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-touint16 // ToUint16: ES5.ToUint16, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-toint8 ToInt8: function ToInt8(argument) { var int8bit = this.ToUint8(argument); return int8bit >= 0x80 ? int8bit - 0x100 : int8bit; }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-touint8 ToUint8: function ToUint8(argument) { var number = this.ToNumber(argument); if ($isNaN(number) || number === 0 || !$isFinite(number)) { return 0; } var posInt = sign(number) * $floor($abs(number)); return mod(posInt, 0x100); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-touint8clamp ToUint8Clamp: function ToUint8Clamp(argument) { var number = this.ToNumber(argument); if ($isNaN(number) || number <= 0) { return 0; } if (number >= 0xFF) { return 0xFF; } var f = $floor(argument); if (f + 0.5 < number) { return f + 1; } if (number < f + 0.5) { return f; } if (f % 2 !== 0) { return f + 1; } return f; }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-tostring ToString: function ToString(argument) { if (typeof argument === 'symbol') { throw new $TypeError('Cannot convert a Symbol value to a string'); } return $String(argument); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-toobject ToObject: function ToObject(value) { this.RequireObjectCoercible(value); return $Object(value); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-topropertykey ToPropertyKey: function ToPropertyKey(argument) { var key = this.ToPrimitive(argument, $String); return typeof key === 'symbol' ? key : this.ToString(key); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength ToLength: function ToLength(argument) { var len = this.ToInteger(argument); if (len <= 0) { return 0; } // includes converting -0 to +0 if (len > MAX_SAFE_INTEGER) { return MAX_SAFE_INTEGER; } return len; }, // https://ecma-international.org/ecma-262/6.0/#sec-canonicalnumericindexstring CanonicalNumericIndexString: function CanonicalNumericIndexString(argument) { if (toStr(argument) !== '[object String]') { throw new $TypeError('must be a string'); } if (argument === '-0') { return -0; } var n = this.ToNumber(argument); if (this.SameValue(this.ToString(n), argument)) { return n; } return void 0; }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-requireobjectcoercible RequireObjectCoercible: ES5.CheckObjectCoercible, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-isarray IsArray: $Array.isArray || function IsArray(argument) { return toStr(argument) === '[object Array]'; }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-iscallable // IsCallable: ES5.IsCallable, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-isconstructor IsConstructor: function IsConstructor(argument) { return typeof argument === 'function' && !!argument.prototype; // unfortunately there's no way to truly check this without try/catch `new argument` }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-isextensible-o IsExtensible: Object.preventExtensions ? function IsExtensible(obj) { if (isPrimitive(obj)) { return false; } return $isExtensible(obj); } : function isExtensible(obj) { return true; }, // eslint-disable-line no-unused-vars // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-isinteger IsInteger: function IsInteger(argument) { if (typeof argument !== 'number' || $isNaN(argument) || !$isFinite(argument)) { return false; } var abs = $abs(argument); return $floor(abs) === abs; }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-ispropertykey IsPropertyKey: function IsPropertyKey(argument) { return typeof argument === 'string' || typeof argument === 'symbol'; }, // https://ecma-international.org/ecma-262/6.0/#sec-isregexp IsRegExp: function IsRegExp(argument) { if (!argument || typeof argument !== 'object') { return false; } if (hasSymbols) { var isRegExp = argument[$Symbol.match]; if (typeof isRegExp !== 'undefined') { return ES5.ToBoolean(isRegExp); } } return hasRegExpMatcher(argument); }, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-samevalue // SameValue: ES5.SameValue, // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-samevaluezero SameValueZero: function SameValueZero(x, y) { return (x === y) || ($isNaN(x) && $isNaN(y)); }, /** * 7.3.2 GetV (V, P) * 1. Assert: IsPropertyKey(P) is true. * 2. Let O be ToObject(V). * 3. ReturnIfAbrupt(O). * 4. Return O.[[Get]](P, V). */ GetV: function GetV(V, P) { // 7.3.2.1 if (!this.IsPropertyKey(P)) { throw new $TypeError('Assertion failed: IsPropertyKey(P) is not true'); } // 7.3.2.2-3 var O = this.ToObject(V); // 7.3.2.4 return O[P]; }, /** * 7.3.9 - https://ecma-international.org/ecma-262/6.0/#sec-getmethod * 1. Assert: IsPropertyKey(P) is true. * 2. Let func be GetV(O, P). * 3. ReturnIfAbrupt(func). * 4. If func is either undefined or null, return undefined. * 5. If IsCallable(func) is false, throw a TypeError exception. * 6. Return func. */ GetMethod: function GetMethod(O, P) { // 7.3.9.1 if (!this.IsPropertyKey(P)) { throw new $TypeError('Assertion failed: IsPropertyKey(P) is not true'); } // 7.3.9.2 var func = this.GetV(O, P); // 7.3.9.4 if (func == null) { return void 0; } // 7.3.9.5 if (!this.IsCallable(func)) { throw new $TypeError(P + 'is not a function'); } // 7.3.9.6 return func; }, /** * 7.3.1 Get (O, P) - https://ecma-international.org/ecma-262/6.0/#sec-get-o-p * 1. Assert: Type(O) is Object. * 2. Assert: IsPropertyKey(P) is true. * 3. Return O.[[Get]](P, O). */ Get: function Get(O, P) { // 7.3.1.1 if (this.Type(O) !== 'Object') { throw new $TypeError('Assertion failed: Type(O) is not Object'); } // 7.3.1.2 if (!this.IsPropertyKey(P)) { throw new $TypeError('Assertion failed: IsPropertyKey(P) is not true'); } // 7.3.1.3 return O[P]; }, Type: function Type(x) { if (typeof x === 'symbol') { return 'Symbol'; } return ES5.Type(x); }, // https://ecma-international.org/ecma-262/6.0/#sec-speciesconstructor SpeciesConstructor: function SpeciesConstructor(O, defaultConstructor) { if (this.Type(O) !== 'Object') { throw new $TypeError('Assertion failed: Type(O) is not Object'); } var C = O.constructor; if (typeof C === 'undefined') { return defaultConstructor; } if (this.Type(C) !== 'Object') { throw new $TypeError('O.constructor is not an Object'); } var S = hasSymbols && $Symbol.species ? C[$Symbol.species] : void 0; if (S == null) { return defaultConstructor; } if (this.IsConstructor(S)) { return S; } throw new $TypeError('no constructor found'); }, // https://ecma-international.org/ecma-262/6.0/#sec-completepropertydescriptor CompletePropertyDescriptor: function CompletePropertyDescriptor(Desc) { if (!this.IsPropertyDescriptor(Desc)) { throw new $TypeError('Desc must be a Property Descriptor'); } if (this.IsGenericDescriptor(Desc) || this.IsDataDescriptor(Desc)) { if (!has(Desc, '[[Value]]')) { Desc['[[Value]]'] = void 0; } if (!has(Desc, '[[Writable]]')) { Desc['[[Writable]]'] = false; } } else { if (!has(Desc, '[[Get]]')) { Desc['[[Get]]'] = void 0; } if (!has(Desc, '[[Set]]')) { Desc['[[Set]]'] = void 0; } } if (!has(Desc, '[[Enumerable]]')) { Desc['[[Enumerable]]'] = false; } if (!has(Desc, '[[Configurable]]')) { Desc['[[Configurable]]'] = false; } return Desc; }, // https://ecma-international.org/ecma-262/6.0/#sec-set-o-p-v-throw Set: function Set(O, P, V, Throw) { if (this.Type(O) !== 'Object') { throw new $TypeError('O must be an Object'); } if (!this.IsPropertyKey(P)) { throw new $TypeError('P must be a Property Key'); } if (this.Type(Throw) !== 'Boolean') { throw new $TypeError('Throw must be a Boolean'); } if (Throw) { O[P] = V; return true; } else { try { O[P] = V; } catch (e) { return false; } } }, // https://ecma-international.org/ecma-262/6.0/#sec-hasownproperty HasOwnProperty: function HasOwnProperty(O, P) { if (this.Type(O) !== 'Object') { throw new $TypeError('O must be an Object'); } if (!this.IsPropertyKey(P)) { throw new $TypeError('P must be a Property Key'); } return has(O, P); }, // https://ecma-international.org/ecma-262/6.0/#sec-hasproperty HasProperty: function HasProperty(O, P) { if (this.Type(O) !== 'Object') { throw new $TypeError('O must be an Object'); } if (!this.IsPropertyKey(P)) { throw new $TypeError('P must be a Property Key'); } return P in O; }, // https://ecma-international.org/ecma-262/6.0/#sec-isconcatspreadable IsConcatSpreadable: function IsConcatSpreadable(O) { if (this.Type(O) !== 'Object') { return false; } if (hasSymbols && typeof $Symbol.isConcatSpreadable === 'symbol') { var spreadable = this.Get(O, Symbol.isConcatSpreadable); if (typeof spreadable !== 'undefined') { return this.ToBoolean(spreadable); } } return this.IsArray(O); }, // https://ecma-international.org/ecma-262/6.0/#sec-invoke Invoke: function Invoke(O, P) { if (!this.IsPropertyKey(P)) { throw new $TypeError('P must be a Property Key'); } var argumentsList = arraySlice(arguments, 2); var func = this.GetV(O, P); return this.Call(func, O, argumentsList); }, // https://ecma-international.org/ecma-262/6.0/#sec-getiterator GetIterator: function GetIterator(obj, method) { if (!hasSymbols) { throw new SyntaxError('ES.GetIterator depends on native iterator support.'); } var actualMethod = method; if (arguments.length < 2) { actualMethod = this.GetMethod(obj, $Symbol.iterator); } var iterator = this.Call(actualMethod, obj); if (this.Type(iterator) !== 'Object') { throw new $TypeError('iterator must return an object'); } return iterator; }, // https://ecma-international.org/ecma-262/6.0/#sec-iteratornext IteratorNext: function IteratorNext(iterator, value) { var result = this.Invoke(iterator, 'next', arguments.length < 2 ? [] : [value]); if (this.Type(result) !== 'Object') { throw new $TypeError('iterator next must return an object'); } return result; }, // https://ecma-international.org/ecma-262/6.0/#sec-iteratorcomplete IteratorComplete: function IteratorComplete(iterResult) { if (this.Type(iterResult) !== 'Object') { throw new $TypeError('Assertion failed: Type(iterResult) is not Object'); } return this.ToBoolean(this.Get(iterResult, 'done')); }, // https://ecma-international.org/ecma-262/6.0/#sec-iteratorvalue IteratorValue: function IteratorValue(iterResult) { if (this.Type(iterResult) !== 'Object') { throw new $TypeError('Assertion failed: Type(iterResult) is not Object'); } return this.Get(iterResult, 'value'); }, // https://ecma-international.org/ecma-262/6.0/#sec-iteratorstep IteratorStep: function IteratorStep(iterator) { var result = this.IteratorNext(iterator); var done = this.IteratorComplete(result); return done === true ? false : result; }, // https://ecma-international.org/ecma-262/6.0/#sec-iteratorclose IteratorClose: function IteratorClose(iterator, completion) { if (this.Type(iterator) !== 'Object') { throw new $TypeError('Assertion failed: Type(iterator) is not Object'); } if (!this.IsCallable(completion)) { throw new $TypeError('Assertion failed: completion is not a thunk for a Completion Record'); } var completionThunk = completion; var iteratorReturn = this.GetMethod(iterator, 'return'); if (typeof iteratorReturn === 'undefined') { return completionThunk(); } var completionRecord; try { var innerResult = this.Call(iteratorReturn, iterator, []); } catch (e) { // if we hit here, then "e" is the innerResult completion that needs re-throwing // if the completion is of type "throw", this will throw. completionRecord = completionThunk(); completionThunk = null; // ensure it's not called twice. // if not, then return the innerResult completion throw e; } completionRecord = completionThunk(); // if innerResult worked, then throw if the completion does completionThunk = null; // ensure it's not called twice. if (this.Type(innerResult) !== 'Object') { throw new $TypeError('iterator .return must return an object'); } return completionRecord; }, // https://ecma-international.org/ecma-262/6.0/#sec-createiterresultobject CreateIterResultObject: function CreateIterResultObject(value, done) { if (this.Type(done) !== 'Boolean') { throw new $TypeError('Assertion failed: Type(done) is not Boolean'); } return { value: value, done: done }; }, // https://ecma-international.org/ecma-262/6.0/#sec-regexpexec RegExpExec: function RegExpExec(R, S) { if (this.Type(R) !== 'Object') { throw new $TypeError('R must be an Object'); } if (this.Type(S) !== 'String') { throw new $TypeError('S must be a String'); } var exec = this.Get(R, 'exec'); if (this.IsCallable(exec)) { var result = this.Call(exec, R, [S]); if (result === null || this.Type(result) === 'Object') { return result; } throw new $TypeError('"exec" method must return `null` or an Object'); } return regexExec(R, S); }, // https://ecma-international.org/ecma-262/6.0/#sec-arrayspeciescreate ArraySpeciesCreate: function ArraySpeciesCreate(originalArray, length) { if (!this.IsInteger(length) || length < 0) { throw new $TypeError('Assertion failed: length must be an integer >= 0'); } var len = length === 0 ? 0 : length; var C; var isArray = this.IsArray(originalArray); if (isArray) { C = this.Get(originalArray, 'constructor'); // TODO: figure out how to make a cross-realm normal Array, a same-realm Array // if (this.IsConstructor(C)) { // if C is another realm's Array, C = undefined // Object.getPrototypeOf(Object.getPrototypeOf(Object.getPrototypeOf(Array))) === null ? // } if (this.Type(C) === 'Object' && hasSymbols && $Symbol.species) { C = this.Get(C, $Symbol.species); if (C === null) { C = void 0; } } } if (typeof C === 'undefined') { return $Array(len); } if (!this.IsConstructor(C)) { throw new $TypeError('C must be a constructor'); } return new C(len); // this.Construct(C, len); }, CreateDataProperty: function CreateDataProperty(O, P, V) { if (this.Type(O) !== 'Object') { throw new $TypeError('Assertion failed: Type(O) is not Object'); } if (!this.IsPropertyKey(P)) { throw new $TypeError('Assertion failed: IsPropertyKey(P) is not true'); } var oldDesc = $gOPD(O, P); var extensible = oldDesc || (typeof $isExtensible !== 'function' || $isExtensible(O)); var immutable = oldDesc && (!oldDesc.writable || !oldDesc.configurable); if (immutable || !extensible) { return false; } var newDesc = { configurable: true, enumerable: true, value: V, writable: true }; Object.defineProperty(O, P, newDesc); return true; }, // https://ecma-international.org/ecma-262/6.0/#sec-createdatapropertyorthrow CreateDataPropertyOrThrow: function CreateDataPropertyOrThrow(O, P, V) { if (this.Type(O) !== 'Object') { throw new $TypeError('Assertion failed: Type(O) is not Object'); } if (!this.IsPropertyKey(P)) { throw new $TypeError('Assertion failed: IsPropertyKey(P) is not true'); } var success = this.CreateDataProperty(O, P, V); if (!success) { throw new $TypeError('unable to create data property'); } return success; }, // https://www.ecma-international.org/ecma-262/6.0/#sec-objectcreate ObjectCreate: function ObjectCreate(proto, internalSlotsList) { if (proto !== null && this.Type(proto) !== 'Object') { throw new $TypeError('Assertion failed: proto must be null or an object'); } var slots = arguments.length < 2 ? [] : internalSlotsList; if (slots.length > 0) { throw new $SyntaxError('es-abstract does not yet support internal slots'); } if (proto === null && !$ObjectCreate) { throw new $SyntaxError('native Object.create support is required to create null objects'); } return $ObjectCreate(proto); }, // https://ecma-international.org/ecma-262/6.0/#sec-advancestringindex AdvanceStringIndex: function AdvanceStringIndex(S, index, unicode) { if (this.Type(S) !== 'String') { throw new $TypeError('S must be a String'); } if (!this.IsInteger(index) || index < 0 || index > MAX_SAFE_INTEGER) { throw new $TypeError('Assertion failed: length must be an integer >= 0 and <= 2**53'); } if (this.Type(unicode) !== 'Boolean') { throw new $TypeError('Assertion failed: unicode must be a Boolean'); } if (!unicode) { return index + 1; } var length = S.length; if ((index + 1) >= length) { return index + 1; } var first = $charCodeAt(S, index); if (first < 0xD800 || first > 0xDBFF) { return index + 1; } var second = $charCodeAt(S, index + 1); if (second < 0xDC00 || second > 0xDFFF) { return index + 1; } return index + 2; } }); delete ES6.CheckObjectCoercible; // renamed in ES6 to RequireObjectCoercible module.exports = ES6; /***/ }), /* 210 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(211); /***/ }), /* 211 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var hasSymbols = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol'; var isPrimitive = __webpack_require__(130); var isCallable = __webpack_require__(106); var isDate = __webpack_require__(212); var isSymbol = __webpack_require__(131); var ordinaryToPrimitive = function OrdinaryToPrimitive(O, hint) { if (typeof O === 'undefined' || O === null) { throw new TypeError('Cannot call method on ' + O); } if (typeof hint !== 'string' || (hint !== 'number' && hint !== 'string')) { throw new TypeError('hint must be "string" or "number"'); } var methodNames = hint === 'string' ? ['toString', 'valueOf'] : ['valueOf', 'toString']; var method, result, i; for (i = 0; i < methodNames.length; ++i) { method = O[methodNames[i]]; if (isCallable(method)) { result = method.call(O); if (isPrimitive(result)) { return result; } } } throw new TypeError('No default value'); }; var GetMethod = function GetMethod(O, P) { var func = O[P]; if (func !== null && typeof func !== 'undefined') { if (!isCallable(func)) { throw new TypeError(func + ' returned for property ' + P + ' of object ' + O + ' is not a function'); } return func; } return void 0; }; // http://www.ecma-international.org/ecma-262/6.0/#sec-toprimitive module.exports = function ToPrimitive(input) { if (isPrimitive(input)) { return input; } var hint = 'default'; if (arguments.length > 1) { if (arguments[1] === String) { hint = 'string'; } else if (arguments[1] === Number) { hint = 'number'; } } var exoticToPrim; if (hasSymbols) { if (Symbol.toPrimitive) { exoticToPrim = GetMethod(input, Symbol.toPrimitive); } else if (isSymbol(input)) { exoticToPrim = Symbol.prototype.valueOf; } } if (typeof exoticToPrim !== 'undefined') { var result = exoticToPrim.call(input, hint); if (isPrimitive(result)) { return result; } throw new TypeError('unable to convert exotic object to primitive'); } if (hint === 'default' && (isDate(input) || isSymbol(input))) { hint = 'string'; } return ordinaryToPrimitive(input, hint === 'default' ? 'number' : hint); }; /***/ }), /* 212 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var getDay = Date.prototype.getDay; var tryDateObject = function tryDateObject(value) { try { getDay.call(value); return true; } catch (e) { return false; } }; var toStr = Object.prototype.toString; var dateClass = '[object Date]'; var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol'; module.exports = function isDateObject(value) { if (typeof value !== 'object' || value === null) { return false; } return hasToStringTag ? tryDateObject(value) : toStr.call(value) === dateClass; }; /***/ }), /* 213 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(global) { var origSymbol = global.Symbol; var hasSymbolSham = __webpack_require__(132); module.exports = function hasNativeSymbols() { if (typeof origSymbol !== 'function') { return false; } if (typeof Symbol !== 'function') { return false; } if (typeof origSymbol('foo') !== 'symbol') { return false; } if (typeof Symbol('bar') !== 'symbol') { return false; } return hasSymbolSham(); }; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51))) /***/ }), /* 214 */ /***/ (function(module, exports) { module.exports = function isPrimitive(value) { return value === null || (typeof value !== 'function' && typeof value !== 'object'); }; /***/ }), /* 215 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var GetIntrinsic = __webpack_require__(133); var $Object = GetIntrinsic('%Object%'); var $TypeError = GetIntrinsic('%TypeError%'); var $String = GetIntrinsic('%String%'); var $isNaN = __webpack_require__(134); var $isFinite = __webpack_require__(135); var sign = __webpack_require__(136); var mod = __webpack_require__(137); var IsCallable = __webpack_require__(106); var toPrimitive = __webpack_require__(216); var has = __webpack_require__(88); // https://es5.github.io/#x9 var ES5 = { ToPrimitive: toPrimitive, ToBoolean: function ToBoolean(value) { return !!value; }, ToNumber: function ToNumber(value) { return +value; // eslint-disable-line no-implicit-coercion }, ToInteger: function ToInteger(value) { var number = this.ToNumber(value); if ($isNaN(number)) { return 0; } if (number === 0 || !$isFinite(number)) { return number; } return sign(number) * Math.floor(Math.abs(number)); }, ToInt32: function ToInt32(x) { return this.ToNumber(x) >> 0; }, ToUint32: function ToUint32(x) { return this.ToNumber(x) >>> 0; }, ToUint16: function ToUint16(value) { var number = this.ToNumber(value); if ($isNaN(number) || number === 0 || !$isFinite(number)) { return 0; } var posInt = sign(number) * Math.floor(Math.abs(number)); return mod(posInt, 0x10000); }, ToString: function ToString(value) { return $String(value); }, ToObject: function ToObject(value) { this.CheckObjectCoercible(value); return $Object(value); }, CheckObjectCoercible: function CheckObjectCoercible(value, optMessage) { /* jshint eqnull:true */ if (value == null) { throw new $TypeError(optMessage || 'Cannot call method on ' + value); } return value; }, IsCallable: IsCallable, SameValue: function SameValue(x, y) { if (x === y) { // 0 === -0, but they are not identical. if (x === 0) { return 1 / x === 1 / y; } return true; } return $isNaN(x) && $isNaN(y); }, // https://www.ecma-international.org/ecma-262/5.1/#sec-8 Type: function Type(x) { if (x === null) { return 'Null'; } if (typeof x === 'undefined') { return 'Undefined'; } if (typeof x === 'function' || typeof x === 'object') { return 'Object'; } if (typeof x === 'number') { return 'Number'; } if (typeof x === 'boolean') { return 'Boolean'; } if (typeof x === 'string') { return 'String'; } }, // https://ecma-international.org/ecma-262/6.0/#sec-property-descriptor-specification-type IsPropertyDescriptor: function IsPropertyDescriptor(Desc) { if (this.Type(Desc) !== 'Object') { return false; } var allowed = { '[[Configurable]]': true, '[[Enumerable]]': true, '[[Get]]': true, '[[Set]]': true, '[[Value]]': true, '[[Writable]]': true }; // jscs:disable for (var key in Desc) { // eslint-disable-line if (has(Desc, key) && !allowed[key]) { return false; } } // jscs:enable var isData = has(Desc, '[[Value]]'); var IsAccessor = has(Desc, '[[Get]]') || has(Desc, '[[Set]]'); if (isData && IsAccessor) { throw new $TypeError('Property Descriptors may not be both accessor and data descriptors'); } return true; }, // https://ecma-international.org/ecma-262/5.1/#sec-8.10.1 IsAccessorDescriptor: function IsAccessorDescriptor(Desc) { if (typeof Desc === 'undefined') { return false; } if (!this.IsPropertyDescriptor(Desc)) { throw new $TypeError('Desc must be a Property Descriptor'); } if (!has(Desc, '[[Get]]') && !has(Desc, '[[Set]]')) { return false; } return true; }, // https://ecma-international.org/ecma-262/5.1/#sec-8.10.2 IsDataDescriptor: function IsDataDescriptor(Desc) { if (typeof Desc === 'undefined') { return false; } if (!this.IsPropertyDescriptor(Desc)) { throw new $TypeError('Desc must be a Property Descriptor'); } if (!has(Desc, '[[Value]]') && !has(Desc, '[[Writable]]')) { return false; } return true; }, // https://ecma-international.org/ecma-262/5.1/#sec-8.10.3 IsGenericDescriptor: function IsGenericDescriptor(Desc) { if (typeof Desc === 'undefined') { return false; } if (!this.IsPropertyDescriptor(Desc)) { throw new $TypeError('Desc must be a Property Descriptor'); } if (!this.IsAccessorDescriptor(Desc) && !this.IsDataDescriptor(Desc)) { return true; } return false; }, // https://ecma-international.org/ecma-262/5.1/#sec-8.10.4 FromPropertyDescriptor: function FromPropertyDescriptor(Desc) { if (typeof Desc === 'undefined') { return Desc; } if (!this.IsPropertyDescriptor(Desc)) { throw new $TypeError('Desc must be a Property Descriptor'); } if (this.IsDataDescriptor(Desc)) { return { value: Desc['[[Value]]'], writable: !!Desc['[[Writable]]'], enumerable: !!Desc['[[Enumerable]]'], configurable: !!Desc['[[Configurable]]'] }; } else if (this.IsAccessorDescriptor(Desc)) { return { get: Desc['[[Get]]'], set: Desc['[[Set]]'], enumerable: !!Desc['[[Enumerable]]'], configurable: !!Desc['[[Configurable]]'] }; } else { throw new $TypeError('FromPropertyDescriptor must be called with a fully populated Property Descriptor'); } }, // https://ecma-international.org/ecma-262/5.1/#sec-8.10.5 ToPropertyDescriptor: function ToPropertyDescriptor(Obj) { if (this.Type(Obj) !== 'Object') { throw new $TypeError('ToPropertyDescriptor requires an object'); } var desc = {}; if (has(Obj, 'enumerable')) { desc['[[Enumerable]]'] = this.ToBoolean(Obj.enumerable); } if (has(Obj, 'configurable')) { desc['[[Configurable]]'] = this.ToBoolean(Obj.configurable); } if (has(Obj, 'value')) { desc['[[Value]]'] = Obj.value; } if (has(Obj, 'writable')) { desc['[[Writable]]'] = this.ToBoolean(Obj.writable); } if (has(Obj, 'get')) { var getter = Obj.get; if (typeof getter !== 'undefined' && !this.IsCallable(getter)) { throw new TypeError('getter must be a function'); } desc['[[Get]]'] = getter; } if (has(Obj, 'set')) { var setter = Obj.set; if (typeof setter !== 'undefined' && !this.IsCallable(setter)) { throw new $TypeError('setter must be a function'); } desc['[[Set]]'] = setter; } if ((has(desc, '[[Get]]') || has(desc, '[[Set]]')) && (has(desc, '[[Value]]') || has(desc, '[[Writable]]'))) { throw new $TypeError('Invalid property descriptor. Cannot both specify accessors and a value or writable attribute'); } return desc; } }; module.exports = ES5; /***/ }), /* 216 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var toStr = Object.prototype.toString; var isPrimitive = __webpack_require__(130); var isCallable = __webpack_require__(106); // http://ecma-international.org/ecma-262/5.1/#sec-8.12.8 var ES5internalSlots = { '[[DefaultValue]]': function (O) { var actualHint; if (arguments.length > 1) { actualHint = arguments[1]; } else { actualHint = toStr.call(O) === '[object Date]' ? String : Number; } if (actualHint === String || actualHint === Number) { var methods = actualHint === String ? ['toString', 'valueOf'] : ['valueOf', 'toString']; var value, i; for (i = 0; i < methods.length; ++i) { if (isCallable(O[methods[i]])) { value = O[methods[i]](); if (isPrimitive(value)) { return value; } } } throw new TypeError('No default value'); } throw new TypeError('invalid [[DefaultValue]] hint supplied'); } }; // http://ecma-international.org/ecma-262/5.1/#sec-9.1 module.exports = function ToPrimitive(input) { if (isPrimitive(input)) { return input; } if (arguments.length > 1) { return ES5internalSlots['[[DefaultValue]]'](input, arguments[1]); } return ES5internalSlots['[[DefaultValue]]'](input); }; /***/ }), /* 217 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var has = __webpack_require__(88); var regexExec = RegExp.prototype.exec; var gOPD = Object.getOwnPropertyDescriptor; var tryRegexExecCall = function tryRegexExec(value) { try { var lastIndex = value.lastIndex; value.lastIndex = 0; regexExec.call(value); return true; } catch (e) { return false; } finally { value.lastIndex = lastIndex; } }; var toStr = Object.prototype.toString; var regexClass = '[object RegExp]'; var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol'; module.exports = function isRegex(value) { if (!value || typeof value !== 'object') { return false; } if (!hasToStringTag) { return toStr.call(value) === regexClass; } var descriptor = gOPD(value, 'lastIndex'); var hasLastIndexDataProperty = descriptor && has(descriptor, 'value'); if (!hasLastIndexDataProperty) { return false; } return tryRegexExecCall(value); }; /***/ }), /* 218 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var define = __webpack_require__(63); var getPolyfill = __webpack_require__(138); module.exports = function shimFlat() { var polyfill = getPolyfill(); define( Array.prototype, { flat: polyfill }, { flat: function () { return Array.prototype.flat !== polyfill; } } ); return polyfill; }; /***/ }), /* 219 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(global) { var define = __webpack_require__(63); var isSymbol = __webpack_require__(131); var globalKey = '__ global cache key __'; /* istanbul ignore else */ // eslint-disable-next-line no-restricted-properties if (typeof Symbol === 'function' && isSymbol(Symbol('foo')) && typeof Symbol['for'] === 'function') { // eslint-disable-next-line no-restricted-properties globalKey = Symbol['for'](globalKey); } var trueThunk = function () { return true; }; var ensureCache = function ensureCache() { if (!global[globalKey]) { var properties = {}; properties[globalKey] = {}; var predicates = {}; predicates[globalKey] = trueThunk; define(global, properties, predicates); } return global[globalKey]; }; var cache = ensureCache(); var isPrimitive = function isPrimitive(val) { return val === null || (typeof val !== 'object' && typeof val !== 'function'); }; var getPrimitiveKey = function getPrimitiveKey(val) { if (isSymbol(val)) { return Symbol.prototype.valueOf.call(val); } return typeof val + ' | ' + String(val); }; var requirePrimitiveKey = function requirePrimitiveKey(val) { if (!isPrimitive(val)) { throw new TypeError('key must not be an object'); } }; var globalCache = { clear: function clear() { delete global[globalKey]; cache = ensureCache(); }, 'delete': function deleteKey(key) { requirePrimitiveKey(key); delete cache[getPrimitiveKey(key)]; return !globalCache.has(key); }, get: function get(key) { requirePrimitiveKey(key); return cache[getPrimitiveKey(key)]; }, has: function has(key) { requirePrimitiveKey(key); return getPrimitiveKey(key) in cache; }, set: function set(key, value) { requirePrimitiveKey(key); var primitiveKey = getPrimitiveKey(key); var props = {}; props[primitiveKey] = value; var predicates = {}; predicates[primitiveKey] = trueThunk; define(cache, props, predicates); return globalCache.has(key); }, setIfMissingThenGet: function setIfMissingThenGet(key, valueThunk) { if (globalCache.has(key)) { return globalCache.get(key); } var item = valueThunk(); globalCache.set(key, item); return item; } }; module.exports = globalCache; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51))) /***/ }), /* 220 */ /***/ (function(module, exports) { Object.defineProperty(exports, "__esModule", { value: true }); var GLOBAL_CACHE_KEY = 'reactWithStylesInterfaceCSS'; var MAX_SPECIFICITY = 20; exports.GLOBAL_CACHE_KEY = GLOBAL_CACHE_KEY; exports.MAX_SPECIFICITY = MAX_SPECIFICITY; /***/ }), /* 221 */ /***/ (function(module, exports) { Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getClassName; /** * Construct a class name. * * namespace {String} Used to construct unique class names. * styleName {String} Name identifying the specific style. * * Return the class name. */ function getClassName(namespace, styleName) { var namespaceSegment = namespace.length > 0 ? String(namespace) + '__' : ''; return '' + namespaceSegment + String(styleName); } /***/ }), /* 222 */ /***/ (function(module, exports) { Object.defineProperty(exports, "__esModule", { value: true }); // This function takes an array of styles and separates them into styles that // are handled by Aphrodite and inline styles. function separateStyles(stylesArray) { var classNames = []; // Since determining if an Object is empty requires collecting all of its // keys, and we want the best performance in this code because we are in the // render path, we are going to do a little bookkeeping ourselves. var hasInlineStyles = false; var inlineStyles = {}; // This is run on potentially every node in the tree when rendering, where // performance is critical. Normally we would prefer using `forEach`, but // old-fashioned for loops are faster so that's what we have chosen here. for (var i = 0; i < stylesArray.length; i++) { // eslint-disable-line no-plusplus var style = stylesArray[i]; // If this style is falsy, we just want to disregard it. This allows for // syntax like: // // css(isFoo && styles.foo) if (style) { if (typeof style === 'string') { classNames.push(style); } else { Object.assign(inlineStyles, style); hasInlineStyles = true; } } } return { classNames: classNames, hasInlineStyles: hasInlineStyles, inlineStyles: inlineStyles }; } exports['default'] = separateStyles; /***/ }), /* 223 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = registerInterfaceWithDefaultTheme; var _ThemedStyleSheet = __webpack_require__(139); var _ThemedStyleSheet2 = _interopRequireDefault(_ThemedStyleSheet); var _DefaultTheme = __webpack_require__(140); var _DefaultTheme2 = _interopRequireDefault(_DefaultTheme); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function registerInterfaceWithDefaultTheme(reactWithStylesInterface) { _ThemedStyleSheet2['default'].registerInterface(reactWithStylesInterface); _ThemedStyleSheet2['default'].registerTheme(_DefaultTheme2['default']); } /***/ }), /* 224 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _CalendarDay = __webpack_require__(108); Object.defineProperty(exports, 'CalendarDay', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_CalendarDay)['default']; } return get; }() }); var _CalendarMonth = __webpack_require__(144); Object.defineProperty(exports, 'CalendarMonth', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_CalendarMonth)['default']; } return get; }() }); var _CalendarMonthGrid = __webpack_require__(146); Object.defineProperty(exports, 'CalendarMonthGrid', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_CalendarMonthGrid)['default']; } return get; }() }); var _DateRangePicker = __webpack_require__(241); Object.defineProperty(exports, 'DateRangePicker', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DateRangePicker)['default']; } return get; }() }); var _DateRangePickerInput = __webpack_require__(159); Object.defineProperty(exports, 'DateRangePickerInput', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DateRangePickerInput)['default']; } return get; }() }); var _DateRangePickerInputController = __webpack_require__(158); Object.defineProperty(exports, 'DateRangePickerInputController', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DateRangePickerInputController)['default']; } return get; }() }); var _DateRangePickerShape = __webpack_require__(151); Object.defineProperty(exports, 'DateRangePickerShape', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DateRangePickerShape)['default']; } return get; }() }); var _DayPicker = __webpack_require__(117); Object.defineProperty(exports, 'DayPicker', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DayPicker)['default']; } return get; }() }); var _DayPickerRangeController = __webpack_require__(167); Object.defineProperty(exports, 'DayPickerRangeController', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DayPickerRangeController)['default']; } return get; }() }); var _DayPickerSingleDateController = __webpack_require__(170); Object.defineProperty(exports, 'DayPickerSingleDateController', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_DayPickerSingleDateController)['default']; } return get; }() }); var _SingleDatePicker = __webpack_require__(262); Object.defineProperty(exports, 'SingleDatePicker', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_SingleDatePicker)['default']; } return get; }() }); var _SingleDatePickerInput = __webpack_require__(172); Object.defineProperty(exports, 'SingleDatePickerInput', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_SingleDatePickerInput)['default']; } return get; }() }); var _SingleDatePickerShape = __webpack_require__(171); Object.defineProperty(exports, 'SingleDatePickerShape', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_SingleDatePickerShape)['default']; } return get; }() }); var _isInclusivelyAfterDay = __webpack_require__(82); Object.defineProperty(exports, 'isInclusivelyAfterDay', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_isInclusivelyAfterDay)['default']; } return get; }() }); var _isInclusivelyBeforeDay = __webpack_require__(263); Object.defineProperty(exports, 'isInclusivelyBeforeDay', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_isInclusivelyBeforeDay)['default']; } return get; }() }); var _isNextDay = __webpack_require__(168); Object.defineProperty(exports, 'isNextDay', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_isNextDay)['default']; } return get; }() }); var _isSameDay = __webpack_require__(70); Object.defineProperty(exports, 'isSameDay', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_isSameDay)['default']; } return get; }() }); var _toISODateString = __webpack_require__(90); Object.defineProperty(exports, 'toISODateString', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_toISODateString)['default']; } return get; }() }); var _toLocalizedDateString = __webpack_require__(115); Object.defineProperty(exports, 'toLocalizedDateString', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_toLocalizedDateString)['default']; } return get; }() }); var _toMomentObject = __webpack_require__(71); Object.defineProperty(exports, 'toMomentObject', { enumerable: true, get: function () { function get() { return _interopRequireDefault(_toMomentObject)['default']; } return get; }() }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } /***/ }), /* 225 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var define = __webpack_require__(63); var getPolyfill = __webpack_require__(142); module.exports = function shimAssign() { var polyfill = getPolyfill(); define( Object, { assign: polyfill }, { assign: function () { return Object.assign !== polyfill; } } ); return polyfill; }; /***/ }), /* 226 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @typechecks * */ /*eslint-disable no-self-compare */ var hasOwnProperty = Object.prototype.hasOwnProperty; /** * inlined Object.is polyfill to avoid requiring consumers ship their own * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is */ function is(x, y) { // SameValue algorithm if (x === y) { // Steps 1-5, 7-10 // Steps 6.b-6.e: +0 != -0 // Added the nonzero y check to make Flow happy, but it is redundant return x !== 0 || y !== 0 || 1 / x === 1 / y; } else { // Step 6.a: NaN == NaN return x !== x && y !== y; } } /** * Performs equality by iterating through keys on an object and returning false * when any key has values which are not strictly equal between the arguments. * Returns true when the values of all keys are strictly equal. */ function shallowEqual(objA, objB) { if (is(objA, objB)) { return true; } if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) { return false; } var keysA = Object.keys(objA); var keysB = Object.keys(objB); if (keysA.length !== keysB.length) { return false; } // Test for A's keys different from B. for (var i = 0; i < keysA.length; i++) { if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) { return false; } } return true; } module.exports = shallowEqual; /***/ }), /* 227 */ /***/ (function(module, exports, __webpack_require__) { var moment = __webpack_require__(27); function isValidMoment(testMoment) { if (typeof moment.isMoment === 'function' && !moment.isMoment(testMoment)) { return false; } /* istanbul ignore else */ if (typeof testMoment.isValid === 'function') { // moment 1.7.0+ return testMoment.isValid(); } /* istanbul ignore next */ return !isNaN(testMoment); } module.exports = { isValidMoment : isValidMoment, }; /***/ }), /* 228 */ /***/ (function(module, exports) { var messages = { invalidPredicate: '`predicate` must be a function', invalidPropValidator: '`propValidator` must be a function', requiredCore: 'is marked as required', invalidTypeCore: 'Invalid input type', predicateFailureCore: 'Failed to succeed with predicate', anonymousMessage: '<<anonymous>>', baseInvalidMessage: 'Invalid ', }; function constructPropValidatorVariations(propValidator) { if (typeof propValidator !== 'function') { throw new Error(messages.invalidPropValidator); } var requiredPropValidator = propValidator.bind(null, false, null); requiredPropValidator.isRequired = propValidator.bind(null, true, null); requiredPropValidator.withPredicate = function predicateApplication(predicate) { if (typeof predicate !== 'function') { throw new Error(messages.invalidPredicate); } var basePropValidator = propValidator.bind(null, false, predicate); basePropValidator.isRequired = propValidator.bind(null, true, predicate); return basePropValidator; }; return requiredPropValidator; } function createInvalidRequiredErrorMessage(propName, componentName, value) { return new Error( 'The prop `' + propName + '` ' + messages.requiredCore + ' in `' + componentName + '`, but its value is `' + value + '`.' ); } var independentGuardianValue = -1; function preValidationRequireCheck(isRequired, componentName, propFullName, propValue) { var isPropValueUndefined = typeof propValue === 'undefined'; var isPropValueNull = propValue === null; if (isRequired) { if (isPropValueUndefined) { return createInvalidRequiredErrorMessage(propFullName, componentName, 'undefined'); } else if (isPropValueNull) { return createInvalidRequiredErrorMessage(propFullName, componentName, 'null'); } } if (isPropValueUndefined || isPropValueNull) { return null; } return independentGuardianValue; } function createMomentChecker(type, typeValidator, validator, momentType) { function propValidator( isRequired, // Bound parameter to indicate with the propType is required predicate, // Bound parameter to allow user to add dynamic validation props, propName, componentName, location, propFullName ) { var propValue = props[ propName ]; var propType = typeof propValue; componentName = componentName || messages.anonymousMessage; propFullName = propFullName || propName; var preValidationRequireCheckValue = preValidationRequireCheck( isRequired, componentName, propFullName, propValue ); if (preValidationRequireCheckValue !== independentGuardianValue) { return preValidationRequireCheckValue; } if (typeValidator && !typeValidator(propValue)) { return new Error( messages.invalidTypeCore + ': `' + propName + '` of type `' + propType + '` ' + 'supplied to `' + componentName + '`, expected `' + type + '`.' ); } if (!validator(propValue)) { return new Error( messages.baseInvalidMessage + location + ' `' + propName + '` of type `' + propType + '` ' + 'supplied to `' + componentName + '`, expected `' + momentType + '`.' ); } if (predicate && !predicate(propValue)) { var predicateName = predicate.name || messages.anonymousMessage; return new Error( messages.baseInvalidMessage + location + ' `' + propName + '` of type `' + propType + '` ' + 'supplied to `' + componentName + '`. ' + messages.predicateFailureCore + ' `' + predicateName + '`.' ); } return null; } return constructPropValidatorVariations(propValidator); } module.exports = { constructPropValidatorVariations: constructPropValidatorVariations, createMomentChecker: createMomentChecker, messages: messages, }; /***/ }), /* 229 */ /***/ (function(module, exports) { function noop() { return null; } noop.isRequired = noop; function noopThunk() { return noop; } module.exports = { and: noopThunk, between: noopThunk, booleanSome: noopThunk, childrenHavePropXorChildren: noopThunk, childrenOf: noopThunk, childrenOfType: noopThunk, childrenSequenceOf: noopThunk, componentWithName: noopThunk, disallowedIf: noopThunk, elementType: noopThunk, explicitNull: noopThunk, forbidExtraProps: Object, integer: noopThunk, keysOf: noopThunk, mutuallyExclusiveProps: noopThunk, mutuallyExclusiveTrueProps: noopThunk, nChildren: noopThunk, nonNegativeInteger: noop, nonNegativeNumber: noopThunk, numericString: noopThunk, object: noopThunk, or: noopThunk, range: noopThunk, requiredBy: noopThunk, restrictedProp: noopThunk, sequenceOf: noopThunk, shape: noopThunk, stringStartsWith: noopThunk, uniqueArray: noopThunk, uniqueArrayOf: noopThunk, valuesOf: noopThunk, withShape: noopThunk }; /***/ }), /* 230 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var isMergeableObject = function isMergeableObject(value) { return isNonNullObject(value) && !isSpecial(value) }; function isNonNullObject(value) { return !!value && typeof value === 'object' } function isSpecial(value) { var stringValue = Object.prototype.toString.call(value); return stringValue === '[object RegExp]' || stringValue === '[object Date]' || isReactElement(value) } // see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25 var canUseSymbol = typeof Symbol === 'function' && Symbol.for; var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7; function isReactElement(value) { return value.$$typeof === REACT_ELEMENT_TYPE } function emptyTarget(val) { return Array.isArray(val) ? [] : {} } function cloneIfNecessary(value, optionsArgument) { var clone = optionsArgument && optionsArgument.clone === true; return (clone && isMergeableObject(value)) ? deepmerge(emptyTarget(value), value, optionsArgument) : value } function defaultArrayMerge(target, source, optionsArgument) { var destination = target.slice(); source.forEach(function(e, i) { if (typeof destination[i] === 'undefined') { destination[i] = cloneIfNecessary(e, optionsArgument); } else if (isMergeableObject(e)) { destination[i] = deepmerge(target[i], e, optionsArgument); } else if (target.indexOf(e) === -1) { destination.push(cloneIfNecessary(e, optionsArgument)); } }); return destination } function mergeObject(target, source, optionsArgument) { var destination = {}; if (isMergeableObject(target)) { Object.keys(target).forEach(function(key) { destination[key] = cloneIfNecessary(target[key], optionsArgument); }); } Object.keys(source).forEach(function(key) { if (!isMergeableObject(source[key]) || !target[key]) { destination[key] = cloneIfNecessary(source[key], optionsArgument); } else { destination[key] = deepmerge(target[key], source[key], optionsArgument); } }); return destination } function deepmerge(target, source, optionsArgument) { var sourceIsArray = Array.isArray(source); var targetIsArray = Array.isArray(target); var options = optionsArgument || { arrayMerge: defaultArrayMerge }; var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray; if (!sourceAndTargetTypesMatch) { return cloneIfNecessary(source, optionsArgument) } else if (sourceIsArray) { var arrayMerge = options.arrayMerge || defaultArrayMerge; return arrayMerge(target, source, optionsArgument) } else { return mergeObject(target, source, optionsArgument) } } deepmerge.all = function deepmergeAll(array, optionsArgument) { if (!Array.isArray(array) || array.length < 2) { throw new Error('first argument should be an array with at least two elements') } // we are sure there are at least 2 values, so it is safe to have no initial value return array.reduce(function(prev, next) { return deepmerge(prev, next, optionsArgument) }) }; var deepmerge_1 = deepmerge; module.exports = deepmerge_1; /***/ }), /* 231 */ /***/ (function(module, exports) { Object.defineProperty(exports, "__esModule", { value: true }); var CHANNEL = exports.CHANNEL = '__direction__'; var DIRECTIONS = exports.DIRECTIONS = { LTR: 'ltr', RTL: 'rtl' }; /***/ }), /* 232 */ /***/ (function(module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", { value: true }); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = _propTypes2['default'].shape({ getState: _propTypes2['default'].func, setState: _propTypes2['default'].func, subscribe: _propTypes2['default'].func }); /***/ }), /* 233 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getPhrase; function getPhrase(phrase, args) { if (typeof phrase === 'string') return phrase; if (typeof phrase === 'function') { return phrase(args); } return ''; } /***/ }), /* 234 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = CalendarWeek; var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _airbnbPropTypes = __webpack_require__(39); var _CalendarDay = __webpack_require__(108); var _CalendarDay2 = _interopRequireDefault(_CalendarDay); var _CustomizableCalendarDay = __webpack_require__(235); var _CustomizableCalendarDay2 = _interopRequireDefault(_CustomizableCalendarDay); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)({ children: (0, _airbnbPropTypes.or)([(0, _airbnbPropTypes.childrenOfType)(_CalendarDay2['default']), (0, _airbnbPropTypes.childrenOfType)(_CustomizableCalendarDay2['default'])]).isRequired }); function CalendarWeek(_ref) { var children = _ref.children; return _react2['default'].createElement( 'tr', null, children ); } CalendarWeek.propTypes = propTypes; /***/ }), /* 235 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PureCustomizableCalendarDay = exports.selectedStyles = exports.lastInRangeStyles = exports.selectedSpanStyles = exports.hoveredSpanStyles = exports.blockedOutOfRangeStyles = exports.blockedCalendarStyles = exports.blockedMinNightsStyles = exports.highlightedCalendarStyles = exports.outsideStyles = exports.defaultStyles = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _reactAddonsShallowCompare = __webpack_require__(69); var _reactAddonsShallowCompare2 = _interopRequireDefault(_reactAddonsShallowCompare); var _reactMomentProptypes = __webpack_require__(56); var _reactMomentProptypes2 = _interopRequireDefault(_reactMomentProptypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _getCalendarDaySettings = __webpack_require__(143); var _getCalendarDaySettings2 = _interopRequireDefault(_getCalendarDaySettings); var _constants = __webpack_require__(34); var _DefaultTheme = __webpack_require__(140); var _DefaultTheme2 = _interopRequireDefault(_DefaultTheme); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var color = _DefaultTheme2['default'].reactDates.color; function getStyles(stylesObj, isHovered) { if (!stylesObj) return null; var hover = stylesObj.hover; if (isHovered && hover) { return hover; } return stylesObj; } var DayStyleShape = _propTypes2['default'].shape({ background: _propTypes2['default'].string, border: (0, _airbnbPropTypes.or)([_propTypes2['default'].string, _propTypes2['default'].number]), color: _propTypes2['default'].string, hover: _propTypes2['default'].shape({ background: _propTypes2['default'].string, border: (0, _airbnbPropTypes.or)([_propTypes2['default'].string, _propTypes2['default'].number]), color: _propTypes2['default'].string }) }); var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { day: _reactMomentProptypes2['default'].momentObj, daySize: _airbnbPropTypes.nonNegativeInteger, isOutsideDay: _propTypes2['default'].bool, modifiers: _propTypes2['default'].instanceOf(Set), isFocused: _propTypes2['default'].bool, tabIndex: _propTypes2['default'].oneOf([0, -1]), onDayClick: _propTypes2['default'].func, onDayMouseEnter: _propTypes2['default'].func, onDayMouseLeave: _propTypes2['default'].func, renderDayContents: _propTypes2['default'].func, ariaLabelFormat: _propTypes2['default'].string, // style overrides defaultStyles: DayStyleShape, outsideStyles: DayStyleShape, todayStyles: DayStyleShape, firstDayOfWeekStyles: DayStyleShape, lastDayOfWeekStyles: DayStyleShape, highlightedCalendarStyles: DayStyleShape, blockedMinNightsStyles: DayStyleShape, blockedCalendarStyles: DayStyleShape, blockedOutOfRangeStyles: DayStyleShape, hoveredSpanStyles: DayStyleShape, selectedSpanStyles: DayStyleShape, lastInRangeStyles: DayStyleShape, selectedStyles: DayStyleShape, selectedStartStyles: DayStyleShape, selectedEndStyles: DayStyleShape, afterHoveredStartStyles: DayStyleShape, // internationalization phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.CalendarDayPhrases)) })); var defaultStyles = exports.defaultStyles = { border: '1px solid ' + String(color.core.borderLight), color: color.text, background: color.background, hover: { background: color.core.borderLight, border: '1px double ' + String(color.core.borderLight), color: 'inherit' } }; var outsideStyles = exports.outsideStyles = { background: color.outside.backgroundColor, border: 0, color: color.outside.color }; var highlightedCalendarStyles = exports.highlightedCalendarStyles = { background: color.highlighted.backgroundColor, color: color.highlighted.color, hover: { background: color.highlighted.backgroundColor_hover, color: color.highlighted.color_active } }; var blockedMinNightsStyles = exports.blockedMinNightsStyles = { background: color.minimumNights.backgroundColor, border: '1px solid ' + String(color.minimumNights.borderColor), color: color.minimumNights.color, hover: { background: color.minimumNights.backgroundColor_hover, color: color.minimumNights.color_active } }; var blockedCalendarStyles = exports.blockedCalendarStyles = { background: color.blocked_calendar.backgroundColor, border: '1px solid ' + String(color.blocked_calendar.borderColor), color: color.blocked_calendar.color, hover: { background: color.blocked_calendar.backgroundColor_hover, border: '1px solid ' + String(color.blocked_calendar.borderColor), color: color.blocked_calendar.color_active } }; var blockedOutOfRangeStyles = exports.blockedOutOfRangeStyles = { background: color.blocked_out_of_range.backgroundColor, border: '1px solid ' + String(color.blocked_out_of_range.borderColor), color: color.blocked_out_of_range.color, hover: { background: color.blocked_out_of_range.backgroundColor_hover, border: '1px solid ' + String(color.blocked_out_of_range.borderColor), color: color.blocked_out_of_range.color_active } }; var hoveredSpanStyles = exports.hoveredSpanStyles = { background: color.hoveredSpan.backgroundColor, border: '1px solid ' + String(color.hoveredSpan.borderColor), color: color.hoveredSpan.color, hover: { background: color.hoveredSpan.backgroundColor_hover, border: '1px solid ' + String(color.hoveredSpan.borderColor), color: color.hoveredSpan.color_active } }; var selectedSpanStyles = exports.selectedSpanStyles = { background: color.selectedSpan.backgroundColor, border: '1px solid ' + String(color.selectedSpan.borderColor), color: color.selectedSpan.color, hover: { background: color.selectedSpan.backgroundColor_hover, border: '1px solid ' + String(color.selectedSpan.borderColor), color: color.selectedSpan.color_active } }; var lastInRangeStyles = exports.lastInRangeStyles = { borderRight: color.core.primary }; var selectedStyles = exports.selectedStyles = { background: color.selected.backgroundColor, border: '1px solid ' + String(color.selected.borderColor), color: color.selected.color, hover: { background: color.selected.backgroundColor_hover, border: '1px solid ' + String(color.selected.borderColor), color: color.selected.color_active } }; var defaultProps = { day: (0, _moment2['default'])(), daySize: _constants.DAY_SIZE, isOutsideDay: false, modifiers: new Set(), isFocused: false, tabIndex: -1, onDayClick: function () { function onDayClick() {} return onDayClick; }(), onDayMouseEnter: function () { function onDayMouseEnter() {} return onDayMouseEnter; }(), onDayMouseLeave: function () { function onDayMouseLeave() {} return onDayMouseLeave; }(), renderDayContents: null, ariaLabelFormat: 'dddd, LL', // style defaults defaultStyles: defaultStyles, outsideStyles: outsideStyles, todayStyles: {}, highlightedCalendarStyles: highlightedCalendarStyles, blockedMinNightsStyles: blockedMinNightsStyles, blockedCalendarStyles: blockedCalendarStyles, blockedOutOfRangeStyles: blockedOutOfRangeStyles, hoveredSpanStyles: hoveredSpanStyles, selectedSpanStyles: selectedSpanStyles, lastInRangeStyles: lastInRangeStyles, selectedStyles: selectedStyles, selectedStartStyles: {}, selectedEndStyles: {}, afterHoveredStartStyles: {}, firstDayOfWeekStyles: {}, lastDayOfWeekStyles: {}, // internationalization phrases: _defaultPhrases.CalendarDayPhrases }; var CustomizableCalendarDay = function (_React$Component) { _inherits(CustomizableCalendarDay, _React$Component); function CustomizableCalendarDay() { var _ref; _classCallCheck(this, CustomizableCalendarDay); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var _this = _possibleConstructorReturn(this, (_ref = CustomizableCalendarDay.__proto__ || Object.getPrototypeOf(CustomizableCalendarDay)).call.apply(_ref, [this].concat(args))); _this.state = { isHovered: false }; _this.setButtonRef = _this.setButtonRef.bind(_this); return _this; } _createClass(CustomizableCalendarDay, [{ key: 'shouldComponentUpdate', value: function () { function shouldComponentUpdate(nextProps, nextState) { return (0, _reactAddonsShallowCompare2['default'])(this, nextProps, nextState); } return shouldComponentUpdate; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate(prevProps) { var _props = this.props, isFocused = _props.isFocused, tabIndex = _props.tabIndex; if (tabIndex === 0) { if (isFocused || tabIndex !== prevProps.tabIndex) { this.buttonRef.focus(); } } } return componentDidUpdate; }() }, { key: 'onDayClick', value: function () { function onDayClick(day, e) { var onDayClick = this.props.onDayClick; onDayClick(day, e); } return onDayClick; }() }, { key: 'onDayMouseEnter', value: function () { function onDayMouseEnter(day, e) { var onDayMouseEnter = this.props.onDayMouseEnter; this.setState({ isHovered: true }); onDayMouseEnter(day, e); } return onDayMouseEnter; }() }, { key: 'onDayMouseLeave', value: function () { function onDayMouseLeave(day, e) { var onDayMouseLeave = this.props.onDayMouseLeave; this.setState({ isHovered: false }); onDayMouseLeave(day, e); } return onDayMouseLeave; }() }, { key: 'onKeyDown', value: function () { function onKeyDown(day, e) { var onDayClick = this.props.onDayClick; var key = e.key; if (key === 'Enter' || key === ' ') { onDayClick(day, e); } } return onKeyDown; }() }, { key: 'setButtonRef', value: function () { function setButtonRef(ref) { this.buttonRef = ref; } return setButtonRef; }() }, { key: 'render', value: function () { function render() { var _this2 = this; var _props2 = this.props, day = _props2.day, ariaLabelFormat = _props2.ariaLabelFormat, daySize = _props2.daySize, isOutsideDay = _props2.isOutsideDay, modifiers = _props2.modifiers, tabIndex = _props2.tabIndex, renderDayContents = _props2.renderDayContents, styles = _props2.styles, phrases = _props2.phrases, defaultStylesWithHover = _props2.defaultStyles, outsideStylesWithHover = _props2.outsideStyles, todayStylesWithHover = _props2.todayStyles, firstDayOfWeekStylesWithHover = _props2.firstDayOfWeekStyles, lastDayOfWeekStylesWithHover = _props2.lastDayOfWeekStyles, highlightedCalendarStylesWithHover = _props2.highlightedCalendarStyles, blockedMinNightsStylesWithHover = _props2.blockedMinNightsStyles, blockedCalendarStylesWithHover = _props2.blockedCalendarStyles, blockedOutOfRangeStylesWithHover = _props2.blockedOutOfRangeStyles, hoveredSpanStylesWithHover = _props2.hoveredSpanStyles, selectedSpanStylesWithHover = _props2.selectedSpanStyles, lastInRangeStylesWithHover = _props2.lastInRangeStyles, selectedStylesWithHover = _props2.selectedStyles, selectedStartStylesWithHover = _props2.selectedStartStyles, selectedEndStylesWithHover = _props2.selectedEndStyles, afterHoveredStartStylesWithHover = _props2.afterHoveredStartStyles; var isHovered = this.state.isHovered; if (!day) return _react2['default'].createElement('td', null); var _getCalendarDaySettin = (0, _getCalendarDaySettings2['default'])(day, ariaLabelFormat, daySize, modifiers, phrases), daySizeStyles = _getCalendarDaySettin.daySizeStyles, useDefaultCursor = _getCalendarDaySettin.useDefaultCursor, selected = _getCalendarDaySettin.selected, hoveredSpan = _getCalendarDaySettin.hoveredSpan, isOutsideRange = _getCalendarDaySettin.isOutsideRange, ariaLabel = _getCalendarDaySettin.ariaLabel; return _react2['default'].createElement( 'td', _extends({}, (0, _reactWithStyles.css)(styles.CalendarDay, useDefaultCursor && styles.CalendarDay__defaultCursor, daySizeStyles, getStyles(defaultStylesWithHover, isHovered), isOutsideDay && getStyles(outsideStylesWithHover, isHovered), modifiers.has('today') && getStyles(todayStylesWithHover, isHovered), modifiers.has('first-day-of-week') && getStyles(firstDayOfWeekStylesWithHover, isHovered), modifiers.has('last-day-of-week') && getStyles(lastDayOfWeekStylesWithHover, isHovered), modifiers.has('highlighted-calendar') && getStyles(highlightedCalendarStylesWithHover, isHovered), modifiers.has('blocked-minimum-nights') && getStyles(blockedMinNightsStylesWithHover, isHovered), modifiers.has('blocked-calendar') && getStyles(blockedCalendarStylesWithHover, isHovered), hoveredSpan && getStyles(hoveredSpanStylesWithHover, isHovered), modifiers.has('after-hovered-start') && getStyles(afterHoveredStartStylesWithHover, isHovered), modifiers.has('selected-span') && getStyles(selectedSpanStylesWithHover, isHovered), modifiers.has('last-in-range') && getStyles(lastInRangeStylesWithHover, isHovered), selected && getStyles(selectedStylesWithHover, isHovered), modifiers.has('selected-start') && getStyles(selectedStartStylesWithHover, isHovered), modifiers.has('selected-end') && getStyles(selectedEndStylesWithHover, isHovered), isOutsideRange && getStyles(blockedOutOfRangeStylesWithHover, isHovered)), { role: 'button' // eslint-disable-line jsx-a11y/no-noninteractive-element-to-interactive-role , ref: this.setButtonRef, 'aria-label': ariaLabel, onMouseEnter: function () { function onMouseEnter(e) { _this2.onDayMouseEnter(day, e); } return onMouseEnter; }(), onMouseLeave: function () { function onMouseLeave(e) { _this2.onDayMouseLeave(day, e); } return onMouseLeave; }(), onMouseUp: function () { function onMouseUp(e) { e.currentTarget.blur(); } return onMouseUp; }(), onClick: function () { function onClick(e) { _this2.onDayClick(day, e); } return onClick; }(), onKeyDown: function () { function onKeyDown(e) { _this2.onKeyDown(day, e); } return onKeyDown; }(), tabIndex: tabIndex }), renderDayContents ? renderDayContents(day, modifiers) : day.format('D') ); } return render; }() }]); return CustomizableCalendarDay; }(_react2['default'].Component); CustomizableCalendarDay.propTypes = propTypes; CustomizableCalendarDay.defaultProps = defaultProps; exports.PureCustomizableCalendarDay = CustomizableCalendarDay; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var font = _ref2.reactDates.font; return { CalendarDay: { boxSizing: 'border-box', cursor: 'pointer', fontSize: font.size, textAlign: 'center', ':active': { outline: 0 } }, CalendarDay__defaultCursor: { cursor: 'default' } }; })(CustomizableCalendarDay); /***/ }), /* 236 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getCalendarMonthWeeks; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function getCalendarMonthWeeks(month, enableOutsideDays) { var firstDayOfWeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _moment2['default'].localeData().firstDayOfWeek(); if (!_moment2['default'].isMoment(month) || !month.isValid()) { throw new TypeError('`month` must be a valid moment object'); } if (_constants.WEEKDAYS.indexOf(firstDayOfWeek) === -1) { throw new TypeError('`firstDayOfWeek` must be an integer between 0 and 6'); } // set utc offset to get correct dates in future (when timezone changes) var firstOfMonth = month.clone().startOf('month').hour(12); var lastOfMonth = month.clone().endOf('month').hour(12); // calculate the exact first and last days to fill the entire matrix // (considering days outside month) var prevDays = (firstOfMonth.day() + 7 - firstDayOfWeek) % 7; var nextDays = (firstDayOfWeek + 6 - lastOfMonth.day()) % 7; var firstDay = firstOfMonth.clone().subtract(prevDays, 'day'); var lastDay = lastOfMonth.clone().add(nextDays, 'day'); var totalDays = lastDay.diff(firstDay, 'days') + 1; var currentDay = firstDay.clone(); var weeksInMonth = []; for (var i = 0; i < totalDays; i += 1) { if (i % 7 === 0) { weeksInMonth.push([]); } var day = null; if (i >= prevDays && i < totalDays - nextDays || enableOutsideDays) { day = currentDay.clone(); } weeksInMonth[weeksInMonth.length - 1].push(day); currentDay.add(1, 'day'); } return weeksInMonth; } /***/ }), /* 237 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isTransitionEndSupported; function isTransitionEndSupported() { return !!(typeof window !== 'undefined' && 'TransitionEvent' in window); } /***/ }), /* 238 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = getTransformStyles; function getTransformStyles(transformValue) { return { transform: transformValue, msTransform: transformValue, MozTransform: transformValue, WebkitTransform: transformValue }; } /***/ }), /* 239 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isPrevMonth; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _isSameMonth = __webpack_require__(148); var _isSameMonth2 = _interopRequireDefault(_isSameMonth); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isPrevMonth(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; return (0, _isSameMonth2['default'])(a.clone().subtract(1, 'month'), b); } /***/ }), /* 240 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isNextMonth; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _isSameMonth = __webpack_require__(148); var _isSameMonth2 = _interopRequireDefault(_isSameMonth); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isNextMonth(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; return (0, _isSameMonth2['default'])(a.clone().add(1, 'month'), b); } /***/ }), /* 241 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PureDateRangePicker = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _reactAddonsShallowCompare = __webpack_require__(69); var _reactAddonsShallowCompare2 = _interopRequireDefault(_reactAddonsShallowCompare); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _reactWithStyles = __webpack_require__(50); var _reactPortal = __webpack_require__(181); var _airbnbPropTypes = __webpack_require__(39); var _consolidatedEvents = __webpack_require__(91); var _isTouchDevice = __webpack_require__(73); var _isTouchDevice2 = _interopRequireDefault(_isTouchDevice); var _reactOutsideClickHandler = __webpack_require__(111); var _reactOutsideClickHandler2 = _interopRequireDefault(_reactOutsideClickHandler); var _DateRangePickerShape = __webpack_require__(151); var _DateRangePickerShape2 = _interopRequireDefault(_DateRangePickerShape); var _defaultPhrases = __webpack_require__(43); var _getResponsiveContainerStyles = __webpack_require__(155); var _getResponsiveContainerStyles2 = _interopRequireDefault(_getResponsiveContainerStyles); var _getDetachedContainerStyles = __webpack_require__(156); var _getDetachedContainerStyles2 = _interopRequireDefault(_getDetachedContainerStyles); var _getInputHeight = __webpack_require__(113); var _getInputHeight2 = _interopRequireDefault(_getInputHeight); var _isInclusivelyAfterDay = __webpack_require__(82); var _isInclusivelyAfterDay2 = _interopRequireDefault(_isInclusivelyAfterDay); var _disableScroll2 = __webpack_require__(157); var _disableScroll3 = _interopRequireDefault(_disableScroll2); var _DateRangePickerInputController = __webpack_require__(158); var _DateRangePickerInputController2 = _interopRequireDefault(_DateRangePickerInputController); var _DayPickerRangeController = __webpack_require__(167); var _DayPickerRangeController2 = _interopRequireDefault(_DayPickerRangeController); var _CloseButton = __webpack_require__(84); var _CloseButton2 = _interopRequireDefault(_CloseButton); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, _DateRangePickerShape2['default'])); var defaultProps = { // required props for a functional interactive DateRangePicker startDate: null, endDate: null, focusedInput: null, // input related props startDatePlaceholderText: 'Start Date', endDatePlaceholderText: 'End Date', disabled: false, required: false, readOnly: false, screenReaderInputMessage: '', showClearDates: false, showDefaultInputIcon: false, inputIconPosition: _constants.ICON_BEFORE_POSITION, customInputIcon: null, customArrowIcon: null, customCloseIcon: null, noBorder: false, block: false, small: false, regular: false, keepFocusOnInput: false, // calendar presentation and interaction related props renderMonthText: null, orientation: _constants.HORIZONTAL_ORIENTATION, anchorDirection: _constants.ANCHOR_LEFT, openDirection: _constants.OPEN_DOWN, horizontalMargin: 0, withPortal: false, withFullScreenPortal: false, appendToBody: false, disableScroll: false, initialVisibleMonth: null, numberOfMonths: 2, keepOpenOnDateSelect: false, reopenPickerOnClearDates: false, renderCalendarInfo: null, calendarInfoPosition: _constants.INFO_POSITION_BOTTOM, hideKeyboardShortcutsPanel: false, daySize: _constants.DAY_SIZE, isRTL: false, firstDayOfWeek: null, verticalHeight: null, transitionDuration: undefined, verticalSpacing: _constants.DEFAULT_VERTICAL_SPACING, // navigation related props navPrev: null, navNext: null, onPrevMonthClick: function () { function onPrevMonthClick() {} return onPrevMonthClick; }(), onNextMonthClick: function () { function onNextMonthClick() {} return onNextMonthClick; }(), onClose: function () { function onClose() {} return onClose; }(), // day presentation and interaction related props renderCalendarDay: undefined, renderDayContents: null, renderMonthElement: null, minimumNights: 1, enableOutsideDays: false, isDayBlocked: function () { function isDayBlocked() { return false; } return isDayBlocked; }(), isOutsideRange: function () { function isOutsideRange(day) { return !(0, _isInclusivelyAfterDay2['default'])(day, (0, _moment2['default'])()); } return isOutsideRange; }(), isDayHighlighted: function () { function isDayHighlighted() { return false; } return isDayHighlighted; }(), // internationalization displayFormat: function () { function displayFormat() { return _moment2['default'].localeData().longDateFormat('L'); } return displayFormat; }(), monthFormat: 'MMMM YYYY', weekDayFormat: 'dd', phrases: _defaultPhrases.DateRangePickerPhrases, dayAriaLabelFormat: undefined }; var DateRangePicker = function (_React$Component) { _inherits(DateRangePicker, _React$Component); function DateRangePicker(props) { _classCallCheck(this, DateRangePicker); var _this = _possibleConstructorReturn(this, (DateRangePicker.__proto__ || Object.getPrototypeOf(DateRangePicker)).call(this, props)); _this.state = { dayPickerContainerStyles: {}, isDateRangePickerInputFocused: false, isDayPickerFocused: false, showKeyboardShortcuts: false }; _this.isTouchDevice = false; _this.onOutsideClick = _this.onOutsideClick.bind(_this); _this.onDateRangePickerInputFocus = _this.onDateRangePickerInputFocus.bind(_this); _this.onDayPickerFocus = _this.onDayPickerFocus.bind(_this); _this.onDayPickerBlur = _this.onDayPickerBlur.bind(_this); _this.showKeyboardShortcutsPanel = _this.showKeyboardShortcutsPanel.bind(_this); _this.responsivizePickerPosition = _this.responsivizePickerPosition.bind(_this); _this.disableScroll = _this.disableScroll.bind(_this); _this.setDayPickerContainerRef = _this.setDayPickerContainerRef.bind(_this); _this.setContainerRef = _this.setContainerRef.bind(_this); return _this; } _createClass(DateRangePicker, [{ key: 'componentDidMount', value: function () { function componentDidMount() { this.removeEventListener = (0, _consolidatedEvents.addEventListener)(window, 'resize', this.responsivizePickerPosition, { passive: true }); this.responsivizePickerPosition(); this.disableScroll(); var focusedInput = this.props.focusedInput; if (focusedInput) { this.setState({ isDateRangePickerInputFocused: true }); } this.isTouchDevice = (0, _isTouchDevice2['default'])(); } return componentDidMount; }() }, { key: 'shouldComponentUpdate', value: function () { function shouldComponentUpdate(nextProps, nextState) { return (0, _reactAddonsShallowCompare2['default'])(this, nextProps, nextState); } return shouldComponentUpdate; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate(prevProps) { var focusedInput = this.props.focusedInput; if (!prevProps.focusedInput && focusedInput && this.isOpened()) { // The date picker just changed from being closed to being open. this.responsivizePickerPosition(); this.disableScroll(); } else if (prevProps.focusedInput && !focusedInput && !this.isOpened()) { // The date picker just changed from being open to being closed. if (this.enableScroll) this.enableScroll(); } } return componentDidUpdate; }() }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { if (this.removeEventListener) this.removeEventListener(); if (this.enableScroll) this.enableScroll(); } return componentWillUnmount; }() }, { key: 'onOutsideClick', value: function () { function onOutsideClick(event) { var _props = this.props, onFocusChange = _props.onFocusChange, onClose = _props.onClose, startDate = _props.startDate, endDate = _props.endDate, appendToBody = _props.appendToBody; if (!this.isOpened()) return; if (appendToBody && this.dayPickerContainer.contains(event.target)) return; this.setState({ isDateRangePickerInputFocused: false, isDayPickerFocused: false, showKeyboardShortcuts: false }); onFocusChange(null); onClose({ startDate: startDate, endDate: endDate }); } return onOutsideClick; }() }, { key: 'onDateRangePickerInputFocus', value: function () { function onDateRangePickerInputFocus(focusedInput) { var _props2 = this.props, onFocusChange = _props2.onFocusChange, readOnly = _props2.readOnly, withPortal = _props2.withPortal, withFullScreenPortal = _props2.withFullScreenPortal, keepFocusOnInput = _props2.keepFocusOnInput; if (focusedInput) { var withAnyPortal = withPortal || withFullScreenPortal; var moveFocusToDayPicker = withAnyPortal || readOnly && !keepFocusOnInput || this.isTouchDevice && !keepFocusOnInput; if (moveFocusToDayPicker) { this.onDayPickerFocus(); } else { this.onDayPickerBlur(); } } onFocusChange(focusedInput); } return onDateRangePickerInputFocus; }() }, { key: 'onDayPickerFocus', value: function () { function onDayPickerFocus() { var _props3 = this.props, focusedInput = _props3.focusedInput, onFocusChange = _props3.onFocusChange; if (!focusedInput) onFocusChange(_constants.START_DATE); this.setState({ isDateRangePickerInputFocused: false, isDayPickerFocused: true, showKeyboardShortcuts: false }); } return onDayPickerFocus; }() }, { key: 'onDayPickerBlur', value: function () { function onDayPickerBlur() { this.setState({ isDateRangePickerInputFocused: true, isDayPickerFocused: false, showKeyboardShortcuts: false }); } return onDayPickerBlur; }() }, { key: 'setDayPickerContainerRef', value: function () { function setDayPickerContainerRef(ref) { this.dayPickerContainer = ref; } return setDayPickerContainerRef; }() }, { key: 'setContainerRef', value: function () { function setContainerRef(ref) { this.container = ref; } return setContainerRef; }() }, { key: 'isOpened', value: function () { function isOpened() { var focusedInput = this.props.focusedInput; return focusedInput === _constants.START_DATE || focusedInput === _constants.END_DATE; } return isOpened; }() }, { key: 'disableScroll', value: function () { function disableScroll() { var _props4 = this.props, appendToBody = _props4.appendToBody, propDisableScroll = _props4.disableScroll; if (!appendToBody && !propDisableScroll) return; if (!this.isOpened()) return; // Disable scroll for every ancestor of this DateRangePicker up to the // document level. This ensures the input and the picker never move. Other // sibling elements or the picker itself can scroll. this.enableScroll = (0, _disableScroll3['default'])(this.container); } return disableScroll; }() }, { key: 'responsivizePickerPosition', value: function () { function responsivizePickerPosition() { // It's possible the portal props have been changed in response to window resizes // So let's ensure we reset this back to the base state each time this.setState({ dayPickerContainerStyles: {} }); if (!this.isOpened()) { return; } var _props5 = this.props, openDirection = _props5.openDirection, anchorDirection = _props5.anchorDirection, horizontalMargin = _props5.horizontalMargin, withPortal = _props5.withPortal, withFullScreenPortal = _props5.withFullScreenPortal, appendToBody = _props5.appendToBody; var dayPickerContainerStyles = this.state.dayPickerContainerStyles; var isAnchoredLeft = anchorDirection === _constants.ANCHOR_LEFT; if (!withPortal && !withFullScreenPortal) { var containerRect = this.dayPickerContainer.getBoundingClientRect(); var currentOffset = dayPickerContainerStyles[anchorDirection] || 0; var containerEdge = isAnchoredLeft ? containerRect[_constants.ANCHOR_RIGHT] : containerRect[_constants.ANCHOR_LEFT]; this.setState({ dayPickerContainerStyles: (0, _object2['default'])({}, (0, _getResponsiveContainerStyles2['default'])(anchorDirection, currentOffset, containerEdge, horizontalMargin), appendToBody && (0, _getDetachedContainerStyles2['default'])(openDirection, anchorDirection, this.container)) }); } } return responsivizePickerPosition; }() }, { key: 'showKeyboardShortcutsPanel', value: function () { function showKeyboardShortcutsPanel() { this.setState({ isDateRangePickerInputFocused: false, isDayPickerFocused: true, showKeyboardShortcuts: true }); } return showKeyboardShortcutsPanel; }() }, { key: 'maybeRenderDayPickerWithPortal', value: function () { function maybeRenderDayPickerWithPortal() { var _props6 = this.props, withPortal = _props6.withPortal, withFullScreenPortal = _props6.withFullScreenPortal, appendToBody = _props6.appendToBody; if (!this.isOpened()) { return null; } if (withPortal || withFullScreenPortal || appendToBody) { return _react2['default'].createElement( _reactPortal.Portal, null, this.renderDayPicker() ); } return this.renderDayPicker(); } return maybeRenderDayPickerWithPortal; }() }, { key: 'renderDayPicker', value: function () { function renderDayPicker() { var _props7 = this.props, anchorDirection = _props7.anchorDirection, openDirection = _props7.openDirection, isDayBlocked = _props7.isDayBlocked, isDayHighlighted = _props7.isDayHighlighted, isOutsideRange = _props7.isOutsideRange, numberOfMonths = _props7.numberOfMonths, orientation = _props7.orientation, monthFormat = _props7.monthFormat, renderMonthText = _props7.renderMonthText, navPrev = _props7.navPrev, navNext = _props7.navNext, onPrevMonthClick = _props7.onPrevMonthClick, onNextMonthClick = _props7.onNextMonthClick, onDatesChange = _props7.onDatesChange, onFocusChange = _props7.onFocusChange, withPortal = _props7.withPortal, withFullScreenPortal = _props7.withFullScreenPortal, daySize = _props7.daySize, enableOutsideDays = _props7.enableOutsideDays, focusedInput = _props7.focusedInput, startDate = _props7.startDate, endDate = _props7.endDate, minimumNights = _props7.minimumNights, keepOpenOnDateSelect = _props7.keepOpenOnDateSelect, renderCalendarDay = _props7.renderCalendarDay, renderDayContents = _props7.renderDayContents, renderCalendarInfo = _props7.renderCalendarInfo, renderMonthElement = _props7.renderMonthElement, calendarInfoPosition = _props7.calendarInfoPosition, firstDayOfWeek = _props7.firstDayOfWeek, initialVisibleMonth = _props7.initialVisibleMonth, hideKeyboardShortcutsPanel = _props7.hideKeyboardShortcutsPanel, customCloseIcon = _props7.customCloseIcon, onClose = _props7.onClose, phrases = _props7.phrases, dayAriaLabelFormat = _props7.dayAriaLabelFormat, isRTL = _props7.isRTL, weekDayFormat = _props7.weekDayFormat, styles = _props7.styles, verticalHeight = _props7.verticalHeight, transitionDuration = _props7.transitionDuration, verticalSpacing = _props7.verticalSpacing, small = _props7.small, disabled = _props7.disabled, reactDates = _props7.theme.reactDates; var _state = this.state, dayPickerContainerStyles = _state.dayPickerContainerStyles, isDayPickerFocused = _state.isDayPickerFocused, showKeyboardShortcuts = _state.showKeyboardShortcuts; var onOutsideClick = !withFullScreenPortal && withPortal ? this.onOutsideClick : undefined; var initialVisibleMonthThunk = initialVisibleMonth || function () { return startDate || endDate || (0, _moment2['default'])(); }; var closeIcon = customCloseIcon || _react2['default'].createElement(_CloseButton2['default'], (0, _reactWithStyles.css)(styles.DateRangePicker_closeButton_svg)); var inputHeight = (0, _getInputHeight2['default'])(reactDates, small); var withAnyPortal = withPortal || withFullScreenPortal; return _react2['default'].createElement( 'div', _extends({ // eslint-disable-line jsx-a11y/no-static-element-interactions ref: this.setDayPickerContainerRef }, (0, _reactWithStyles.css)(styles.DateRangePicker_picker, anchorDirection === _constants.ANCHOR_LEFT && styles.DateRangePicker_picker__directionLeft, anchorDirection === _constants.ANCHOR_RIGHT && styles.DateRangePicker_picker__directionRight, orientation === _constants.HORIZONTAL_ORIENTATION && styles.DateRangePicker_picker__horizontal, orientation === _constants.VERTICAL_ORIENTATION && styles.DateRangePicker_picker__vertical, !withAnyPortal && openDirection === _constants.OPEN_DOWN && { top: inputHeight + verticalSpacing }, !withAnyPortal && openDirection === _constants.OPEN_UP && { bottom: inputHeight + verticalSpacing }, withAnyPortal && styles.DateRangePicker_picker__portal, withFullScreenPortal && styles.DateRangePicker_picker__fullScreenPortal, isRTL && styles.DateRangePicker_picker__rtl, dayPickerContainerStyles), { onClick: onOutsideClick }), _react2['default'].createElement(_DayPickerRangeController2['default'], { orientation: orientation, enableOutsideDays: enableOutsideDays, numberOfMonths: numberOfMonths, onPrevMonthClick: onPrevMonthClick, onNextMonthClick: onNextMonthClick, onDatesChange: onDatesChange, onFocusChange: onFocusChange, onClose: onClose, focusedInput: focusedInput, startDate: startDate, endDate: endDate, monthFormat: monthFormat, renderMonthText: renderMonthText, withPortal: withAnyPortal, daySize: daySize, initialVisibleMonth: initialVisibleMonthThunk, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, navPrev: navPrev, navNext: navNext, minimumNights: minimumNights, isOutsideRange: isOutsideRange, isDayHighlighted: isDayHighlighted, isDayBlocked: isDayBlocked, keepOpenOnDateSelect: keepOpenOnDateSelect, renderCalendarDay: renderCalendarDay, renderDayContents: renderDayContents, renderCalendarInfo: renderCalendarInfo, renderMonthElement: renderMonthElement, calendarInfoPosition: calendarInfoPosition, isFocused: isDayPickerFocused, showKeyboardShortcuts: showKeyboardShortcuts, onBlur: this.onDayPickerBlur, phrases: phrases, dayAriaLabelFormat: dayAriaLabelFormat, isRTL: isRTL, firstDayOfWeek: firstDayOfWeek, weekDayFormat: weekDayFormat, verticalHeight: verticalHeight, transitionDuration: transitionDuration, disabled: disabled }), withFullScreenPortal && _react2['default'].createElement( 'button', _extends({}, (0, _reactWithStyles.css)(styles.DateRangePicker_closeButton), { type: 'button', onClick: this.onOutsideClick, 'aria-label': phrases.closeDatePicker }), closeIcon ) ); } return renderDayPicker; }() }, { key: 'render', value: function () { function render() { var _props8 = this.props, startDate = _props8.startDate, startDateId = _props8.startDateId, startDatePlaceholderText = _props8.startDatePlaceholderText, endDate = _props8.endDate, endDateId = _props8.endDateId, endDatePlaceholderText = _props8.endDatePlaceholderText, focusedInput = _props8.focusedInput, screenReaderInputMessage = _props8.screenReaderInputMessage, showClearDates = _props8.showClearDates, showDefaultInputIcon = _props8.showDefaultInputIcon, inputIconPosition = _props8.inputIconPosition, customInputIcon = _props8.customInputIcon, customArrowIcon = _props8.customArrowIcon, customCloseIcon = _props8.customCloseIcon, disabled = _props8.disabled, required = _props8.required, readOnly = _props8.readOnly, openDirection = _props8.openDirection, phrases = _props8.phrases, isOutsideRange = _props8.isOutsideRange, minimumNights = _props8.minimumNights, withPortal = _props8.withPortal, withFullScreenPortal = _props8.withFullScreenPortal, displayFormat = _props8.displayFormat, reopenPickerOnClearDates = _props8.reopenPickerOnClearDates, keepOpenOnDateSelect = _props8.keepOpenOnDateSelect, onDatesChange = _props8.onDatesChange, onClose = _props8.onClose, isRTL = _props8.isRTL, noBorder = _props8.noBorder, block = _props8.block, verticalSpacing = _props8.verticalSpacing, small = _props8.small, regular = _props8.regular, styles = _props8.styles; var isDateRangePickerInputFocused = this.state.isDateRangePickerInputFocused; var enableOutsideClick = !withPortal && !withFullScreenPortal; var hideFang = verticalSpacing < _constants.FANG_HEIGHT_PX; var input = _react2['default'].createElement(_DateRangePickerInputController2['default'], { startDate: startDate, startDateId: startDateId, startDatePlaceholderText: startDatePlaceholderText, isStartDateFocused: focusedInput === _constants.START_DATE, endDate: endDate, endDateId: endDateId, endDatePlaceholderText: endDatePlaceholderText, isEndDateFocused: focusedInput === _constants.END_DATE, displayFormat: displayFormat, showClearDates: showClearDates, showCaret: !withPortal && !withFullScreenPortal && !hideFang, showDefaultInputIcon: showDefaultInputIcon, inputIconPosition: inputIconPosition, customInputIcon: customInputIcon, customArrowIcon: customArrowIcon, customCloseIcon: customCloseIcon, disabled: disabled, required: required, readOnly: readOnly, openDirection: openDirection, reopenPickerOnClearDates: reopenPickerOnClearDates, keepOpenOnDateSelect: keepOpenOnDateSelect, isOutsideRange: isOutsideRange, minimumNights: minimumNights, withFullScreenPortal: withFullScreenPortal, onDatesChange: onDatesChange, onFocusChange: this.onDateRangePickerInputFocus, onKeyDownArrowDown: this.onDayPickerFocus, onKeyDownQuestionMark: this.showKeyboardShortcutsPanel, onClose: onClose, phrases: phrases, screenReaderMessage: screenReaderInputMessage, isFocused: isDateRangePickerInputFocused, isRTL: isRTL, noBorder: noBorder, block: block, small: small, regular: regular, verticalSpacing: verticalSpacing }); return _react2['default'].createElement( 'div', _extends({ ref: this.setContainerRef }, (0, _reactWithStyles.css)(styles.DateRangePicker, block && styles.DateRangePicker__block)), enableOutsideClick && _react2['default'].createElement( _reactOutsideClickHandler2['default'], { onOutsideClick: this.onOutsideClick }, input, this.maybeRenderDayPickerWithPortal() ), !enableOutsideClick && input, !enableOutsideClick && this.maybeRenderDayPickerWithPortal() ); } return render; }() }]); return DateRangePicker; }(_react2['default'].Component); DateRangePicker.propTypes = propTypes; DateRangePicker.defaultProps = defaultProps; exports.PureDateRangePicker = DateRangePicker; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref) { var _ref$reactDates = _ref.reactDates, color = _ref$reactDates.color, zIndex = _ref$reactDates.zIndex; return { DateRangePicker: { position: 'relative', display: 'inline-block' }, DateRangePicker__block: { display: 'block' }, DateRangePicker_picker: { zIndex: zIndex + 1, backgroundColor: color.background, position: 'absolute' }, DateRangePicker_picker__rtl: { direction: 'rtl' }, DateRangePicker_picker__directionLeft: { left: 0 }, DateRangePicker_picker__directionRight: { right: 0 }, DateRangePicker_picker__portal: { backgroundColor: 'rgba(0, 0, 0, 0.3)', position: 'fixed', top: 0, left: 0, height: '100%', width: '100%' }, DateRangePicker_picker__fullScreenPortal: { backgroundColor: color.background }, DateRangePicker_closeButton: { background: 'none', border: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', cursor: 'pointer', position: 'absolute', top: 0, right: 0, padding: 15, zIndex: zIndex + 2, ':hover': { color: 'darken(' + String(color.core.grayLighter) + ', 10%)', textDecoration: 'none' }, ':focus': { color: 'darken(' + String(color.core.grayLighter) + ', 10%)', textDecoration: 'none' } }, DateRangePicker_closeButton_svg: { height: 15, width: 15, fill: color.core.grayLighter } }; })(DateRangePicker); /***/ }), /* 242 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); 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; }; }(); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _consolidatedEvents = __webpack_require__(91); var _object = __webpack_require__(112); var _object2 = _interopRequireDefault(_object); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var DISPLAY = { BLOCK: 'block', FLEX: 'flex', INLINE_BLOCK: 'inline-block' }; var propTypes = (0, _airbnbPropTypes.forbidExtraProps)({ children: _propTypes2['default'].node.isRequired, onOutsideClick: _propTypes2['default'].func.isRequired, disabled: _propTypes2['default'].bool, useCapture: _propTypes2['default'].bool, display: _propTypes2['default'].oneOf((0, _object2['default'])(DISPLAY)) }); var defaultProps = { disabled: false, // `useCapture` is set to true by default so that a `stopPropagation` in the // children will not prevent all outside click handlers from firing - maja useCapture: true, display: DISPLAY.BLOCK }; var OutsideClickHandler = function (_React$Component) { _inherits(OutsideClickHandler, _React$Component); function OutsideClickHandler() { var _ref; _classCallCheck(this, OutsideClickHandler); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var _this = _possibleConstructorReturn(this, (_ref = OutsideClickHandler.__proto__ || Object.getPrototypeOf(OutsideClickHandler)).call.apply(_ref, [this].concat(args))); _this.onMouseDown = _this.onMouseDown.bind(_this); _this.onMouseUp = _this.onMouseUp.bind(_this); _this.setChildNodeRef = _this.setChildNodeRef.bind(_this); return _this; } _createClass(OutsideClickHandler, [{ key: 'componentDidMount', value: function () { function componentDidMount() { var _props = this.props, disabled = _props.disabled, useCapture = _props.useCapture; if (!disabled) this.addMouseDownEventListener(useCapture); } return componentDidMount; }() }, { key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(_ref2) { var disabled = _ref2.disabled, useCapture = _ref2.useCapture; var prevDisabled = this.props.disabled; if (prevDisabled !== disabled) { if (disabled) { this.removeEventListeners(); } else { this.addMouseDownEventListener(useCapture); } } } return componentWillReceiveProps; }() }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { this.removeEventListeners(); } return componentWillUnmount; }() // Use mousedown/mouseup to enforce that clicks remain outside the root's // descendant tree, even when dragged. This should also get triggered on // touch devices. }, { key: 'onMouseDown', value: function () { function onMouseDown(e) { var useCapture = this.props.useCapture; var isDescendantOfRoot = this.childNode && this.childNode.contains(e.target); if (!isDescendantOfRoot) { this.removeMouseUp = (0, _consolidatedEvents.addEventListener)(document, 'mouseup', this.onMouseUp, { capture: useCapture }); } } return onMouseDown; }() // Use mousedown/mouseup to enforce that clicks remain outside the root's // descendant tree, even when dragged. This should also get triggered on // touch devices. }, { key: 'onMouseUp', value: function () { function onMouseUp(e) { var onOutsideClick = this.props.onOutsideClick; var isDescendantOfRoot = this.childNode && this.childNode.contains(e.target); if (this.removeMouseUp) this.removeMouseUp(); this.removeMouseUp = null; if (!isDescendantOfRoot) { onOutsideClick(e); } } return onMouseUp; }() }, { key: 'setChildNodeRef', value: function () { function setChildNodeRef(ref) { this.childNode = ref; } return setChildNodeRef; }() }, { key: 'addMouseDownEventListener', value: function () { function addMouseDownEventListener(useCapture) { this.removeMouseDown = (0, _consolidatedEvents.addEventListener)(document, 'mousedown', this.onMouseDown, { capture: useCapture }); } return addMouseDownEventListener; }() }, { key: 'removeEventListeners', value: function () { function removeEventListeners() { if (this.removeMouseDown) this.removeMouseDown(); if (this.removeMouseUp) this.removeMouseUp(); } return removeEventListeners; }() }, { key: 'render', value: function () { function render() { var _props2 = this.props, children = _props2.children, display = _props2.display; return _react2['default'].createElement( 'div', { ref: this.setChildNodeRef, style: display !== DISPLAY.BLOCK && (0, _object2['default'])(DISPLAY).includes(display) ? { display: display } : undefined }, children ); } return render; }() }]); return OutsideClickHandler; }(_react2['default'].Component); exports['default'] = OutsideClickHandler; OutsideClickHandler.propTypes = propTypes; OutsideClickHandler.defaultProps = defaultProps; /***/ }), /* 243 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(129); /***/ }), /* 244 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var getPolyfill = __webpack_require__(150); var define = __webpack_require__(63); module.exports = function shimValues() { var polyfill = getPolyfill(); define(Object, { values: polyfill }, { values: function testValues() { return Object.values !== polyfill; } }); return polyfill; }; /***/ }), /* 245 */ /***/ (function(module, exports, __webpack_require__) { var isObject = __webpack_require__(114), now = __webpack_require__(246), toNumber = __webpack_require__(248); /** Error message constants. */ var FUNC_ERROR_TEXT = 'Expected a function'; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max, nativeMin = Math.min; /** * Creates a debounced function that delays invoking `func` until after `wait` * milliseconds have elapsed since the last time the debounced function was * invoked. The debounced function comes with a `cancel` method to cancel * delayed `func` invocations and a `flush` method to immediately invoke them. * Provide `options` to indicate whether `func` should be invoked on the * leading and/or trailing edge of the `wait` timeout. The `func` is invoked * with the last arguments provided to the debounced function. Subsequent * calls to the debounced function return the result of the last `func` * invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the debounced function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.debounce` and `_.throttle`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to debounce. * @param {number} [wait=0] The number of milliseconds to delay. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=false] * Specify invoking on the leading edge of the timeout. * @param {number} [options.maxWait] * The maximum time `func` is allowed to be delayed before it's invoked. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new debounced function. * @example * * // Avoid costly calculations while the window size is in flux. * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); * * // Invoke `sendMail` when clicked, debouncing subsequent calls. * jQuery(element).on('click', _.debounce(sendMail, 300, { * 'leading': true, * 'trailing': false * })); * * // Ensure `batchLog` is invoked once after 1 second of debounced calls. * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); * var source = new EventSource('/stream'); * jQuery(source).on('message', debounced); * * // Cancel the trailing debounced invocation. * jQuery(window).on('popstate', debounced.cancel); */ function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } wait = toNumber(wait) || 0; if (isObject(options)) { leading = !!options.leading; maxing = 'maxWait' in options; maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; trailing = 'trailing' in options ? !!options.trailing : trailing; } function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; lastArgs = lastThis = undefined; lastInvokeTime = time; result = func.apply(thisArg, args); return result; } function leadingEdge(time) { // Reset any `maxWait` timer. lastInvokeTime = time; // Start the timer for the trailing edge. timerId = setTimeout(timerExpired, wait); // Invoke the leading edge. return leading ? invokeFunc(time) : result; } function remainingWait(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall; return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the // trailing edge, the system time has gone backwards and we're treating // it as the trailing edge, or we've hit the `maxWait` limit. return (lastCallTime === undefined || (timeSinceLastCall >= wait) || (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait)); } function timerExpired() { var time = now(); if (shouldInvoke(time)) { return trailingEdge(time); } // Restart the timer. timerId = setTimeout(timerExpired, remainingWait(time)); } function trailingEdge(time) { timerId = undefined; // Only invoke if we have `lastArgs` which means `func` has been // debounced at least once. if (trailing && lastArgs) { return invokeFunc(time); } lastArgs = lastThis = undefined; return result; } function cancel() { if (timerId !== undefined) { clearTimeout(timerId); } lastInvokeTime = 0; lastArgs = lastCallTime = lastThis = timerId = undefined; } function flush() { return timerId === undefined ? result : trailingEdge(now()); } function debounced() { var time = now(), isInvoking = shouldInvoke(time); lastArgs = arguments; lastThis = this; lastCallTime = time; if (isInvoking) { if (timerId === undefined) { return leadingEdge(lastCallTime); } if (maxing) { // Handle invocations in a tight loop. timerId = setTimeout(timerExpired, wait); return invokeFunc(lastCallTime); } } if (timerId === undefined) { timerId = setTimeout(timerExpired, wait); } return result; } debounced.cancel = cancel; debounced.flush = flush; return debounced; } module.exports = debounce; /***/ }), /* 246 */ /***/ (function(module, exports, __webpack_require__) { var root = __webpack_require__(162); /** * Gets the timestamp of the number of milliseconds that have elapsed since * the Unix epoch (1 January 1970 00:00:00 UTC). * * @static * @memberOf _ * @since 2.4.0 * @category Date * @returns {number} Returns the timestamp. * @example * * _.defer(function(stamp) { * console.log(_.now() - stamp); * }, _.now()); * // => Logs the number of milliseconds it took for the deferred invocation. */ var now = function() { return root.Date.now(); }; module.exports = now; /***/ }), /* 247 */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */ var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; module.exports = freeGlobal; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51))) /***/ }), /* 248 */ /***/ (function(module, exports, __webpack_require__) { var isObject = __webpack_require__(114), isSymbol = __webpack_require__(249); /** Used as references for various `Number` constants. */ var NAN = 0 / 0; /** Used to match leading and trailing whitespace. */ var reTrim = /^\s+|\s+$/g; /** Used to detect bad signed hexadecimal string values. */ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; /** Used to detect binary string values. */ var reIsBinary = /^0b[01]+$/i; /** Used to detect octal string values. */ var reIsOctal = /^0o[0-7]+$/i; /** Built-in method references without a dependency on `root`. */ var freeParseInt = parseInt; /** * Converts `value` to a number. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to process. * @returns {number} Returns the number. * @example * * _.toNumber(3.2); * // => 3.2 * * _.toNumber(Number.MIN_VALUE); * // => 5e-324 * * _.toNumber(Infinity); * // => Infinity * * _.toNumber('3.2'); * // => 3.2 */ function toNumber(value) { if (typeof value == 'number') { return value; } if (isSymbol(value)) { return NAN; } if (isObject(value)) { var other = typeof value.valueOf == 'function' ? value.valueOf() : value; value = isObject(other) ? (other + '') : other; } if (typeof value != 'string') { return value === 0 ? value : +value; } value = value.replace(reTrim, ''); var isBinary = reIsBinary.test(value); return (isBinary || reIsOctal.test(value)) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : (reIsBadHex.test(value) ? NAN : +value); } module.exports = toNumber; /***/ }), /* 249 */ /***/ (function(module, exports, __webpack_require__) { var baseGetTag = __webpack_require__(250), isObjectLike = __webpack_require__(253); /** `Object#toString` result references. */ var symbolTag = '[object Symbol]'; /** * Checks if `value` is classified as a `Symbol` primitive or object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. * @example * * _.isSymbol(Symbol.iterator); * // => true * * _.isSymbol('abc'); * // => false */ function isSymbol(value) { return typeof value == 'symbol' || (isObjectLike(value) && baseGetTag(value) == symbolTag); } module.exports = isSymbol; /***/ }), /* 250 */ /***/ (function(module, exports, __webpack_require__) { var Symbol = __webpack_require__(163), getRawTag = __webpack_require__(251), objectToString = __webpack_require__(252); /** `Object#toString` result references. */ var nullTag = '[object Null]', undefinedTag = '[object Undefined]'; /** Built-in value references. */ var symToStringTag = Symbol ? Symbol.toStringTag : undefined; /** * The base implementation of `getTag` without fallbacks for buggy environments. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ function baseGetTag(value) { if (value == null) { return value === undefined ? undefinedTag : nullTag; } return (symToStringTag && symToStringTag in Object(value)) ? getRawTag(value) : objectToString(value); } module.exports = baseGetTag; /***/ }), /* 251 */ /***/ (function(module, exports, __webpack_require__) { var Symbol = __webpack_require__(163); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Used to resolve the * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) * of values. */ var nativeObjectToString = objectProto.toString; /** Built-in value references. */ var symToStringTag = Symbol ? Symbol.toStringTag : undefined; /** * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values. * * @private * @param {*} value The value to query. * @returns {string} Returns the raw `toStringTag`. */ function getRawTag(value) { var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag]; try { value[symToStringTag] = undefined; var unmasked = true; } catch (e) {} var result = nativeObjectToString.call(value); if (unmasked) { if (isOwn) { value[symToStringTag] = tag; } else { delete value[symToStringTag]; } } return result; } module.exports = getRawTag; /***/ }), /* 252 */ /***/ (function(module, exports) { /** Used for built-in method references. */ var objectProto = Object.prototype; /** * Used to resolve the * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) * of values. */ var nativeObjectToString = objectProto.toString; /** * Converts `value` to a string using `Object.prototype.toString`. * * @private * @param {*} value The value to convert. * @returns {string} Returns the converted string. */ function objectToString(value) { return nativeObjectToString.call(value); } module.exports = objectToString; /***/ }), /* 253 */ /***/ (function(module, exports) { /** * Checks if `value` is object-like. A value is object-like if it's not `null` * and has a `typeof` result of "object". * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is object-like, else `false`. * @example * * _.isObjectLike({}); * // => true * * _.isObjectLike([1, 2, 3]); * // => true * * _.isObjectLike(_.noop); * // => false * * _.isObjectLike(null); * // => false */ function isObjectLike(value) { return value != null && typeof value == 'object'; } module.exports = isObjectLike; /***/ }), /* 254 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = getSelectedDateOffset; var defaultModifier = function defaultModifier(day) { return day; }; function getSelectedDateOffset(fn, day) { var modifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultModifier; if (!fn) return day; return modifier(fn(day.clone())); } /***/ }), /* 255 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _LeftArrow = __webpack_require__(165); var _LeftArrow2 = _interopRequireDefault(_LeftArrow); var _RightArrow = __webpack_require__(164); var _RightArrow2 = _interopRequireDefault(_RightArrow); var _ChevronUp = __webpack_require__(256); var _ChevronUp2 = _interopRequireDefault(_ChevronUp); var _ChevronDown = __webpack_require__(257); var _ChevronDown2 = _interopRequireDefault(_ChevronDown); var _ScrollableOrientationShape = __webpack_require__(72); var _ScrollableOrientationShape2 = _interopRequireDefault(_ScrollableOrientationShape); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { navPrev: _propTypes2['default'].node, navNext: _propTypes2['default'].node, orientation: _ScrollableOrientationShape2['default'], onPrevMonthClick: _propTypes2['default'].func, onNextMonthClick: _propTypes2['default'].func, // internationalization phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DayPickerNavigationPhrases)), isRTL: _propTypes2['default'].bool })); var defaultProps = { navPrev: null, navNext: null, orientation: _constants.HORIZONTAL_ORIENTATION, onPrevMonthClick: function () { function onPrevMonthClick() {} return onPrevMonthClick; }(), onNextMonthClick: function () { function onNextMonthClick() {} return onNextMonthClick; }(), // internationalization phrases: _defaultPhrases.DayPickerNavigationPhrases, isRTL: false }; function DayPickerNavigation(_ref) { var navPrev = _ref.navPrev, navNext = _ref.navNext, onPrevMonthClick = _ref.onPrevMonthClick, onNextMonthClick = _ref.onNextMonthClick, orientation = _ref.orientation, phrases = _ref.phrases, isRTL = _ref.isRTL, styles = _ref.styles; var isHorizontal = orientation === _constants.HORIZONTAL_ORIENTATION; var isVertical = orientation !== _constants.HORIZONTAL_ORIENTATION; var isVerticalScrollable = orientation === _constants.VERTICAL_SCROLLABLE; var navPrevIcon = navPrev; var navNextIcon = navNext; var isDefaultNavPrev = false; var isDefaultNavNext = false; if (!navPrevIcon) { isDefaultNavPrev = true; var Icon = isVertical ? _ChevronUp2['default'] : _LeftArrow2['default']; if (isRTL && !isVertical) { Icon = _RightArrow2['default']; } navPrevIcon = _react2['default'].createElement(Icon, (0, _reactWithStyles.css)(isHorizontal && styles.DayPickerNavigation_svg__horizontal, isVertical && styles.DayPickerNavigation_svg__vertical)); } if (!navNextIcon) { isDefaultNavNext = true; var _Icon = isVertical ? _ChevronDown2['default'] : _RightArrow2['default']; if (isRTL && !isVertical) { _Icon = _LeftArrow2['default']; } navNextIcon = _react2['default'].createElement(_Icon, (0, _reactWithStyles.css)(isHorizontal && styles.DayPickerNavigation_svg__horizontal, isVertical && styles.DayPickerNavigation_svg__vertical)); } var isDefaultNav = isVerticalScrollable ? isDefaultNavNext : isDefaultNavNext || isDefaultNavPrev; return _react2['default'].createElement( 'div', _reactWithStyles.css.apply(undefined, [styles.DayPickerNavigation, isHorizontal && styles.DayPickerNavigation__horizontal].concat(_toConsumableArray(isVertical && [styles.DayPickerNavigation__vertical, isDefaultNav && styles.DayPickerNavigation__verticalDefault]), _toConsumableArray(isVerticalScrollable && [styles.DayPickerNavigation__verticalScrollable, isDefaultNav && styles.DayPickerNavigation__verticalScrollableDefault]))), !isVerticalScrollable && _react2['default'].createElement( 'div', _extends({ role: 'button', tabIndex: '0' }, _reactWithStyles.css.apply(undefined, [styles.DayPickerNavigation_button, isDefaultNavPrev && styles.DayPickerNavigation_button__default].concat(_toConsumableArray(isHorizontal && [styles.DayPickerNavigation_button__horizontal].concat(_toConsumableArray(isDefaultNavPrev && [styles.DayPickerNavigation_button__horizontalDefault, !isRTL && styles.DayPickerNavigation_leftButton__horizontalDefault, isRTL && styles.DayPickerNavigation_rightButton__horizontalDefault]))), _toConsumableArray(isVertical && [styles.DayPickerNavigation_button__vertical].concat(_toConsumableArray(isDefaultNavPrev && [styles.DayPickerNavigation_button__verticalDefault, styles.DayPickerNavigation_prevButton__verticalDefault]))))), { 'aria-label': phrases.jumpToPrevMonth, onClick: onPrevMonthClick, onKeyUp: function () { function onKeyUp(e) { var key = e.key; if (key === 'Enter' || key === ' ') onPrevMonthClick(e); } return onKeyUp; }(), onMouseUp: function () { function onMouseUp(e) { e.currentTarget.blur(); } return onMouseUp; }() }), navPrevIcon ), _react2['default'].createElement( 'div', _extends({ role: 'button', tabIndex: '0' }, _reactWithStyles.css.apply(undefined, [styles.DayPickerNavigation_button, isDefaultNavNext && styles.DayPickerNavigation_button__default].concat(_toConsumableArray(isHorizontal && [styles.DayPickerNavigation_button__horizontal].concat(_toConsumableArray(isDefaultNavNext && [styles.DayPickerNavigation_button__horizontalDefault, isRTL && styles.DayPickerNavigation_leftButton__horizontalDefault, !isRTL && styles.DayPickerNavigation_rightButton__horizontalDefault]))), _toConsumableArray(isVertical && [styles.DayPickerNavigation_button__vertical, styles.DayPickerNavigation_nextButton__vertical].concat(_toConsumableArray(isDefaultNavNext && [styles.DayPickerNavigation_button__verticalDefault, styles.DayPickerNavigation_nextButton__verticalDefault, isVerticalScrollable && styles.DayPickerNavigation_nextButton__verticalScrollableDefault]))))), { 'aria-label': phrases.jumpToNextMonth, onClick: onNextMonthClick, onKeyUp: function () { function onKeyUp(e) { var key = e.key; if (key === 'Enter' || key === ' ') onNextMonthClick(e); } return onKeyUp; }(), onMouseUp: function () { function onMouseUp(e) { e.currentTarget.blur(); } return onMouseUp; }() }), navNextIcon ) ); } DayPickerNavigation.propTypes = propTypes; DayPickerNavigation.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var _ref2$reactDates = _ref2.reactDates, color = _ref2$reactDates.color, zIndex = _ref2$reactDates.zIndex; return { DayPickerNavigation: { position: 'relative', zIndex: zIndex + 2 }, DayPickerNavigation__horizontal: { height: 0 }, DayPickerNavigation__vertical: {}, DayPickerNavigation__verticalScrollable: {}, DayPickerNavigation__verticalDefault: { position: 'absolute', width: '100%', height: 52, bottom: 0, left: 0 }, DayPickerNavigation__verticalScrollableDefault: { position: 'relative' }, DayPickerNavigation_button: { cursor: 'pointer', userSelect: 'none', border: 0, padding: 0, margin: 0 }, DayPickerNavigation_button__default: { border: '1px solid ' + String(color.core.borderLight), backgroundColor: color.background, color: color.placeholderText, ':focus': { border: '1px solid ' + String(color.core.borderMedium) }, ':hover': { border: '1px solid ' + String(color.core.borderMedium) }, ':active': { background: color.backgroundDark } }, DayPickerNavigation_button__horizontal: {}, DayPickerNavigation_button__horizontalDefault: { position: 'absolute', top: 18, lineHeight: 0.78, borderRadius: 3, padding: '6px 9px' }, DayPickerNavigation_leftButton__horizontalDefault: { left: 22 }, DayPickerNavigation_rightButton__horizontalDefault: { right: 22 }, DayPickerNavigation_button__vertical: {}, DayPickerNavigation_button__verticalDefault: { padding: 5, background: color.background, boxShadow: '0 0 5px 2px rgba(0, 0, 0, 0.1)', position: 'relative', display: 'inline-block', height: '100%', width: '50%' }, DayPickerNavigation_prevButton__verticalDefault: {}, DayPickerNavigation_nextButton__verticalDefault: { borderLeft: 0 }, DayPickerNavigation_nextButton__verticalScrollableDefault: { width: '100%' }, DayPickerNavigation_svg__horizontal: { height: 19, width: 19, fill: color.core.grayLight, display: 'block' }, DayPickerNavigation_svg__vertical: { height: 42, width: 42, fill: color.text, display: 'block' } }; })(DayPickerNavigation); /***/ }), /* 256 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var ChevronUp = function () { function ChevronUp(props) { return _react2['default'].createElement( 'svg', props, _react2['default'].createElement('path', { d: 'M32.1 712.6l453.2-452.2c11-11 21-11 32 0l453.2 452.2c4 5 6 10 6 16 0 13-10 23-22 23-7 0-12-2-16-7L501.3 308.5 64.1 744.7c-4 5-9 7-15 7-7 0-12-2-17-7-9-11-9-21 0-32.1z' }) ); } return ChevronUp; }(); ChevronUp.defaultProps = { viewBox: '0 0 1000 1000' }; exports['default'] = ChevronUp; /***/ }), /* 257 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var ChevronDown = function () { function ChevronDown(props) { return _react2['default'].createElement( 'svg', props, _react2['default'].createElement('path', { d: 'M967.5 288.5L514.3 740.7c-11 11-21 11-32 0L29.1 288.5c-4-5-6-11-6-16 0-13 10-23 23-23 6 0 11 2 15 7l437.2 436.2 437.2-436.2c4-5 9-7 16-7 6 0 11 2 16 7 9 10.9 9 21 0 32z' }) ); } return ChevronDown; }(); ChevronDown.defaultProps = { viewBox: '0 0 1000 1000' }; exports['default'] = ChevronDown; /***/ }), /* 258 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.BOTTOM_RIGHT = exports.TOP_RIGHT = exports.TOP_LEFT = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); var _defaultPhrases = __webpack_require__(43); var _getPhrasePropTypes = __webpack_require__(47); var _getPhrasePropTypes2 = _interopRequireDefault(_getPhrasePropTypes); var _KeyboardShortcutRow = __webpack_require__(259); var _KeyboardShortcutRow2 = _interopRequireDefault(_KeyboardShortcutRow); var _CloseButton = __webpack_require__(84); var _CloseButton2 = _interopRequireDefault(_CloseButton); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var TOP_LEFT = exports.TOP_LEFT = 'top-left'; var TOP_RIGHT = exports.TOP_RIGHT = 'top-right'; var BOTTOM_RIGHT = exports.BOTTOM_RIGHT = 'bottom-right'; var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { block: _propTypes2['default'].bool, buttonLocation: _propTypes2['default'].oneOf([TOP_LEFT, TOP_RIGHT, BOTTOM_RIGHT]), showKeyboardShortcutsPanel: _propTypes2['default'].bool, openKeyboardShortcutsPanel: _propTypes2['default'].func, closeKeyboardShortcutsPanel: _propTypes2['default'].func, phrases: _propTypes2['default'].shape((0, _getPhrasePropTypes2['default'])(_defaultPhrases.DayPickerKeyboardShortcutsPhrases)) })); var defaultProps = { block: false, buttonLocation: BOTTOM_RIGHT, showKeyboardShortcutsPanel: false, openKeyboardShortcutsPanel: function () { function openKeyboardShortcutsPanel() {} return openKeyboardShortcutsPanel; }(), closeKeyboardShortcutsPanel: function () { function closeKeyboardShortcutsPanel() {} return closeKeyboardShortcutsPanel; }(), phrases: _defaultPhrases.DayPickerKeyboardShortcutsPhrases }; function getKeyboardShortcuts(phrases) { return [{ unicode: '↵', label: phrases.enterKey, action: phrases.selectFocusedDate }, { unicode: '←/→', label: phrases.leftArrowRightArrow, action: phrases.moveFocusByOneDay }, { unicode: '↑/↓', label: phrases.upArrowDownArrow, action: phrases.moveFocusByOneWeek }, { unicode: 'PgUp/PgDn', label: phrases.pageUpPageDown, action: phrases.moveFocusByOneMonth }, { unicode: 'Home/End', label: phrases.homeEnd, action: phrases.moveFocustoStartAndEndOfWeek }, { unicode: 'Esc', label: phrases.escape, action: phrases.returnFocusToInput }, { unicode: '?', label: phrases.questionMark, action: phrases.openThisPanel }]; } var DayPickerKeyboardShortcuts = function (_React$Component) { _inherits(DayPickerKeyboardShortcuts, _React$Component); function DayPickerKeyboardShortcuts() { var _ref; _classCallCheck(this, DayPickerKeyboardShortcuts); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var _this = _possibleConstructorReturn(this, (_ref = DayPickerKeyboardShortcuts.__proto__ || Object.getPrototypeOf(DayPickerKeyboardShortcuts)).call.apply(_ref, [this].concat(args))); var phrases = _this.props.phrases; _this.keyboardShortcuts = getKeyboardShortcuts(phrases); _this.onShowKeyboardShortcutsButtonClick = _this.onShowKeyboardShortcutsButtonClick.bind(_this); _this.setShowKeyboardShortcutsButtonRef = _this.setShowKeyboardShortcutsButtonRef.bind(_this); _this.setHideKeyboardShortcutsButtonRef = _this.setHideKeyboardShortcutsButtonRef.bind(_this); _this.handleFocus = _this.handleFocus.bind(_this); _this.onKeyDown = _this.onKeyDown.bind(_this); return _this; } _createClass(DayPickerKeyboardShortcuts, [{ key: 'componentWillReceiveProps', value: function () { function componentWillReceiveProps(nextProps) { var phrases = this.props.phrases; if (nextProps.phrases !== phrases) { this.keyboardShortcuts = getKeyboardShortcuts(nextProps.phrases); } } return componentWillReceiveProps; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate() { this.handleFocus(); } return componentDidUpdate; }() }, { key: 'onKeyDown', value: function () { function onKeyDown(e) { e.stopPropagation(); var closeKeyboardShortcutsPanel = this.props.closeKeyboardShortcutsPanel; // Because the close button is the only focusable element inside of the panel, this // amounts to a very basic focus trap. The user can exit the panel by "pressing" the // close button or hitting escape switch (e.key) { case 'Enter': case ' ': case 'Spacebar': // for older browsers case 'Escape': closeKeyboardShortcutsPanel(); break; // do nothing - this allows the up and down arrows continue their // default behavior of scrolling the content of the Keyboard Shortcuts Panel // which is needed when only a single month is shown for instance. case 'ArrowUp': case 'ArrowDown': break; // completely block the rest of the keys that have functionality outside of this panel case 'Tab': case 'Home': case 'End': case 'PageUp': case 'PageDown': case 'ArrowLeft': case 'ArrowRight': e.preventDefault(); break; default: break; } } return onKeyDown; }() }, { key: 'onShowKeyboardShortcutsButtonClick', value: function () { function onShowKeyboardShortcutsButtonClick() { var _this2 = this; var openKeyboardShortcutsPanel = this.props.openKeyboardShortcutsPanel; // we want to return focus to this button after closing the keyboard shortcuts panel openKeyboardShortcutsPanel(function () { _this2.showKeyboardShortcutsButton.focus(); }); } return onShowKeyboardShortcutsButtonClick; }() }, { key: 'setShowKeyboardShortcutsButtonRef', value: function () { function setShowKeyboardShortcutsButtonRef(ref) { this.showKeyboardShortcutsButton = ref; } return setShowKeyboardShortcutsButtonRef; }() }, { key: 'setHideKeyboardShortcutsButtonRef', value: function () { function setHideKeyboardShortcutsButtonRef(ref) { this.hideKeyboardShortcutsButton = ref; } return setHideKeyboardShortcutsButtonRef; }() }, { key: 'handleFocus', value: function () { function handleFocus() { if (this.hideKeyboardShortcutsButton) { // automatically move focus into the dialog by moving // to the only interactive element, the hide button this.hideKeyboardShortcutsButton.focus(); } } return handleFocus; }() }, { key: 'render', value: function () { function render() { var _this3 = this; var _props = this.props, block = _props.block, buttonLocation = _props.buttonLocation, showKeyboardShortcutsPanel = _props.showKeyboardShortcutsPanel, closeKeyboardShortcutsPanel = _props.closeKeyboardShortcutsPanel, styles = _props.styles, phrases = _props.phrases; var toggleButtonText = showKeyboardShortcutsPanel ? phrases.hideKeyboardShortcutsPanel : phrases.showKeyboardShortcutsPanel; var bottomRight = buttonLocation === BOTTOM_RIGHT; var topRight = buttonLocation === TOP_RIGHT; var topLeft = buttonLocation === TOP_LEFT; return _react2['default'].createElement( 'div', null, _react2['default'].createElement( 'button', _extends({ ref: this.setShowKeyboardShortcutsButtonRef }, (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_buttonReset, styles.DayPickerKeyboardShortcuts_show, bottomRight && styles.DayPickerKeyboardShortcuts_show__bottomRight, topRight && styles.DayPickerKeyboardShortcuts_show__topRight, topLeft && styles.DayPickerKeyboardShortcuts_show__topLeft), { type: 'button', 'aria-label': toggleButtonText, onClick: this.onShowKeyboardShortcutsButtonClick, onKeyDown: function () { function onKeyDown(e) { if (e.key === 'Enter') { e.preventDefault(); } else if (e.key === 'Space') { _this3.onShowKeyboardShortcutsButtonClick(e); } } return onKeyDown; }(), onMouseUp: function () { function onMouseUp(e) { e.currentTarget.blur(); } return onMouseUp; }() }), _react2['default'].createElement( 'span', (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_showSpan, bottomRight && styles.DayPickerKeyboardShortcuts_showSpan__bottomRight, topRight && styles.DayPickerKeyboardShortcuts_showSpan__topRight, topLeft && styles.DayPickerKeyboardShortcuts_showSpan__topLeft), '?' ) ), showKeyboardShortcutsPanel && _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_panel), { role: 'dialog', 'aria-labelledby': 'DayPickerKeyboardShortcuts_title', 'aria-describedby': 'DayPickerKeyboardShortcuts_description' }), _react2['default'].createElement( 'div', _extends({}, (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_title), { id: 'DayPickerKeyboardShortcuts_title' }), phrases.keyboardShortcuts ), _react2['default'].createElement( 'button', _extends({ ref: this.setHideKeyboardShortcutsButtonRef }, (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_buttonReset, styles.DayPickerKeyboardShortcuts_close), { type: 'button', tabIndex: '0', 'aria-label': phrases.hideKeyboardShortcutsPanel, onClick: closeKeyboardShortcutsPanel, onKeyDown: this.onKeyDown }), _react2['default'].createElement(_CloseButton2['default'], (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_closeSvg)) ), _react2['default'].createElement( 'ul', _extends({}, (0, _reactWithStyles.css)(styles.DayPickerKeyboardShortcuts_list), { id: 'DayPickerKeyboardShortcuts_description' }), this.keyboardShortcuts.map(function (_ref2) { var unicode = _ref2.unicode, label = _ref2.label, action = _ref2.action; return _react2['default'].createElement(_KeyboardShortcutRow2['default'], { key: label, unicode: unicode, label: label, action: action, block: block }); }) ) ) ); } return render; }() }]); return DayPickerKeyboardShortcuts; }(_react2['default'].Component); DayPickerKeyboardShortcuts.propTypes = propTypes; DayPickerKeyboardShortcuts.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref3) { var _ref3$reactDates = _ref3.reactDates, color = _ref3$reactDates.color, font = _ref3$reactDates.font, zIndex = _ref3$reactDates.zIndex; return { DayPickerKeyboardShortcuts_buttonReset: { background: 'none', border: 0, borderRadius: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', padding: 0, cursor: 'pointer', fontSize: font.size, ':active': { outline: 'none' } }, DayPickerKeyboardShortcuts_show: { width: 22, position: 'absolute', zIndex: zIndex + 2 }, DayPickerKeyboardShortcuts_show__bottomRight: { borderTop: '26px solid transparent', borderRight: '33px solid ' + String(color.core.primary), bottom: 0, right: 0, ':hover': { borderRight: '33px solid ' + String(color.core.primary_dark) } }, DayPickerKeyboardShortcuts_show__topRight: { borderBottom: '26px solid transparent', borderRight: '33px solid ' + String(color.core.primary), top: 0, right: 0, ':hover': { borderRight: '33px solid ' + String(color.core.primary_dark) } }, DayPickerKeyboardShortcuts_show__topLeft: { borderBottom: '26px solid transparent', borderLeft: '33px solid ' + String(color.core.primary), top: 0, left: 0, ':hover': { borderLeft: '33px solid ' + String(color.core.primary_dark) } }, DayPickerKeyboardShortcuts_showSpan: { color: color.core.white, position: 'absolute' }, DayPickerKeyboardShortcuts_showSpan__bottomRight: { bottom: 0, right: -28 }, DayPickerKeyboardShortcuts_showSpan__topRight: { top: 1, right: -28 }, DayPickerKeyboardShortcuts_showSpan__topLeft: { top: 1, left: -28 }, DayPickerKeyboardShortcuts_panel: { overflow: 'auto', background: color.background, border: '1px solid ' + String(color.core.border), borderRadius: 2, position: 'absolute', top: 0, bottom: 0, right: 0, left: 0, zIndex: zIndex + 2, padding: 22, margin: 33 }, DayPickerKeyboardShortcuts_title: { fontSize: 16, fontWeight: 'bold', margin: 0 }, DayPickerKeyboardShortcuts_list: { listStyle: 'none', padding: 0, fontSize: font.size }, DayPickerKeyboardShortcuts_close: { position: 'absolute', right: 22, top: 22, zIndex: zIndex + 2, ':active': { outline: 'none' } }, DayPickerKeyboardShortcuts_closeSvg: { height: 15, width: 15, fill: color.core.grayLighter, ':hover': { fill: color.core.grayLight }, ':focus': { fill: color.core.grayLight } } }; })(DayPickerKeyboardShortcuts); /***/ }), /* 259 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(29); var _propTypes2 = _interopRequireDefault(_propTypes); var _airbnbPropTypes = __webpack_require__(39); var _reactWithStyles = __webpack_require__(50); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, { unicode: _propTypes2['default'].string.isRequired, label: _propTypes2['default'].string.isRequired, action: _propTypes2['default'].string.isRequired, block: _propTypes2['default'].bool })); var defaultProps = { block: false }; function KeyboardShortcutRow(_ref) { var unicode = _ref.unicode, label = _ref.label, action = _ref.action, block = _ref.block, styles = _ref.styles; return _react2['default'].createElement( 'li', (0, _reactWithStyles.css)(styles.KeyboardShortcutRow, block && styles.KeyboardShortcutRow__block), _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(styles.KeyboardShortcutRow_keyContainer, block && styles.KeyboardShortcutRow_keyContainer__block), _react2['default'].createElement( 'span', _extends({}, (0, _reactWithStyles.css)(styles.KeyboardShortcutRow_key), { role: 'img', 'aria-label': String(label) + ',' // add comma so screen readers will pause before reading action }), unicode ) ), _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(styles.KeyboardShortcutRow_action), action ) ); } KeyboardShortcutRow.propTypes = propTypes; KeyboardShortcutRow.defaultProps = defaultProps; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref2) { var color = _ref2.reactDates.color; return { KeyboardShortcutRow: { listStyle: 'none', margin: '6px 0' }, KeyboardShortcutRow__block: { marginBottom: 16 }, KeyboardShortcutRow_keyContainer: { display: 'inline-block', whiteSpace: 'nowrap', textAlign: 'right', marginRight: 6 }, KeyboardShortcutRow_keyContainer__block: { textAlign: 'left', display: 'inline' }, KeyboardShortcutRow_key: { fontFamily: 'monospace', fontSize: 12, textTransform: 'uppercase', background: color.core.grayLightest, padding: '2px 6px' }, KeyboardShortcutRow_action: { display: 'inline', wordBreak: 'break-word', marginLeft: 8 } }; })(KeyboardShortcutRow); /***/ }), /* 260 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getNumberOfCalendarMonthWeeks; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function getBlankDaysBeforeFirstDay(firstDayOfMonth, firstDayOfWeek) { var weekDayDiff = firstDayOfMonth.day() - firstDayOfWeek; return (weekDayDiff + 7) % 7; } function getNumberOfCalendarMonthWeeks(month) { var firstDayOfWeek = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _moment2['default'].localeData().firstDayOfWeek(); var firstDayOfMonth = month.clone().startOf('month'); var numBlankDays = getBlankDaysBeforeFirstDay(firstDayOfMonth, firstDayOfWeek); return Math.ceil((numBlankDays + month.daysInMonth()) / 7); } /***/ }), /* 261 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = getActiveElement; function getActiveElement() { return typeof document !== 'undefined' && document.activeElement; } /***/ }), /* 262 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PureSingleDatePicker = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; 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; }; }(); var _object = __webpack_require__(42); var _object2 = _interopRequireDefault(_object); var _react = __webpack_require__(26); var _react2 = _interopRequireDefault(_react); var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _reactWithStyles = __webpack_require__(50); var _reactPortal = __webpack_require__(181); var _airbnbPropTypes = __webpack_require__(39); var _consolidatedEvents = __webpack_require__(91); var _isTouchDevice = __webpack_require__(73); var _isTouchDevice2 = _interopRequireDefault(_isTouchDevice); var _reactOutsideClickHandler = __webpack_require__(111); var _reactOutsideClickHandler2 = _interopRequireDefault(_reactOutsideClickHandler); var _SingleDatePickerShape = __webpack_require__(171); var _SingleDatePickerShape2 = _interopRequireDefault(_SingleDatePickerShape); var _defaultPhrases = __webpack_require__(43); var _toMomentObject = __webpack_require__(71); var _toMomentObject2 = _interopRequireDefault(_toMomentObject); var _toLocalizedDateString = __webpack_require__(115); var _toLocalizedDateString2 = _interopRequireDefault(_toLocalizedDateString); var _getResponsiveContainerStyles = __webpack_require__(155); var _getResponsiveContainerStyles2 = _interopRequireDefault(_getResponsiveContainerStyles); var _getDetachedContainerStyles = __webpack_require__(156); var _getDetachedContainerStyles2 = _interopRequireDefault(_getDetachedContainerStyles); var _getInputHeight = __webpack_require__(113); var _getInputHeight2 = _interopRequireDefault(_getInputHeight); var _isInclusivelyAfterDay = __webpack_require__(82); var _isInclusivelyAfterDay2 = _interopRequireDefault(_isInclusivelyAfterDay); var _disableScroll2 = __webpack_require__(157); var _disableScroll3 = _interopRequireDefault(_disableScroll2); var _SingleDatePickerInput = __webpack_require__(172); var _SingleDatePickerInput2 = _interopRequireDefault(_SingleDatePickerInput); var _DayPickerSingleDateController = __webpack_require__(170); var _DayPickerSingleDateController2 = _interopRequireDefault(_DayPickerSingleDateController); var _CloseButton = __webpack_require__(84); var _CloseButton2 = _interopRequireDefault(_CloseButton); var _constants = __webpack_require__(34); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var propTypes = (0, _airbnbPropTypes.forbidExtraProps)((0, _object2['default'])({}, _reactWithStyles.withStylesPropTypes, _SingleDatePickerShape2['default'])); var defaultProps = { // required props for a functional interactive SingleDatePicker date: null, focused: false, // input related props id: 'date', placeholder: 'Date', disabled: false, required: false, readOnly: false, screenReaderInputMessage: '', showClearDate: false, showDefaultInputIcon: false, inputIconPosition: _constants.ICON_BEFORE_POSITION, customInputIcon: null, customCloseIcon: null, noBorder: false, block: false, small: false, regular: false, verticalSpacing: _constants.DEFAULT_VERTICAL_SPACING, keepFocusOnInput: false, // calendar presentation and interaction related props orientation: _constants.HORIZONTAL_ORIENTATION, anchorDirection: _constants.ANCHOR_LEFT, openDirection: _constants.OPEN_DOWN, horizontalMargin: 0, withPortal: false, withFullScreenPortal: false, appendToBody: false, disableScroll: false, initialVisibleMonth: null, firstDayOfWeek: null, numberOfMonths: 2, keepOpenOnDateSelect: false, reopenPickerOnClearDate: false, renderCalendarInfo: null, calendarInfoPosition: _constants.INFO_POSITION_BOTTOM, hideKeyboardShortcutsPanel: false, daySize: _constants.DAY_SIZE, isRTL: false, verticalHeight: null, transitionDuration: undefined, horizontalMonthPadding: 13, // navigation related props navPrev: null, navNext: null, onPrevMonthClick: function () { function onPrevMonthClick() {} return onPrevMonthClick; }(), onNextMonthClick: function () { function onNextMonthClick() {} return onNextMonthClick; }(), onClose: function () { function onClose() {} return onClose; }(), // month presentation and interaction related props renderMonthText: null, // day presentation and interaction related props renderCalendarDay: undefined, renderDayContents: null, renderMonthElement: null, enableOutsideDays: false, isDayBlocked: function () { function isDayBlocked() { return false; } return isDayBlocked; }(), isOutsideRange: function () { function isOutsideRange(day) { return !(0, _isInclusivelyAfterDay2['default'])(day, (0, _moment2['default'])()); } return isOutsideRange; }(), isDayHighlighted: function () { function isDayHighlighted() {} return isDayHighlighted; }(), // internationalization props displayFormat: function () { function displayFormat() { return _moment2['default'].localeData().longDateFormat('L'); } return displayFormat; }(), monthFormat: 'MMMM YYYY', weekDayFormat: 'dd', phrases: _defaultPhrases.SingleDatePickerPhrases, dayAriaLabelFormat: undefined }; var SingleDatePicker = function (_React$Component) { _inherits(SingleDatePicker, _React$Component); function SingleDatePicker(props) { _classCallCheck(this, SingleDatePicker); var _this = _possibleConstructorReturn(this, (SingleDatePicker.__proto__ || Object.getPrototypeOf(SingleDatePicker)).call(this, props)); _this.isTouchDevice = false; _this.state = { dayPickerContainerStyles: {}, isDayPickerFocused: false, isInputFocused: false, showKeyboardShortcuts: false }; _this.onDayPickerFocus = _this.onDayPickerFocus.bind(_this); _this.onDayPickerBlur = _this.onDayPickerBlur.bind(_this); _this.showKeyboardShortcutsPanel = _this.showKeyboardShortcutsPanel.bind(_this); _this.onChange = _this.onChange.bind(_this); _this.onFocus = _this.onFocus.bind(_this); _this.onClearFocus = _this.onClearFocus.bind(_this); _this.clearDate = _this.clearDate.bind(_this); _this.responsivizePickerPosition = _this.responsivizePickerPosition.bind(_this); _this.disableScroll = _this.disableScroll.bind(_this); _this.setDayPickerContainerRef = _this.setDayPickerContainerRef.bind(_this); _this.setContainerRef = _this.setContainerRef.bind(_this); return _this; } /* istanbul ignore next */ _createClass(SingleDatePicker, [{ key: 'componentDidMount', value: function () { function componentDidMount() { this.removeEventListener = (0, _consolidatedEvents.addEventListener)(window, 'resize', this.responsivizePickerPosition, { passive: true }); this.responsivizePickerPosition(); this.disableScroll(); var focused = this.props.focused; if (focused) { this.setState({ isInputFocused: true }); } this.isTouchDevice = (0, _isTouchDevice2['default'])(); } return componentDidMount; }() }, { key: 'componentDidUpdate', value: function () { function componentDidUpdate(prevProps) { var focused = this.props.focused; if (!prevProps.focused && focused) { this.responsivizePickerPosition(); this.disableScroll(); } else if (prevProps.focused && !focused) { if (this.enableScroll) this.enableScroll(); } } return componentDidUpdate; }() /* istanbul ignore next */ }, { key: 'componentWillUnmount', value: function () { function componentWillUnmount() { if (this.removeEventListener) this.removeEventListener(); if (this.enableScroll) this.enableScroll(); } return componentWillUnmount; }() }, { key: 'onChange', value: function () { function onChange(dateString) { var _props = this.props, isOutsideRange = _props.isOutsideRange, keepOpenOnDateSelect = _props.keepOpenOnDateSelect, onDateChange = _props.onDateChange, onFocusChange = _props.onFocusChange, onClose = _props.onClose; var newDate = (0, _toMomentObject2['default'])(dateString, this.getDisplayFormat()); var isValid = newDate && !isOutsideRange(newDate); if (isValid) { onDateChange(newDate); if (!keepOpenOnDateSelect) { onFocusChange({ focused: false }); onClose({ date: newDate }); } } else { onDateChange(null); } } return onChange; }() }, { key: 'onFocus', value: function () { function onFocus() { var _props2 = this.props, disabled = _props2.disabled, onFocusChange = _props2.onFocusChange, readOnly = _props2.readOnly, withPortal = _props2.withPortal, withFullScreenPortal = _props2.withFullScreenPortal, keepFocusOnInput = _props2.keepFocusOnInput; var withAnyPortal = withPortal || withFullScreenPortal; var moveFocusToDayPicker = withAnyPortal || readOnly && !keepFocusOnInput || this.isTouchDevice && !keepFocusOnInput; if (moveFocusToDayPicker) { this.onDayPickerFocus(); } else { this.onDayPickerBlur(); } if (!disabled) { onFocusChange({ focused: true }); } } return onFocus; }() }, { key: 'onClearFocus', value: function () { function onClearFocus(event) { var _props3 = this.props, date = _props3.date, focused = _props3.focused, onFocusChange = _props3.onFocusChange, onClose = _props3.onClose, appendToBody = _props3.appendToBody; if (!focused) return; if (appendToBody && this.dayPickerContainer.contains(event.target)) return; this.setState({ isInputFocused: false, isDayPickerFocused: false }); onFocusChange({ focused: false }); onClose({ date: date }); } return onClearFocus; }() }, { key: 'onDayPickerFocus', value: function () { function onDayPickerFocus() { this.setState({ isInputFocused: false, isDayPickerFocused: true, showKeyboardShortcuts: false }); } return onDayPickerFocus; }() }, { key: 'onDayPickerBlur', value: function () { function onDayPickerBlur() { this.setState({ isInputFocused: true, isDayPickerFocused: false, showKeyboardShortcuts: false }); } return onDayPickerBlur; }() }, { key: 'getDateString', value: function () { function getDateString(date) { var displayFormat = this.getDisplayFormat(); if (date && displayFormat) { return date && date.format(displayFormat); } return (0, _toLocalizedDateString2['default'])(date); } return getDateString; }() }, { key: 'getDisplayFormat', value: function () { function getDisplayFormat() { var displayFormat = this.props.displayFormat; return typeof displayFormat === 'string' ? displayFormat : displayFormat(); } return getDisplayFormat; }() }, { key: 'setDayPickerContainerRef', value: function () { function setDayPickerContainerRef(ref) { this.dayPickerContainer = ref; } return setDayPickerContainerRef; }() }, { key: 'setContainerRef', value: function () { function setContainerRef(ref) { this.container = ref; } return setContainerRef; }() }, { key: 'clearDate', value: function () { function clearDate() { var _props4 = this.props, onDateChange = _props4.onDateChange, reopenPickerOnClearDate = _props4.reopenPickerOnClearDate, onFocusChange = _props4.onFocusChange; onDateChange(null); if (reopenPickerOnClearDate) { onFocusChange({ focused: true }); } } return clearDate; }() }, { key: 'disableScroll', value: function () { function disableScroll() { var _props5 = this.props, appendToBody = _props5.appendToBody, propDisableScroll = _props5.disableScroll, focused = _props5.focused; if (!appendToBody && !propDisableScroll) return; if (!focused) return; // Disable scroll for every ancestor of this <SingleDatePicker> up to the // document level. This ensures the input and the picker never move. Other // sibling elements or the picker itself can scroll. this.enableScroll = (0, _disableScroll3['default'])(this.container); } return disableScroll; }() /* istanbul ignore next */ }, { key: 'responsivizePickerPosition', value: function () { function responsivizePickerPosition() { // It's possible the portal props have been changed in response to window resizes // So let's ensure we reset this back to the base state each time this.setState({ dayPickerContainerStyles: {} }); var _props6 = this.props, openDirection = _props6.openDirection, anchorDirection = _props6.anchorDirection, horizontalMargin = _props6.horizontalMargin, withPortal = _props6.withPortal, withFullScreenPortal = _props6.withFullScreenPortal, appendToBody = _props6.appendToBody, focused = _props6.focused; var dayPickerContainerStyles = this.state.dayPickerContainerStyles; if (!focused) { return; } var isAnchoredLeft = anchorDirection === _constants.ANCHOR_LEFT; if (!withPortal && !withFullScreenPortal) { var containerRect = this.dayPickerContainer.getBoundingClientRect(); var currentOffset = dayPickerContainerStyles[anchorDirection] || 0; var containerEdge = isAnchoredLeft ? containerRect[_constants.ANCHOR_RIGHT] : containerRect[_constants.ANCHOR_LEFT]; this.setState({ dayPickerContainerStyles: (0, _object2['default'])({}, (0, _getResponsiveContainerStyles2['default'])(anchorDirection, currentOffset, containerEdge, horizontalMargin), appendToBody && (0, _getDetachedContainerStyles2['default'])(openDirection, anchorDirection, this.container)) }); } } return responsivizePickerPosition; }() }, { key: 'showKeyboardShortcutsPanel', value: function () { function showKeyboardShortcutsPanel() { this.setState({ isInputFocused: false, isDayPickerFocused: true, showKeyboardShortcuts: true }); } return showKeyboardShortcutsPanel; }() }, { key: 'maybeRenderDayPickerWithPortal', value: function () { function maybeRenderDayPickerWithPortal() { var _props7 = this.props, focused = _props7.focused, withPortal = _props7.withPortal, withFullScreenPortal = _props7.withFullScreenPortal, appendToBody = _props7.appendToBody; if (!focused) { return null; } if (withPortal || withFullScreenPortal || appendToBody) { return _react2['default'].createElement( _reactPortal.Portal, null, this.renderDayPicker() ); } return this.renderDayPicker(); } return maybeRenderDayPickerWithPortal; }() }, { key: 'renderDayPicker', value: function () { function renderDayPicker() { var _props8 = this.props, anchorDirection = _props8.anchorDirection, openDirection = _props8.openDirection, onDateChange = _props8.onDateChange, date = _props8.date, onFocusChange = _props8.onFocusChange, focused = _props8.focused, enableOutsideDays = _props8.enableOutsideDays, numberOfMonths = _props8.numberOfMonths, orientation = _props8.orientation, monthFormat = _props8.monthFormat, navPrev = _props8.navPrev, navNext = _props8.navNext, onPrevMonthClick = _props8.onPrevMonthClick, onNextMonthClick = _props8.onNextMonthClick, onClose = _props8.onClose, withPortal = _props8.withPortal, withFullScreenPortal = _props8.withFullScreenPortal, keepOpenOnDateSelect = _props8.keepOpenOnDateSelect, initialVisibleMonth = _props8.initialVisibleMonth, renderMonthText = _props8.renderMonthText, renderCalendarDay = _props8.renderCalendarDay, renderDayContents = _props8.renderDayContents, renderCalendarInfo = _props8.renderCalendarInfo, renderMonthElement = _props8.renderMonthElement, calendarInfoPosition = _props8.calendarInfoPosition, hideKeyboardShortcutsPanel = _props8.hideKeyboardShortcutsPanel, firstDayOfWeek = _props8.firstDayOfWeek, customCloseIcon = _props8.customCloseIcon, phrases = _props8.phrases, dayAriaLabelFormat = _props8.dayAriaLabelFormat, daySize = _props8.daySize, isRTL = _props8.isRTL, isOutsideRange = _props8.isOutsideRange, isDayBlocked = _props8.isDayBlocked, isDayHighlighted = _props8.isDayHighlighted, weekDayFormat = _props8.weekDayFormat, styles = _props8.styles, verticalHeight = _props8.verticalHeight, transitionDuration = _props8.transitionDuration, verticalSpacing = _props8.verticalSpacing, horizontalMonthPadding = _props8.horizontalMonthPadding, small = _props8.small, reactDates = _props8.theme.reactDates; var _state = this.state, dayPickerContainerStyles = _state.dayPickerContainerStyles, isDayPickerFocused = _state.isDayPickerFocused, showKeyboardShortcuts = _state.showKeyboardShortcuts; var onOutsideClick = !withFullScreenPortal && withPortal ? this.onClearFocus : undefined; var closeIcon = customCloseIcon || _react2['default'].createElement(_CloseButton2['default'], null); var inputHeight = (0, _getInputHeight2['default'])(reactDates, small); var withAnyPortal = withPortal || withFullScreenPortal; return _react2['default'].createElement( 'div', _extends({ // eslint-disable-line jsx-a11y/no-static-element-interactions ref: this.setDayPickerContainerRef }, (0, _reactWithStyles.css)(styles.SingleDatePicker_picker, anchorDirection === _constants.ANCHOR_LEFT && styles.SingleDatePicker_picker__directionLeft, anchorDirection === _constants.ANCHOR_RIGHT && styles.SingleDatePicker_picker__directionRight, openDirection === _constants.OPEN_DOWN && styles.SingleDatePicker_picker__openDown, openDirection === _constants.OPEN_UP && styles.SingleDatePicker_picker__openUp, !withAnyPortal && openDirection === _constants.OPEN_DOWN && { top: inputHeight + verticalSpacing }, !withAnyPortal && openDirection === _constants.OPEN_UP && { bottom: inputHeight + verticalSpacing }, orientation === _constants.HORIZONTAL_ORIENTATION && styles.SingleDatePicker_picker__horizontal, orientation === _constants.VERTICAL_ORIENTATION && styles.SingleDatePicker_picker__vertical, withAnyPortal && styles.SingleDatePicker_picker__portal, withFullScreenPortal && styles.SingleDatePicker_picker__fullScreenPortal, isRTL && styles.SingleDatePicker_picker__rtl, dayPickerContainerStyles), { onClick: onOutsideClick }), _react2['default'].createElement(_DayPickerSingleDateController2['default'], { date: date, onDateChange: onDateChange, onFocusChange: onFocusChange, orientation: orientation, enableOutsideDays: enableOutsideDays, numberOfMonths: numberOfMonths, monthFormat: monthFormat, withPortal: withAnyPortal, focused: focused, keepOpenOnDateSelect: keepOpenOnDateSelect, hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel, initialVisibleMonth: initialVisibleMonth, navPrev: navPrev, navNext: navNext, onPrevMonthClick: onPrevMonthClick, onNextMonthClick: onNextMonthClick, onClose: onClose, renderMonthText: renderMonthText, renderCalendarDay: renderCalendarDay, renderDayContents: renderDayContents, renderCalendarInfo: renderCalendarInfo, renderMonthElement: renderMonthElement, calendarInfoPosition: calendarInfoPosition, isFocused: isDayPickerFocused, showKeyboardShortcuts: showKeyboardShortcuts, onBlur: this.onDayPickerBlur, phrases: phrases, dayAriaLabelFormat: dayAriaLabelFormat, daySize: daySize, isRTL: isRTL, isOutsideRange: isOutsideRange, isDayBlocked: isDayBlocked, isDayHighlighted: isDayHighlighted, firstDayOfWeek: firstDayOfWeek, weekDayFormat: weekDayFormat, verticalHeight: verticalHeight, transitionDuration: transitionDuration, horizontalMonthPadding: horizontalMonthPadding }), withFullScreenPortal && _react2['default'].createElement( 'button', _extends({}, (0, _reactWithStyles.css)(styles.SingleDatePicker_closeButton), { 'aria-label': phrases.closeDatePicker, type: 'button', onClick: this.onClearFocus }), _react2['default'].createElement( 'div', (0, _reactWithStyles.css)(styles.SingleDatePicker_closeButton_svg), closeIcon ) ) ); } return renderDayPicker; }() }, { key: 'render', value: function () { function render() { var _props9 = this.props, id = _props9.id, placeholder = _props9.placeholder, disabled = _props9.disabled, focused = _props9.focused, required = _props9.required, readOnly = _props9.readOnly, openDirection = _props9.openDirection, showClearDate = _props9.showClearDate, showDefaultInputIcon = _props9.showDefaultInputIcon, inputIconPosition = _props9.inputIconPosition, customCloseIcon = _props9.customCloseIcon, customInputIcon = _props9.customInputIcon, date = _props9.date, phrases = _props9.phrases, withPortal = _props9.withPortal, withFullScreenPortal = _props9.withFullScreenPortal, screenReaderInputMessage = _props9.screenReaderInputMessage, isRTL = _props9.isRTL, noBorder = _props9.noBorder, block = _props9.block, small = _props9.small, regular = _props9.regular, verticalSpacing = _props9.verticalSpacing, styles = _props9.styles; var isInputFocused = this.state.isInputFocused; var displayValue = this.getDateString(date); var enableOutsideClick = !withPortal && !withFullScreenPortal; var hideFang = verticalSpacing < _constants.FANG_HEIGHT_PX; var input = _react2['default'].createElement(_SingleDatePickerInput2['default'], { id: id, placeholder: placeholder, focused: focused, isFocused: isInputFocused, disabled: disabled, required: required, readOnly: readOnly, openDirection: openDirection, showCaret: !withPortal && !withFullScreenPortal && !hideFang, onClearDate: this.clearDate, showClearDate: showClearDate, showDefaultInputIcon: showDefaultInputIcon, inputIconPosition: inputIconPosition, customCloseIcon: customCloseIcon, customInputIcon: customInputIcon, displayValue: displayValue, onChange: this.onChange, onFocus: this.onFocus, onKeyDownShiftTab: this.onClearFocus, onKeyDownTab: this.onClearFocus, onKeyDownArrowDown: this.onDayPickerFocus, onKeyDownQuestionMark: this.showKeyboardShortcutsPanel, screenReaderMessage: screenReaderInputMessage, phrases: phrases, isRTL: isRTL, noBorder: noBorder, block: block, small: small, regular: regular, verticalSpacing: verticalSpacing }); return _react2['default'].createElement( 'div', _extends({ ref: this.setContainerRef }, (0, _reactWithStyles.css)(styles.SingleDatePicker, block && styles.SingleDatePicker__block)), enableOutsideClick && _react2['default'].createElement( _reactOutsideClickHandler2['default'], { onOutsideClick: this.onClearFocus }, input, this.maybeRenderDayPickerWithPortal() ), !enableOutsideClick && input, !enableOutsideClick && this.maybeRenderDayPickerWithPortal() ); } return render; }() }]); return SingleDatePicker; }(_react2['default'].Component); SingleDatePicker.propTypes = propTypes; SingleDatePicker.defaultProps = defaultProps; exports.PureSingleDatePicker = SingleDatePicker; exports['default'] = (0, _reactWithStyles.withStyles)(function (_ref) { var _ref$reactDates = _ref.reactDates, color = _ref$reactDates.color, zIndex = _ref$reactDates.zIndex; return { SingleDatePicker: { position: 'relative', display: 'inline-block' }, SingleDatePicker__block: { display: 'block' }, SingleDatePicker_picker: { zIndex: zIndex + 1, backgroundColor: color.background, position: 'absolute' }, SingleDatePicker_picker__rtl: { direction: 'rtl' }, SingleDatePicker_picker__directionLeft: { left: 0 }, SingleDatePicker_picker__directionRight: { right: 0 }, SingleDatePicker_picker__portal: { backgroundColor: 'rgba(0, 0, 0, 0.3)', position: 'fixed', top: 0, left: 0, height: '100%', width: '100%' }, SingleDatePicker_picker__fullScreenPortal: { backgroundColor: color.background }, SingleDatePicker_closeButton: { background: 'none', border: 0, color: 'inherit', font: 'inherit', lineHeight: 'normal', overflow: 'visible', cursor: 'pointer', position: 'absolute', top: 0, right: 0, padding: 15, zIndex: zIndex + 2, ':hover': { color: 'darken(' + String(color.core.grayLighter) + ', 10%)', textDecoration: 'none' }, ':focus': { color: 'darken(' + String(color.core.grayLighter) + ', 10%)', textDecoration: 'none' } }, SingleDatePicker_closeButton_svg: { height: 15, width: 15, fill: color.core.grayLighter } }; })(SingleDatePicker); /***/ }), /* 263 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports['default'] = isInclusivelyBeforeDay; var _moment = __webpack_require__(27); var _moment2 = _interopRequireDefault(_moment); var _isAfterDay = __webpack_require__(94); var _isAfterDay2 = _interopRequireDefault(_isAfterDay); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function isInclusivelyBeforeDay(a, b) { if (!_moment2['default'].isMoment(a) || !_moment2['default'].isMoment(b)) return false; return !(0, _isAfterDay2['default'])(a, b); } /***/ }), /* 264 */, /* 265 */, /* 266 */, /* 267 */, /* 268 */, /* 269 */, /* 270 */, /* 271 */, /* 272 */, /* 273 */, /* 274 */, /* 275 */, /* 276 */, /* 277 */, /* 278 */, /* 279 */, /* 280 */, /* 281 */, /* 282 */, /* 283 */, /* 284 */, /* 285 */, /* 286 */, /* 287 */, /* 288 */, /* 289 */, /* 290 */, /* 291 */, /* 292 */, /* 293 */, /* 294 */, /* 295 */, /* 296 */, /* 297 */, /* 298 */, /* 299 */, /* 300 */, /* 301 */, /* 302 */, /* 303 */, /* 304 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread.js var objectSpread = __webpack_require__(8); // EXTERNAL MODULE: external {"this":["wp","element"]} var external_this_wp_element_ = __webpack_require__(0); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/primitives/svg/index.js /** * External dependencies */ var svg_Circle = function Circle(props) { return Object(external_this_wp_element_["createElement"])('circle', props); }; var svg_G = function G(props) { return Object(external_this_wp_element_["createElement"])('g', props); }; var svg_Path = function Path(props) { return Object(external_this_wp_element_["createElement"])('path', props); }; var svg_Polygon = function Polygon(props) { return Object(external_this_wp_element_["createElement"])('polygon', props); }; var svg_Rect = function Rect(props) { return Object(external_this_wp_element_["createElement"])('rect', props); }; var svg_SVG = function SVG(props) { var appliedProps = Object(objectSpread["a" /* default */])({}, props, { role: 'img', 'aria-hidden': 'true', focusable: 'false' }); // Disable reason: We need to have a way to render HTML tag for web. // eslint-disable-next-line react/forbid-elements return Object(external_this_wp_element_["createElement"])("svg", appliedProps); }; // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/primitives/index.js // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js var defineProperty = __webpack_require__(15); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js var classCallCheck = __webpack_require__(10); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js var possibleConstructorReturn = __webpack_require__(12); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js var getPrototypeOf = __webpack_require__(13); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js var createClass = __webpack_require__(9); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules var inherits = __webpack_require__(14); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js var assertThisInitialized = __webpack_require__(3); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules var toConsumableArray = __webpack_require__(19); // EXTERNAL MODULE: ./node_modules/classnames/index.js var classnames = __webpack_require__(17); var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames); // EXTERNAL MODULE: external "lodash" var external_lodash_ = __webpack_require__(2); // EXTERNAL MODULE: external {"this":["wp","keycodes"]} var external_this_wp_keycodes_ = __webpack_require__(16); // EXTERNAL MODULE: external {"this":["wp","i18n"]} var external_this_wp_i18n_ = __webpack_require__(1); // EXTERNAL MODULE: external {"this":["wp","compose"]} var external_this_wp_compose_ = __webpack_require__(7); // EXTERNAL MODULE: external {"this":["wp","richText"]} var external_this_wp_richText_ = __webpack_require__(20); // EXTERNAL MODULE: external {"this":["wp","dom"]} var external_this_wp_dom_ = __webpack_require__(22); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(18); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-focus-outside/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Input types which are classified as button types, for use in considering * whether element is a (focus-normalized) button. * * @type {string[]} */ var INPUT_BUTTON_TYPES = ['button', 'submit']; /** * Returns true if the given element is a button element subject to focus * normalization, or false otherwise. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus * * @param {Element} element Element to test. * * @return {boolean} Whether element is a button. */ function isFocusNormalizedButton(element) { switch (element.nodeName) { case 'A': case 'BUTTON': return true; case 'INPUT': return Object(external_lodash_["includes"])(INPUT_BUTTON_TYPES, element.type); } return false; } /* harmony default export */ var with_focus_outside = (Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(_class, _Component); function _class() { var _this; Object(classCallCheck["a" /* default */])(this, _class); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(_class).apply(this, arguments)); _this.bindNode = _this.bindNode.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.cancelBlurCheck = _this.cancelBlurCheck.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.queueBlurCheck = _this.queueBlurCheck.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.normalizeButtonFocus = _this.normalizeButtonFocus.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(_class, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.cancelBlurCheck(); } }, { key: "bindNode", value: function bindNode(node) { if (node) { this.node = node; } else { delete this.node; this.cancelBlurCheck(); } } }, { key: "queueBlurCheck", value: function queueBlurCheck(event) { var _this2 = this; // React does not allow using an event reference asynchronously // due to recycling behavior, except when explicitly persisted. event.persist(); // Skip blur check if clicking button. See `normalizeButtonFocus`. if (this.preventBlurCheck) { return; } this.blurCheckTimeout = setTimeout(function () { if ('function' === typeof _this2.node.handleFocusOutside) { _this2.node.handleFocusOutside(event); } }, 0); } }, { key: "cancelBlurCheck", value: function cancelBlurCheck() { clearTimeout(this.blurCheckTimeout); } /** * Handles a mousedown or mouseup event to respectively assign and * unassign a flag for preventing blur check on button elements. Some * browsers, namely Firefox and Safari, do not emit a focus event on * button elements when clicked, while others do. The logic here * intends to normalize this as treating click on buttons as focus. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus * * @param {MouseEvent} event Event for mousedown or mouseup. */ }, { key: "normalizeButtonFocus", value: function normalizeButtonFocus(event) { var type = event.type, target = event.target; var isInteractionEnd = Object(external_lodash_["includes"])(['mouseup', 'touchend'], type); if (isInteractionEnd) { this.preventBlurCheck = false; } else if (isFocusNormalizedButton(target)) { this.preventBlurCheck = true; } } }, { key: "render", value: function render() { // Disable reason: See `normalizeButtonFocus` for browser-specific // focus event normalization. /* eslint-disable jsx-a11y/no-static-element-interactions */ return Object(external_this_wp_element_["createElement"])("div", { onFocus: this.cancelBlurCheck, onMouseDown: this.normalizeButtonFocus, onMouseUp: this.normalizeButtonFocus, onTouchStart: this.normalizeButtonFocus, onTouchEnd: this.normalizeButtonFocus, onBlur: this.queueBlurCheck }, Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({ ref: this.bindNode }, this.props))); /* eslint-enable jsx-a11y/no-static-element-interactions */ } }]); return _class; }(external_this_wp_element_["Component"]) ); }, 'withFocusOutside')); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules var objectWithoutProperties = __webpack_require__(21); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/button/index.js /** * External dependencies */ /** * WordPress dependencies */ function Button(props, ref) { var href = props.href, target = props.target, isPrimary = props.isPrimary, isLarge = props.isLarge, isSmall = props.isSmall, isTertiary = props.isTertiary, isToggled = props.isToggled, isBusy = props.isBusy, isDefault = props.isDefault, isLink = props.isLink, isDestructive = props.isDestructive, className = props.className, disabled = props.disabled, additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["href", "target", "isPrimary", "isLarge", "isSmall", "isTertiary", "isToggled", "isBusy", "isDefault", "isLink", "isDestructive", "className", "disabled"]); var classes = classnames_default()('components-button', className, { 'is-button': isDefault || isPrimary || isLarge || isSmall, 'is-default': isDefault || isLarge || isSmall, 'is-primary': isPrimary, 'is-large': isLarge, 'is-small': isSmall, 'is-tertiary': isTertiary, 'is-toggled': isToggled, 'is-busy': isBusy, 'is-link': isLink, 'is-destructive': isDestructive }); var tag = href !== undefined && !disabled ? 'a' : 'button'; var tagProps = tag === 'a' ? { href: href, target: target } : { type: 'button', disabled: disabled }; return Object(external_this_wp_element_["createElement"])(tag, Object(objectSpread["a" /* default */])({}, tagProps, additionalProps, { className: classes, ref: ref })); } /* harmony default export */ var build_module_button = (Object(external_this_wp_element_["forwardRef"])(Button)); // EXTERNAL MODULE: external {"this":["wp","isShallowEqual"]} var external_this_wp_isShallowEqual_ = __webpack_require__(40); var external_this_wp_isShallowEqual_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_isShallowEqual_); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules var slicedToArray = __webpack_require__(25); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/popover/utils.js /** * Module constants */ var HEIGHT_OFFSET = 10; // used by the arrow and a bit of empty space var isMobileViewport = function isMobileViewport() { return window.innerWidth < 782; }; var isRTL = function isRTL() { return document.documentElement.dir === 'rtl'; }; /** * Utility used to compute the popover position over the xAxis * * @param {Object} anchorRect Anchor Rect. * @param {Object} contentSize Content Size. * @param {string} xAxis Desired xAxis. * @param {string} chosenYAxis yAxis to be used. * @param {boolean} expandOnMobile Whether to expand the popover on mobile or not. * * @return {Object} Popover xAxis position and constraints. */ function computePopoverXAxisPosition(anchorRect, contentSize, xAxis, chosenYAxis) { var width = contentSize.width; // Correct xAxis for RTL support if (xAxis === 'left' && isRTL()) { xAxis = 'right'; } else if (xAxis === 'right' && isRTL()) { xAxis = 'left'; } // x axis alignment choices var anchorMidPoint = Math.round(anchorRect.left + anchorRect.width / 2); var centerAlignment = { popoverLeft: anchorMidPoint, contentWidth: (anchorMidPoint - width / 2 > 0 ? width / 2 : anchorMidPoint) + (anchorMidPoint + width / 2 > window.innerWidth ? window.innerWidth - anchorMidPoint : width / 2) }; var leftAlignmentX = chosenYAxis === 'middle' ? anchorRect.left : anchorMidPoint; var leftAlignment = { popoverLeft: leftAlignmentX, contentWidth: leftAlignmentX - width > 0 ? width : leftAlignmentX }; var rightAlignmentX = chosenYAxis === 'middle' ? anchorRect.right : anchorMidPoint; var rightAlignment = { popoverLeft: rightAlignmentX, contentWidth: rightAlignmentX + width > window.innerWidth ? window.innerWidth - rightAlignmentX : width }; // Choosing the x axis var chosenXAxis; var contentWidth = null; if (xAxis === 'center' && centerAlignment.contentWidth === width) { chosenXAxis = 'center'; } else if (xAxis === 'left' && leftAlignment.contentWidth === width) { chosenXAxis = 'left'; } else if (xAxis === 'right' && rightAlignment.contentWidth === width) { chosenXAxis = 'right'; } else { chosenXAxis = leftAlignment.contentWidth > rightAlignment.contentWidth ? 'left' : 'right'; var chosenWidth = chosenXAxis === 'left' ? leftAlignment.contentWidth : rightAlignment.contentWidth; contentWidth = chosenWidth !== width ? chosenWidth : null; } var popoverLeft; if (chosenXAxis === 'center') { popoverLeft = centerAlignment.popoverLeft; } else if (chosenXAxis === 'left') { popoverLeft = leftAlignment.popoverLeft; } else { popoverLeft = rightAlignment.popoverLeft; } return { xAxis: chosenXAxis, popoverLeft: popoverLeft, contentWidth: contentWidth }; } /** * Utility used to compute the popover position over the yAxis * * @param {Object} anchorRect Anchor Rect. * @param {Object} contentSize Content Size. * @param {string} yAxis Desired yAxis. * @param {boolean} expandOnMobile Whether to expand the popover on mobile or not. * * @return {Object} Popover xAxis position and constraints. */ function computePopoverYAxisPosition(anchorRect, contentSize, yAxis) { var height = contentSize.height; // y axis alignment choices var anchorMidPoint = anchorRect.top + anchorRect.height / 2; var middleAlignment = { popoverTop: anchorMidPoint, contentHeight: (anchorMidPoint - height / 2 > 0 ? height / 2 : anchorMidPoint) + (anchorMidPoint + height / 2 > window.innerHeight ? window.innerHeight - anchorMidPoint : height / 2) }; var topAlignment = { popoverTop: anchorRect.top, contentHeight: anchorRect.top - HEIGHT_OFFSET - height > 0 ? height : anchorRect.top - HEIGHT_OFFSET }; var bottomAlignment = { popoverTop: anchorRect.bottom, contentHeight: anchorRect.bottom + HEIGHT_OFFSET + height > window.innerHeight ? window.innerHeight - HEIGHT_OFFSET - anchorRect.bottom : height }; // Choosing the y axis var chosenYAxis; var contentHeight = null; if (yAxis === 'middle' && middleAlignment.contentHeight === height) { chosenYAxis = 'middle'; } else if (yAxis === 'top' && topAlignment.contentHeight === height) { chosenYAxis = 'top'; } else if (yAxis === 'bottom' && bottomAlignment.contentHeight === height) { chosenYAxis = 'bottom'; } else { chosenYAxis = topAlignment.contentHeight > bottomAlignment.contentHeight ? 'top' : 'bottom'; var chosenHeight = chosenYAxis === 'top' ? topAlignment.contentHeight : bottomAlignment.contentHeight; contentHeight = chosenHeight !== height ? chosenHeight : null; } var popoverTop; if (chosenYAxis === 'middle') { popoverTop = middleAlignment.popoverTop; } else if (chosenYAxis === 'top') { popoverTop = topAlignment.popoverTop; } else { popoverTop = bottomAlignment.popoverTop; } return { yAxis: chosenYAxis, popoverTop: popoverTop, contentHeight: contentHeight }; } /** * Utility used to compute the popover position and the content max width/height for a popover * given its anchor rect and its content size. * * @param {Object} anchorRect Anchor Rect. * @param {Object} contentSize Content Size. * @param {string} position Position. * @param {boolean} expandOnMobile Whether to expand the popover on mobile or not. * * @return {Object} Popover position and constraints. */ function utils_computePopoverPosition(anchorRect, contentSize) { var position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'top'; var expandOnMobile = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; var _position$split = position.split(' '), _position$split2 = Object(slicedToArray["a" /* default */])(_position$split, 2), yAxis = _position$split2[0], _position$split2$ = _position$split2[1], xAxis = _position$split2$ === void 0 ? 'center' : _position$split2$; var yAxisPosition = computePopoverYAxisPosition(anchorRect, contentSize, yAxis); var xAxisPosition = computePopoverXAxisPosition(anchorRect, contentSize, xAxis, yAxisPosition.yAxis); return Object(objectSpread["a" /* default */])({ isMobile: isMobileViewport() && expandOnMobile }, xAxisPosition, yAxisPosition); } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-focus-return/index.js /** * WordPress dependencies */ /** * Higher Order Component used to be used to wrap disposable elements like * sidebars, modals, dropdowns. When mounting the wrapped component, we track a * reference to the current active element so we know where to restore focus * when the component is unmounted. * * @param {WPElement} WrappedComponent The disposable component. * * @return {Component} Component with the focus restauration behaviour. */ /* harmony default export */ var with_focus_return = (Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(_class, _Component); function _class() { var _this; Object(classCallCheck["a" /* default */])(this, _class); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(_class).apply(this, arguments)); _this.setIsFocusedTrue = function () { return _this.isFocused = true; }; _this.setIsFocusedFalse = function () { return _this.isFocused = false; }; _this.activeElementOnMount = document.activeElement; return _this; } Object(createClass["a" /* default */])(_class, [{ key: "componentWillUnmount", value: function componentWillUnmount() { var activeElementOnMount = this.activeElementOnMount, isFocused = this.isFocused; if (!activeElementOnMount) { return; } var _document = document, body = _document.body, activeElement = _document.activeElement; if (isFocused || null === activeElement || body === activeElement) { activeElementOnMount.focus(); } } }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])("div", { onFocus: this.setIsFocusedTrue, onBlur: this.setIsFocusedFalse }, Object(external_this_wp_element_["createElement"])(WrappedComponent, this.props)); } }]); return _class; }(external_this_wp_element_["Component"]) ); }, 'withFocusReturn')); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-constrained-tabbing/index.js /** * WordPress dependencies */ var withConstrainedTabbing = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(_class, _Component); function _class() { var _this; Object(classCallCheck["a" /* default */])(this, _class); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(_class).apply(this, arguments)); _this.focusContainRef = Object(external_this_wp_element_["createRef"])(); _this.handleTabBehaviour = _this.handleTabBehaviour.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(_class, [{ key: "handleTabBehaviour", value: function handleTabBehaviour(event) { if (event.keyCode !== external_this_wp_keycodes_["TAB"]) { return; } var tabbables = external_this_wp_dom_["focus"].tabbable.find(this.focusContainRef.current); if (!tabbables.length) { return; } var firstTabbable = tabbables[0]; var lastTabbable = tabbables[tabbables.length - 1]; if (event.shiftKey && event.target === firstTabbable) { event.preventDefault(); lastTabbable.focus(); } else if (!event.shiftKey && event.target === lastTabbable) { event.preventDefault(); firstTabbable.focus(); /* * When pressing Tab and none of the tabbables has focus, the keydown * event happens on the wrapper div: move focus on the first tabbable. */ } else if (!tabbables.includes(event.target)) { event.preventDefault(); firstTabbable.focus(); } } }, { key: "render", value: function render() { // Disable reason: this component is non-interactive, but must capture // events from the wrapped component to determine when the Tab key is used. /* eslint-disable jsx-a11y/no-static-element-interactions */ return Object(external_this_wp_element_["createElement"])("div", { onKeyDown: this.handleTabBehaviour, ref: this.focusContainRef, tabIndex: "-1" }, Object(external_this_wp_element_["createElement"])(WrappedComponent, this.props)); /* eslint-enable jsx-a11y/no-static-element-interactions */ } }]); return _class; }(external_this_wp_element_["Component"]) ); }, 'withConstrainedTabbing'); /* harmony default export */ var with_constrained_tabbing = (withConstrainedTabbing); // EXTERNAL MODULE: ./node_modules/react-click-outside/dist/index.js var dist = __webpack_require__(96); var dist_default = /*#__PURE__*/__webpack_require__.n(dist); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/popover/detect-outside.js /** * External dependencies */ /** * WordPress dependencies */ var detect_outside_PopoverDetectOutside = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(PopoverDetectOutside, _Component); function PopoverDetectOutside() { Object(classCallCheck["a" /* default */])(this, PopoverDetectOutside); return Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(PopoverDetectOutside).apply(this, arguments)); } Object(createClass["a" /* default */])(PopoverDetectOutside, [{ key: "handleClickOutside", value: function handleClickOutside(event) { var onClickOutside = this.props.onClickOutside; if (onClickOutside) { onClickOutside(event); } } }, { key: "render", value: function render() { return this.props.children; } }]); return PopoverDetectOutside; }(external_this_wp_element_["Component"]); /* harmony default export */ var detect_outside = (dist_default()(detect_outside_PopoverDetectOutside)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/shortcut/index.js /** * External dependencies */ function Shortcut(_ref) { var shortcut = _ref.shortcut, className = _ref.className; if (!shortcut) { return null; } var displayText; var ariaLabel; if (Object(external_lodash_["isString"])(shortcut)) { displayText = shortcut; } if (Object(external_lodash_["isObject"])(shortcut)) { displayText = shortcut.display; ariaLabel = shortcut.ariaLabel; } return Object(external_this_wp_element_["createElement"])("span", { className: className, "aria-label": ariaLabel }, displayText); } /* harmony default export */ var build_module_shortcut = (Shortcut); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tooltip/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Time over children to wait before showing tooltip * * @type {Number} */ var TOOLTIP_DELAY = 700; var tooltip_Tooltip = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Tooltip, _Component); function Tooltip() { var _this; Object(classCallCheck["a" /* default */])(this, Tooltip); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Tooltip).apply(this, arguments)); _this.delayedSetIsOver = Object(external_lodash_["debounce"])(function (isOver) { return _this.setState({ isOver: isOver }); }, TOOLTIP_DELAY); _this.state = { isOver: false }; return _this; } Object(createClass["a" /* default */])(Tooltip, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.delayedSetIsOver.cancel(); } }, { key: "emitToChild", value: function emitToChild(eventName, event) { var children = this.props.children; if (external_this_wp_element_["Children"].count(children) !== 1) { return; } var child = external_this_wp_element_["Children"].only(children); if (typeof child.props[eventName] === 'function') { child.props[eventName](event); } } }, { key: "createToggleIsOver", value: function createToggleIsOver(eventName, isDelayed) { var _this2 = this; return function (event) { // Preserve original child callback behavior _this2.emitToChild(eventName, event); // Mouse events behave unreliably in React for disabled elements, // firing on mouseenter but not mouseleave. Further, the default // behavior for disabled elements in some browsers is to ignore // mouse events. Don't bother trying to to handle them. // // See: https://github.com/facebook/react/issues/4251 if (event.currentTarget.disabled) { return; } // Needed in case unsetting is over while delayed set pending, i.e. // quickly blur/mouseleave before delayedSetIsOver is called _this2.delayedSetIsOver.cancel(); var isOver = Object(external_lodash_["includes"])(['focus', 'mouseenter'], event.type); if (isOver === _this2.state.isOver) { return; } if (isDelayed) { _this2.delayedSetIsOver(isOver); } else { _this2.setState({ isOver: isOver }); } }; } }, { key: "render", value: function render() { var _this$props = this.props, children = _this$props.children, position = _this$props.position, text = _this$props.text, shortcut = _this$props.shortcut; if (external_this_wp_element_["Children"].count(children) !== 1) { if (false) {} return children; } var child = external_this_wp_element_["Children"].only(children); var isOver = this.state.isOver; return Object(external_this_wp_element_["cloneElement"])(child, { onMouseEnter: this.createToggleIsOver('onMouseEnter', true), onMouseLeave: this.createToggleIsOver('onMouseLeave'), onClick: this.createToggleIsOver('onClick'), onFocus: this.createToggleIsOver('onFocus'), onBlur: this.createToggleIsOver('onBlur'), children: Object(external_this_wp_element_["concatChildren"])(child.props.children, isOver && Object(external_this_wp_element_["createElement"])(popover, { focusOnMount: false, position: position, className: "components-tooltip", "aria-hidden": "true" }, text, Object(external_this_wp_element_["createElement"])(build_module_shortcut, { className: "components-tooltip__shortcut", shortcut: shortcut }))) }); } }]); return Tooltip; }(external_this_wp_element_["Component"]); /* harmony default export */ var build_module_tooltip = (tooltip_Tooltip); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dashicon/icon-class.js var IconClass = function IconClass(props) { var icon = props.icon, className = props.className; return ['dashicon', 'dashicons-' + icon, className].filter(Boolean).join(' '); }; // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dashicon/index.js /* !!! IF YOU ARE EDITING dashicon/index.jsx THEN YOU ARE EDITING A FILE THAT GETS OUTPUT FROM THE DASHICONS REPO! DO NOT EDIT THAT FILE! EDIT index-header.jsx and index-footer.jsx instead OR if you're looking to change now SVGs get output, you'll need to edit strings in the Gruntfile :) !!! */ /** * WordPress dependencies */ /** * Internal dependencies */ var dashicon_Dashicon = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Dashicon, _Component); function Dashicon() { Object(classCallCheck["a" /* default */])(this, Dashicon); return Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Dashicon).apply(this, arguments)); } Object(createClass["a" /* default */])(Dashicon, [{ key: "shouldComponentUpdate", value: function shouldComponentUpdate(nextProps) { return this.props.icon !== nextProps.icon || this.props.size !== nextProps.size || this.props.className !== nextProps.className || this.props.ariaPressed !== nextProps.ariaPressed; } }, { key: "render", value: function render() { var _this$props = this.props, icon = _this$props.icon, _this$props$size = _this$props.size, size = _this$props$size === void 0 ? 20 : _this$props$size; var path; switch (icon) { case 'admin-appearance': path = 'M14.48 11.06L7.41 3.99l1.5-1.5c.5-.56 2.3-.47 3.51.32 1.21.8 1.43 1.28 2.91 2.1 1.18.64 2.45 1.26 4.45.85zm-.71.71L6.7 4.7 4.93 6.47c-.39.39-.39 1.02 0 1.41l1.06 1.06c.39.39.39 1.03 0 1.42-.6.6-1.43 1.11-2.21 1.69-.35.26-.7.53-1.01.84C1.43 14.23.4 16.08 1.4 17.07c.99 1 2.84-.03 4.18-1.36.31-.31.58-.66.85-1.02.57-.78 1.08-1.61 1.69-2.21.39-.39 1.02-.39 1.41 0l1.06 1.06c.39.39 1.02.39 1.41 0z'; break; case 'admin-collapse': path = 'M10 2.16c4.33 0 7.84 3.51 7.84 7.84s-3.51 7.84-7.84 7.84S2.16 14.33 2.16 10 5.71 2.16 10 2.16zm2 11.72V6.12L6.18 9.97z'; break; case 'admin-comments': path = 'M5 2h9c1.1 0 2 .9 2 2v7c0 1.1-.9 2-2 2h-2l-5 5v-5H5c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2z'; break; case 'admin-customizer': path = 'M18.33 3.57s.27-.8-.31-1.36c-.53-.52-1.22-.24-1.22-.24-.61.3-5.76 3.47-7.67 5.57-.86.96-2.06 3.79-1.09 4.82.92.98 3.96-.17 4.79-1 2.06-2.06 5.21-7.17 5.5-7.79zM1.4 17.65c2.37-1.56 1.46-3.41 3.23-4.64.93-.65 2.22-.62 3.08.29.63.67.8 2.57-.16 3.46-1.57 1.45-4 1.55-6.15.89z'; break; case 'admin-generic': path = 'M18 12h-2.18c-.17.7-.44 1.35-.81 1.93l1.54 1.54-2.1 2.1-1.54-1.54c-.58.36-1.23.63-1.91.79V19H8v-2.18c-.68-.16-1.33-.43-1.91-.79l-1.54 1.54-2.12-2.12 1.54-1.54c-.36-.58-.63-1.23-.79-1.91H1V9.03h2.17c.16-.7.44-1.35.8-1.94L2.43 5.55l2.1-2.1 1.54 1.54c.58-.37 1.24-.64 1.93-.81V2h3v2.18c.68.16 1.33.43 1.91.79l1.54-1.54 2.12 2.12-1.54 1.54c.36.59.64 1.24.8 1.94H18V12zm-8.5 1.5c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z'; break; case 'admin-home': path = 'M16 8.5l1.53 1.53-1.06 1.06L10 4.62l-6.47 6.47-1.06-1.06L10 2.5l4 4v-2h2v4zm-6-2.46l6 5.99V18H4v-5.97zM12 17v-5H8v5h4z'; break; case 'admin-links': path = 'M17.74 2.76c1.68 1.69 1.68 4.41 0 6.1l-1.53 1.52c-1.12 1.12-2.7 1.47-4.14 1.09l2.62-2.61.76-.77.76-.76c.84-.84.84-2.2 0-3.04-.84-.85-2.2-.85-3.04 0l-.77.76-3.38 3.38c-.37-1.44-.02-3.02 1.1-4.14l1.52-1.53c1.69-1.68 4.42-1.68 6.1 0zM8.59 13.43l5.34-5.34c.42-.42.42-1.1 0-1.52-.44-.43-1.13-.39-1.53 0l-5.33 5.34c-.42.42-.42 1.1 0 1.52.44.43 1.13.39 1.52 0zm-.76 2.29l4.14-4.15c.38 1.44.03 3.02-1.09 4.14l-1.52 1.53c-1.69 1.68-4.41 1.68-6.1 0-1.68-1.68-1.68-4.42 0-6.1l1.53-1.52c1.12-1.12 2.7-1.47 4.14-1.1l-4.14 4.15c-.85.84-.85 2.2 0 3.05.84.84 2.2.84 3.04 0z'; break; case 'admin-media': path = 'M13 11V4c0-.55-.45-1-1-1h-1.67L9 1H5L3.67 3H2c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h10c.55 0 1-.45 1-1zM7 4.5c1.38 0 2.5 1.12 2.5 2.5S8.38 9.5 7 9.5 4.5 8.38 4.5 7 5.62 4.5 7 4.5zM14 6h5v10.5c0 1.38-1.12 2.5-2.5 2.5S14 17.88 14 16.5s1.12-2.5 2.5-2.5c.17 0 .34.02.5.05V9h-3V6zm-4 8.05V13h2v3.5c0 1.38-1.12 2.5-2.5 2.5S7 17.88 7 16.5 8.12 14 9.5 14c.17 0 .34.02.5.05z'; break; case 'admin-multisite': path = 'M14.27 6.87L10 3.14 5.73 6.87 5 6.14l5-4.38 5 4.38zM14 8.42l-4.05 3.43L6 8.38v-.74l4-3.5 4 3.5v.78zM11 9.7V8H9v1.7h2zm-1.73 4.03L5 10 .73 13.73 0 13l5-4.38L10 13zm10 0L15 10l-4.27 3.73L10 13l5-4.38L20 13zM5 11l4 3.5V18H1v-3.5zm10 0l4 3.5V18h-8v-3.5zm-9 6v-2H4v2h2zm10 0v-2h-2v2h2z'; break; case 'admin-network': path = 'M16.95 2.58c1.96 1.95 1.96 5.12 0 7.07-1.51 1.51-3.75 1.84-5.59 1.01l-1.87 3.31-2.99.31L5 18H2l-1-2 7.95-7.69c-.92-1.87-.62-4.18.93-5.73 1.95-1.96 5.12-1.96 7.07 0zm-2.51 3.79c.74 0 1.33-.6 1.33-1.34 0-.73-.59-1.33-1.33-1.33-.73 0-1.33.6-1.33 1.33 0 .74.6 1.34 1.33 1.34z'; break; case 'admin-page': path = 'M6 15V2h10v13H6zm-1 1h8v2H3V5h2v11z'; break; case 'admin-plugins': path = 'M13.11 4.36L9.87 7.6 8 5.73l3.24-3.24c.35-.34 1.05-.2 1.56.32.52.51.66 1.21.31 1.55zm-8 1.77l.91-1.12 9.01 9.01-1.19.84c-.71.71-2.63 1.16-3.82 1.16H6.14L4.9 17.26c-.59.59-1.54.59-2.12 0-.59-.58-.59-1.53 0-2.12l1.24-1.24v-3.88c0-1.13.4-3.19 1.09-3.89zm7.26 3.97l3.24-3.24c.34-.35 1.04-.21 1.55.31.52.51.66 1.21.31 1.55l-3.24 3.25z'; break; case 'admin-post': path = 'M10.44 3.02l1.82-1.82 6.36 6.35-1.83 1.82c-1.05-.68-2.48-.57-3.41.36l-.75.75c-.92.93-1.04 2.35-.35 3.41l-1.83 1.82-2.41-2.41-2.8 2.79c-.42.42-3.38 2.71-3.8 2.29s1.86-3.39 2.28-3.81l2.79-2.79L4.1 9.36l1.83-1.82c1.05.69 2.48.57 3.4-.36l.75-.75c.93-.92 1.05-2.35.36-3.41z'; break; case 'admin-settings': path = 'M18 16V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h13c.55 0 1-.45 1-1zM8 11h1c.55 0 1 .45 1 1s-.45 1-1 1H8v1.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5V13H6c-.55 0-1-.45-1-1s.45-1 1-1h1V5.5c0-.28.22-.5.5-.5s.5.22.5.5V11zm5-2h-1c-.55 0-1-.45-1-1s.45-1 1-1h1V5.5c0-.28.22-.5.5-.5s.5.22.5.5V7h1c.55 0 1 .45 1 1s-.45 1-1 1h-1v5.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5V9z'; break; case 'admin-site-alt': path = 'M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm7.5 6.48c-.274.896-.908 1.64-1.75 2.05-.45-1.69-1.658-3.074-3.27-3.75.13-.444.41-.83.79-1.09-.43-.28-1-.42-1.34.07-.53.69 0 1.61.21 2v.14c-.555-.337-.99-.84-1.24-1.44-.966-.03-1.922.208-2.76.69-.087-.565-.032-1.142.16-1.68.733.07 1.453-.23 1.92-.8.46-.52-.13-1.18-.59-1.58h.36c1.36-.01 2.702.335 3.89 1 1.36 1.005 2.194 2.57 2.27 4.26.24 0 .7-.55.91-.92.172.34.32.69.44 1.05zM9 16.84c-2.05-2.08.25-3.75-1-5.24-.92-.85-2.29-.26-3.11-1.23-.282-1.473.267-2.982 1.43-3.93.52-.44 4-1 5.42.22.83.715 1.415 1.674 1.67 2.74.46.035.918-.066 1.32-.29.41 2.98-3.15 6.74-5.73 7.73zM5.15 2.09c.786-.3 1.676-.028 2.16.66-.42.38-.94.63-1.5.72.02-.294.085-.584.19-.86l-.85-.52z'; break; case 'admin-site-alt2': path = 'M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm2.92 12.34c0 .35.14.63.36.66.22.03.47-.22.58-.6l.2.08c.718.384 1.07 1.22.84 2-.15.69-.743 1.198-1.45 1.24-.49-1.21-2.11.06-3.56-.22-.612-.154-1.11-.6-1.33-1.19 1.19-.11 2.85-1.73 4.36-1.97zM8 11.27c.918 0 1.695-.68 1.82-1.59.44.54.41 1.324-.07 1.83-.255.223-.594.325-.93.28-.335-.047-.635-.236-.82-.52zm3-.76c.41.39 3-.06 3.52 1.09-.95-.2-2.95.61-3.47-1.08l-.05-.01zM9.73 5.45v.27c-.65-.77-1.33-1.07-1.61-.57-.28.5 1 1.11.76 1.88-.24.77-1.27.56-1.88 1.61-.61 1.05-.49 2.42 1.24 3.67-1.192-.132-2.19-.962-2.54-2.11-.4-1.2-.09-2.26-.78-2.46C4 7.46 3 8.71 3 9.8c-1.26-1.26.05-2.86-1.2-4.18C3.5 1.998 7.644.223 11.44 1.49c-1.1 1.02-1.722 2.458-1.71 3.96z'; break; case 'admin-site-alt3': path = 'M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zM1.11 9.68h2.51c.04.91.167 1.814.38 2.7H1.84c-.403-.85-.65-1.764-.73-2.7zm8.57-5.4V1.19c.964.366 1.756 1.08 2.22 2 .205.347.386.708.54 1.08l-2.76.01zm3.22 1.35c.232.883.37 1.788.41 2.7H9.68v-2.7h3.22zM8.32 1.19v3.09H5.56c.154-.372.335-.733.54-1.08.462-.924 1.255-1.64 2.22-2.01zm0 4.44v2.7H4.7c.04-.912.178-1.817.41-2.7h3.21zm-4.7 2.69H1.11c.08-.936.327-1.85.73-2.7H4c-.213.886-.34 1.79-.38 2.7zM4.7 9.68h3.62v2.7H5.11c-.232-.883-.37-1.788-.41-2.7zm3.63 4v3.09c-.964-.366-1.756-1.08-2.22-2-.205-.347-.386-.708-.54-1.08l2.76-.01zm1.35 3.09v-3.04h2.76c-.154.372-.335.733-.54 1.08-.464.92-1.256 1.634-2.22 2v-.04zm0-4.44v-2.7h3.62c-.04.912-.178 1.817-.41 2.7H9.68zm4.71-2.7h2.51c-.08.936-.327 1.85-.73 2.7H14c.21-.87.337-1.757.38-2.65l.01-.05zm0-1.35c-.046-.894-.176-1.78-.39-2.65h2.16c.403.85.65 1.764.73 2.7l-2.5-.05zm1-4H13.6c-.324-.91-.793-1.76-1.39-2.52 1.244.56 2.325 1.426 3.14 2.52h.04zm-9.6-2.52c-.597.76-1.066 1.61-1.39 2.52H2.65c.815-1.094 1.896-1.96 3.14-2.52zm-3.15 12H4.4c.324.91.793 1.76 1.39 2.52-1.248-.567-2.33-1.445-3.14-2.55l-.01.03zm9.56 2.52c.597-.76 1.066-1.61 1.39-2.52h1.76c-.82 1.08-1.9 1.933-3.14 2.48l-.01.04z'; break; case 'admin-site': path = 'M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm3.46 11.95c0 1.47-.8 3.3-4.06 4.7.3-4.17-2.52-3.69-3.2-5 .126-1.1.804-2.063 1.8-2.55-1.552-.266-3-.96-4.18-2 .05.47.28.904.64 1.21-.782-.295-1.458-.817-1.94-1.5.977-3.225 3.883-5.482 7.25-5.63-.84 1.38-1.5 4.13 0 5.57C7.23 7 6.26 5 5.41 5.79c-1.13 1.06.33 2.51 3.42 3.08 3.29.59 3.66 1.58 3.63 3.08zm1.34-4c-.32-1.11.62-2.23 1.69-3.14 1.356 1.955 1.67 4.45.84 6.68-.77-1.89-2.17-2.32-2.53-3.57v.03z'; break; case 'admin-tools': path = 'M16.68 9.77c-1.34 1.34-3.3 1.67-4.95.99l-5.41 6.52c-.99.99-2.59.99-3.58 0s-.99-2.59 0-3.57l6.52-5.42c-.68-1.65-.35-3.61.99-4.95 1.28-1.28 3.12-1.62 4.72-1.06l-2.89 2.89 2.82 2.82 2.86-2.87c.53 1.58.18 3.39-1.08 4.65zM3.81 16.21c.4.39 1.04.39 1.43 0 .4-.4.4-1.04 0-1.43-.39-.4-1.03-.4-1.43 0-.39.39-.39 1.03 0 1.43z'; break; case 'admin-users': path = 'M10 9.25c-2.27 0-2.73-3.44-2.73-3.44C7 4.02 7.82 2 9.97 2c2.16 0 2.98 2.02 2.71 3.81 0 0-.41 3.44-2.68 3.44zm0 2.57L12.72 10c2.39 0 4.52 2.33 4.52 4.53v2.49s-3.65 1.13-7.24 1.13c-3.65 0-7.24-1.13-7.24-1.13v-2.49c0-2.25 1.94-4.48 4.47-4.48z'; break; case 'album': path = 'M0 18h10v-.26c1.52.4 3.17.35 4.76-.24 4.14-1.52 6.27-6.12 4.75-10.26-1.43-3.89-5.58-6-9.51-4.98V2H0v16zM9 3v14H1V3h8zm5.45 8.22c-.68 1.35-2.32 1.9-3.67 1.23-.31-.15-.57-.35-.78-.59V8.13c.8-.86 2.11-1.13 3.22-.58 1.35.68 1.9 2.32 1.23 3.67zm-2.75-.82c.22.16.53.12.7-.1.16-.22.12-.53-.1-.7s-.53-.12-.7.1c-.16.21-.12.53.1.7zm3.01 3.67c-1.17.78-2.56.99-3.83.69-.27-.06-.44-.34-.37-.61s.34-.43.62-.36l.17.04c.96.17 1.98-.01 2.86-.59.47-.32.86-.72 1.14-1.18.15-.23.45-.3.69-.16.23.15.3.46.16.69-.36.57-.84 1.08-1.44 1.48zm1.05 1.57c-1.48.99-3.21 1.32-4.84 1.06-.28-.05-.47-.32-.41-.6.05-.27.32-.45.61-.39l.22.04c1.31.15 2.68-.14 3.87-.94.71-.47 1.27-1.07 1.7-1.74.14-.24.45-.31.68-.16.24.14.31.45.16.69-.49.79-1.16 1.49-1.99 2.04z'; break; case 'align-center': path = 'M3 5h14V3H3v2zm12 8V7H5v6h10zM3 17h14v-2H3v2z'; break; case 'align-full-width': path = 'M17 13V3H3v10h14zM5 17h10v-2H5v2z'; break; case 'align-left': path = 'M3 5h14V3H3v2zm9 8V7H3v6h9zm2-4h3V7h-3v2zm0 4h3v-2h-3v2zM3 17h14v-2H3v2z'; break; case 'align-none': path = 'M3 5h14V3H3v2zm10 8V7H3v6h10zM3 17h14v-2H3v2z'; break; case 'align-pull-left': path = 'M9 16V4H3v12h6zm2-7h6V7h-6v2zm0 4h6v-2h-6v2z'; break; case 'align-pull-right': path = 'M17 16V4h-6v12h6zM9 7H3v2h6V7zm0 4H3v2h6v-2z'; break; case 'align-right': path = 'M3 5h14V3H3v2zm0 4h3V7H3v2zm14 4V7H8v6h9zM3 13h3v-2H3v2zm0 4h14v-2H3v2z'; break; case 'align-wide': path = 'M5 5h10V3H5v2zm12 8V7H3v6h14zM5 17h10v-2H5v2z'; break; case 'analytics': path = 'M18 18V2H2v16h16zM16 5H4V4h12v1zM7 7v3h3c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3zm1 2V7c1.1 0 2 .9 2 2H8zm8-1h-4V7h4v1zm0 3h-4V9h4v2zm0 2h-4v-1h4v1zm0 3H4v-1h12v1z'; break; case 'archive': path = 'M19 4v2H1V4h18zM2 7h16v10H2V7zm11 3V9H7v1h6z'; break; case 'arrow-down-alt': path = 'M9 2h2v12l4-4 2 1-7 7-7-7 2-1 4 4V2z'; break; case 'arrow-down-alt2': path = 'M5 6l5 5 5-5 2 1-7 7-7-7z'; break; case 'arrow-down': path = 'M15 8l-4.03 6L7 8h8z'; break; case 'arrow-left-alt': path = 'M18 9v2H6l4 4-1 2-7-7 7-7 1 2-4 4h12z'; break; case 'arrow-left-alt2': path = 'M14 5l-5 5 5 5-1 2-7-7 7-7z'; break; case 'arrow-left': path = 'M13 14L7 9.97 13 6v8z'; break; case 'arrow-right-alt': path = 'M2 11V9h12l-4-4 1-2 7 7-7 7-1-2 4-4H2z'; break; case 'arrow-right-alt2': path = 'M6 15l5-5-5-5 1-2 7 7-7 7z'; break; case 'arrow-right': path = 'M8 6l6 4.03L8 14V6z'; break; case 'arrow-up-alt': path = 'M11 18H9V6l-4 4-2-1 7-7 7 7-2 1-4-4v12z'; break; case 'arrow-up-alt2': path = 'M15 14l-5-5-5 5-2-1 7-7 7 7z'; break; case 'arrow-up': path = 'M7 13l4.03-6L15 13H7z'; break; case 'art': path = 'M8.55 3.06c1.01.34-1.95 2.01-.1 3.13 1.04.63 3.31-2.22 4.45-2.86.97-.54 2.67-.65 3.53 1.23 1.09 2.38.14 8.57-3.79 11.06-3.97 2.5-8.97 1.23-10.7-2.66-2.01-4.53 3.12-11.09 6.61-9.9zm1.21 6.45c.73 1.64 4.7-.5 3.79-2.8-.59-1.49-4.48 1.25-3.79 2.8z'; break; case 'awards': path = 'M4.46 5.16L5 7.46l-.54 2.29 2.01 1.24L7.7 13l2.3-.54 2.3.54 1.23-2.01 2.01-1.24L15 7.46l.54-2.3-2-1.24-1.24-2.01-2.3.55-2.29-.54-1.25 2zm5.55 6.34C7.79 11.5 6 9.71 6 7.49c0-2.2 1.79-3.99 4.01-3.99 2.2 0 3.99 1.79 3.99 3.99 0 2.22-1.79 4.01-3.99 4.01zm-.02-1C8.33 10.5 7 9.16 7 7.5c0-1.65 1.33-3 2.99-3S13 5.85 13 7.5c0 1.66-1.35 3-3.01 3zm3.84 1.1l-1.28 2.24-2.08-.47L13 19.2l1.4-2.2h2.5zm-7.7.07l1.25 2.25 2.13-.51L7 19.2 5.6 17H3.1z'; break; case 'backup': path = 'M13.65 2.88c3.93 2.01 5.48 6.84 3.47 10.77s-6.83 5.48-10.77 3.47c-1.87-.96-3.2-2.56-3.86-4.4l1.64-1.03c.45 1.57 1.52 2.95 3.08 3.76 3.01 1.54 6.69.35 8.23-2.66 1.55-3.01.36-6.69-2.65-8.24C9.78 3.01 6.1 4.2 4.56 7.21l1.88.97-4.95 3.08-.39-5.82 1.78.91C4.9 2.4 9.75.89 13.65 2.88zm-4.36 7.83C9.11 10.53 9 10.28 9 10c0-.07.03-.12.04-.19h-.01L10 5l.97 4.81L14 13l-4.5-2.12.02-.02c-.08-.04-.16-.09-.23-.15z'; break; case 'block-default': path = 'M15 6V4h-3v2H8V4H5v2H4c-.6 0-1 .4-1 1v8h14V7c0-.6-.4-1-1-1h-1z'; break; case 'book-alt': path = 'M5 17h13v2H5c-1.66 0-3-1.34-3-3V4c0-1.66 1.34-3 3-3h13v14H5c-.55 0-1 .45-1 1s.45 1 1 1zm2-3.5v-11c0-.28-.22-.5-.5-.5s-.5.22-.5.5v11c0 .28.22.5.5.5s.5-.22.5-.5z'; break; case 'book': path = 'M16 3h2v16H5c-1.66 0-3-1.34-3-3V4c0-1.66 1.34-3 3-3h9v14H5c-.55 0-1 .45-1 1s.45 1 1 1h11V3z'; break; case 'buddicons-activity': path = 'M8 1v7h2V6c0-1.52 1.45-3 3-3v.86c.55-.52 1.26-.86 2-.86v3h1c1.1 0 2 .9 2 2s-.9 2-2 2h-1v6c0 .55-.45 1-1 1s-1-.45-1-1v-2.18c-.31.11-.65.18-1 .18v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H8v2c0 .55-.45 1-1 1s-1-.45-1-1v-2c-.35 0-.69-.07-1-.18V16c0 .55-.45 1-1 1s-1-.45-1-1v-4H2v-1c0-1.66 1.34-3 3-3h2V1h1zm5 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z'; break; case 'buddicons-bbpress-logo': path = 'M8.5 12.6c.3-1.3 0-2.3-1.1-2.3-.8 0-1.6.6-1.8 1.5l-.3 1.7c-.3 1 .3 1.5 1 1.5 1.2 0 1.9-1.1 2.2-2.4zm-4-6.4C3.7 7.3 3.3 8.6 3.3 10c0 1 .2 1.9.6 2.8l1-4.6c.3-1.7.4-2-.4-2zm9.3 6.4c.3-1.3 0-2.3-1.1-2.3-.8 0-1.6.6-1.8 1.5l-.4 1.7c-.2 1.1.4 1.6 1.1 1.6 1.1-.1 1.9-1.2 2.2-2.5zM10 3.3c-2 0-3.9.9-5.1 2.3.6-.1 1.4-.2 1.8-.3.2 0 .2.1.2.2 0 .2-1 4.8-1 4.8.5-.3 1.2-.7 1.8-.7.9 0 1.5.4 1.9.9l.5-2.4c.4-1.6.4-1.9-.4-1.9-.4 0-.4-.5 0-.6.6-.1 1.8-.2 2.3-.3.2 0 .2.1.2.2l-1 4.8c.5-.4 1.2-.7 1.9-.7 1.7 0 2.5 1.3 2.1 3-.3 1.7-2 3-3.8 3-1.3 0-2.1-.7-2.3-1.4-.7.8-1.7 1.3-2.8 1.4 1.1.7 2.4 1.1 3.7 1.1 3.7 0 6.7-3 6.7-6.7s-3-6.7-6.7-6.7zM10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 15.5c-2.1 0-4-.8-5.3-2.2-.3-.4-.7-.8-1-1.2-.7-1.2-1.2-2.6-1.2-4.1 0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5-3.4 7.5-7.5 7.5z'; break; case 'buddicons-buddypress-logo': path = 'M10 0c5.52 0 10 4.48 10 10s-4.48 10-10 10S0 15.52 0 10 4.48 0 10 0zm0 .5C4.75.5.5 4.75.5 10s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5S15.25.5 10 .5zm0 1c4.7 0 8.5 3.8 8.5 8.5s-3.8 8.5-8.5 8.5-8.5-3.8-8.5-8.5S5.3 1.5 10 1.5zm1.8 1.71c-.57 0-1.1.17-1.55.45 1.56.37 2.73 1.77 2.73 3.45 0 .69-.21 1.33-.55 1.87 1.31-.29 2.29-1.45 2.29-2.85 0-1.61-1.31-2.92-2.92-2.92zm-2.38 1c-1.61 0-2.92 1.31-2.92 2.93 0 1.61 1.31 2.92 2.92 2.92 1.62 0 2.93-1.31 2.93-2.92 0-1.62-1.31-2.93-2.93-2.93zm4.25 5.01l-.51.59c2.34.69 2.45 3.61 2.45 3.61h1.28c0-4.71-3.22-4.2-3.22-4.2zm-2.1.8l-2.12 2.09-2.12-2.09C3.12 10.24 3.89 15 3.89 15h11.08c.47-4.98-3.4-4.98-3.4-4.98z'; break; case 'buddicons-community': path = 'M9 3c0-.67-.47-1.43-1-2-.5.5-1 1.38-1 2 0 .48.45 1 1 1s1-.47 1-1zm4 0c0-.67-.47-1.43-1-2-.5.5-1 1.38-1 2 0 .48.45 1 1 1s1-.47 1-1zM9 9V5.5c0-.55-.45-1-1-1-.57 0-1 .49-1 1V9c0 .55.45 1 1 1 .57 0 1-.49 1-1zm4 0V5.5c0-.55-.45-1-1-1-.57 0-1 .49-1 1V9c0 .55.45 1 1 1 .57 0 1-.49 1-1zm4 1c0-1.48-1.41-2.77-3.5-3.46V9c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5V6.01c-.17 0-.33-.01-.5-.01s-.33.01-.5.01V9c0 .83-.67 1.5-1.5 1.5S6.5 9.83 6.5 9V6.54C4.41 7.23 3 8.52 3 10c0 1.41.95 2.65 3.21 3.37 1.11.35 2.39 1.12 3.79 1.12s2.69-.78 3.79-1.13C16.04 12.65 17 11.41 17 10zm-7 5.43c1.43 0 2.74-.79 3.88-1.11 1.9-.53 2.49-1.34 3.12-2.32v3c0 2.21-3.13 4-7 4s-7-1.79-7-4v-3c.64.99 1.32 1.8 3.15 2.33 1.13.33 2.44 1.1 3.85 1.1z'; break; case 'buddicons-forums': path = 'M13.5 7h-7C5.67 7 5 6.33 5 5.5S5.67 4 6.5 4h1.59C8.04 3.84 8 3.68 8 3.5 8 2.67 8.67 2 9.5 2h1c.83 0 1.5.67 1.5 1.5 0 .18-.04.34-.09.5h1.59c.83 0 1.5.67 1.5 1.5S14.33 7 13.5 7zM4 8h12c.55 0 1 .45 1 1s-.45 1-1 1H4c-.55 0-1-.45-1-1s.45-1 1-1zm1 3h10c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1s.45-1 1-1zm2 3h6c.55 0 1 .45 1 1s-.45 1-1 1h-1.09c.05.16.09.32.09.5 0 .83-.67 1.5-1.5 1.5h-1c-.83 0-1.5-.67-1.5-1.5 0-.18.04-.34.09-.5H7c-.55 0-1-.45-1-1s.45-1 1-1z'; break; case 'buddicons-friends': path = 'M8.75 5.77C8.75 4.39 7 2 7 2S5.25 4.39 5.25 5.77 5.9 7.5 7 7.5s1.75-.35 1.75-1.73zm6 0C14.75 4.39 13 2 13 2s-1.75 2.39-1.75 3.77S11.9 7.5 13 7.5s1.75-.35 1.75-1.73zM9 17V9c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h2c.55 0 1-.45 1-1zm6 0V9c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h2c.55 0 1-.45 1-1zm-9-6l2-1v2l-2 1v-2zm6 0l2-1v2l-2 1v-2zm-6 3l2-1v2l-2 1v-2zm6 0l2-1v2l-2 1v-2z'; break; case 'buddicons-groups': path = 'M15.45 6.25c1.83.94 1.98 3.18.7 4.98-.8 1.12-2.33 1.88-3.46 1.78L10.05 18H9l-2.65-4.99c-1.13.16-2.73-.63-3.55-1.79-1.28-1.8-1.13-4.04.71-4.97.48-.24.96-.33 1.43-.31-.01.4.01.8.07 1.21.26 1.69 1.41 3.53 2.86 4.37-.19.55-.49.99-.88 1.25L9 16.58v-5.66C7.64 10.55 6.26 8.76 6 7c-.4-2.65 1-5 3.5-5s3.9 2.35 3.5 5c-.26 1.76-1.64 3.55-3 3.92v5.77l2.07-3.84c-.44-.23-.77-.71-.99-1.3 1.48-.83 2.65-2.69 2.91-4.4.06-.41.08-.82.07-1.22.46-.01.92.08 1.39.32z'; break; case 'buddicons-pm': path = 'M10 2c3 0 8 5 8 5v11H2V7s5-5 8-5zm7 14.72l-3.73-2.92L17 11l-.43-.37-2.26 1.3.24-4.31-8.77-.52-.46 4.54-1.99-.95L3 11l3.73 2.8-3.44 2.85.4.43L10 13l6.53 4.15z'; break; case 'buddicons-replies': path = 'M17.54 10.29c1.17 1.17 1.17 3.08 0 4.25-1.18 1.17-3.08 1.17-4.25 0l-.34-.52c0 3.66-2 4.38-2.95 4.98-.82-.6-2.95-1.28-2.95-4.98l-.34.52c-1.17 1.17-3.07 1.17-4.25 0-1.17-1.17-1.17-3.08 0-4.25 0 0 1.02-.67 2.1-1.3C3.71 7.84 3.2 6.42 3.2 4.88c0-.34.03-.67.08-1C3.53 5.66 4.47 7.22 5.8 8.3c.67-.35 1.85-.83 2.37-.92H8c-1.1 0-2-.9-2-2s.9-2 2-2v-.5c0-.28.22-.5.5-.5s.5.22.5.5v.5h2v-.5c0-.28.22-.5.5-.5s.5.22.5.5v.5c1.1 0 2 .9 2 2s-.9 2-2 2h-.17c.51.09 1.78.61 2.38.92 1.33-1.08 2.27-2.64 2.52-4.42.05.33.08.66.08 1 0 1.54-.51 2.96-1.36 4.11 1.08.63 2.09 1.3 2.09 1.3zM8.5 6.38c.5 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm3-2c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-2.3 5.73c-.12.11-.19.26-.19.43.02.25.23.46.49.46h1c.26 0 .47-.21.49-.46 0-.15-.07-.29-.19-.43-.08-.06-.18-.11-.3-.11h-1c-.12 0-.22.05-.3.11zM12 12.5c0-.12-.06-.28-.19-.38-.09-.07-.19-.12-.31-.12h-3c-.12 0-.22.05-.31.12-.11.1-.19.25-.19.38 0 .28.22.5.5.5h3c.28 0 .5-.22.5-.5zM8.5 15h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5zm1 2h1c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5s.22.5.5.5z'; break; case 'buddicons-topics': path = 'M10.44 1.66c-.59-.58-1.54-.58-2.12 0L2.66 7.32c-.58.58-.58 1.53 0 2.12.6.6 1.56.56 2.12 0l5.66-5.66c.58-.58.59-1.53 0-2.12zm2.83 2.83c-.59-.59-1.54-.59-2.12 0l-5.66 5.66c-.59.58-.59 1.53 0 2.12.6.6 1.56.55 2.12 0l5.66-5.66c.58-.58.58-1.53 0-2.12zm1.06 6.72l4.18 4.18c.59.58.59 1.53 0 2.12s-1.54.59-2.12 0l-4.18-4.18-1.77 1.77c-.59.58-1.54.58-2.12 0-.59-.59-.59-1.54 0-2.13l5.66-5.65c.58-.59 1.53-.59 2.12 0 .58.58.58 1.53 0 2.12zM5 15c0-1.59-1.66-4-1.66-4S2 13.78 2 15s.6 2 1.34 2h.32C4.4 17 5 16.59 5 15z'; break; case 'buddicons-tracking': path = 'M10.98 6.78L15.5 15c-1 2-3.5 3-5.5 3s-4.5-1-5.5-3L9 6.82c-.75-1.23-2.28-1.98-4.29-2.03l2.46-2.92c1.68 1.19 2.46 2.32 2.97 3.31.56-.87 1.2-1.68 2.7-2.12l1.83 2.86c-1.42-.34-2.64.08-3.69.86zM8.17 10.4l-.93 1.69c.49.11 1 .16 1.54.16 1.35 0 2.58-.36 3.55-.95l-1.01-1.82c-.87.53-1.96.86-3.15.92zm.86 5.38c1.99 0 3.73-.74 4.74-1.86l-.98-1.76c-1 1.12-2.74 1.87-4.74 1.87-.62 0-1.21-.08-1.76-.21l-.63 1.15c.94.5 2.1.81 3.37.81z'; break; case 'building': path = 'M3 20h14V0H3v20zM7 3H5V1h2v2zm4 0H9V1h2v2zm4 0h-2V1h2v2zM7 6H5V4h2v2zm4 0H9V4h2v2zm4 0h-2V4h2v2zM7 9H5V7h2v2zm4 0H9V7h2v2zm4 0h-2V7h2v2zm-8 3H5v-2h2v2zm4 0H9v-2h2v2zm4 0h-2v-2h2v2zm-4 7H5v-6h6v6zm4-4h-2v-2h2v2zm0 3h-2v-2h2v2z'; break; case 'businessman': path = 'M7.3 6l-.03-.19c-.04-.37-.05-.73-.03-1.08.02-.36.1-.71.25-1.04.14-.32.31-.61.52-.86s.49-.46.83-.6c.34-.15.72-.23 1.13-.23.69 0 1.26.2 1.71.59s.76.87.91 1.44.18 1.16.09 1.78l-.03.19c-.01.09-.05.25-.11.48-.05.24-.12.47-.2.69-.08.21-.19.45-.34.72-.14.27-.3.49-.47.69-.18.19-.4.34-.67.48-.27.13-.55.19-.86.19s-.59-.06-.87-.19c-.26-.13-.49-.29-.67-.5-.18-.2-.34-.42-.49-.66-.15-.25-.26-.49-.34-.73-.09-.25-.16-.47-.21-.67-.06-.21-.1-.37-.12-.5zm9.2 6.24c.41.7.5 1.41.5 2.14v2.49c0 .03-.12.08-.29.13-.18.04-.42.13-.97.27-.55.12-1.1.24-1.65.34s-1.19.19-1.95.27c-.75.08-1.46.12-2.13.12-.68 0-1.39-.04-2.14-.12-.75-.07-1.4-.17-1.98-.27-.58-.11-1.08-.23-1.56-.34-.49-.11-.8-.21-1.06-.29L3 16.87v-2.49c0-.75.07-1.46.46-2.15s.81-1.25 1.5-1.68C5.66 10.12 7.19 10 8 10l1.67 1.67L9 13v3l1.02 1.08L11 16v-3l-.68-1.33L11.97 10c.77 0 2.2.07 2.9.52.71.45 1.21 1.02 1.63 1.72z'; break; case 'button': path = 'M17 5H3c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm1 7c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v5z'; break; case 'calendar-alt': path = 'M15 4h3v15H2V4h3V3c0-.41.15-.76.44-1.06.29-.29.65-.44 1.06-.44s.77.15 1.06.44c.29.3.44.65.44 1.06v1h4V3c0-.41.15-.76.44-1.06.29-.29.65-.44 1.06-.44s.77.15 1.06.44c.29.3.44.65.44 1.06v1zM6 3v2.5c0 .14.05.26.15.36.09.09.21.14.35.14s.26-.05.35-.14c.1-.1.15-.22.15-.36V3c0-.14-.05-.26-.15-.35-.09-.1-.21-.15-.35-.15s-.26.05-.35.15c-.1.09-.15.21-.15.35zm7 0v2.5c0 .14.05.26.14.36.1.09.22.14.36.14s.26-.05.36-.14c.09-.1.14-.22.14-.36V3c0-.14-.05-.26-.14-.35-.1-.1-.22-.15-.36-.15s-.26.05-.36.15c-.09.09-.14.21-.14.35zm4 15V8H3v10h14zM7 9v2H5V9h2zm2 0h2v2H9V9zm4 2V9h2v2h-2zm-6 1v2H5v-2h2zm2 0h2v2H9v-2zm4 2v-2h2v2h-2zm-6 1v2H5v-2h2zm4 2H9v-2h2v2zm4 0h-2v-2h2v2z'; break; case 'calendar': path = 'M15 4h3v14H2V4h3V3c0-.83.67-1.5 1.5-1.5S8 2.17 8 3v1h4V3c0-.83.67-1.5 1.5-1.5S15 2.17 15 3v1zM6 3v2.5c0 .28.22.5.5.5s.5-.22.5-.5V3c0-.28-.22-.5-.5-.5S6 2.72 6 3zm7 0v2.5c0 .28.22.5.5.5s.5-.22.5-.5V3c0-.28-.22-.5-.5-.5s-.5.22-.5.5zm4 14V8H3v9h14zM7 16V9H5v7h2zm4 0V9H9v7h2zm4 0V9h-2v7h2z'; break; case 'camera': path = 'M6 5V3H3v2h3zm12 10V4H9L7 6H2v9h16zm-7-8c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3z'; break; case 'carrot': path = 'M2 18.43c1.51 1.36 11.64-4.67 13.14-7.21.72-1.22-.13-3.01-1.52-4.44C15.2 5.73 16.59 9 17.91 8.31c.6-.32.99-1.31.7-1.92-.52-1.08-2.25-1.08-3.42-1.21.83-.2 2.82-1.05 2.86-2.25.04-.92-1.13-1.97-2.05-1.86-1.21.14-1.65 1.88-2.06 3-.05-.71-.2-2.27-.98-2.95-1.04-.91-2.29-.05-2.32 1.05-.04 1.33 2.82 2.07 1.92 3.67C11.04 4.67 9.25 4.03 8.1 4.7c-.49.31-1.05.91-1.63 1.69.89.94 2.12 2.07 3.09 2.72.2.14.26.42.11.62-.14.21-.42.26-.62.12-.99-.67-2.2-1.78-3.1-2.71-.45.67-.91 1.43-1.34 2.23.85.86 1.93 1.83 2.79 2.41.2.14.25.42.11.62-.14.21-.42.26-.63.12-.85-.58-1.86-1.48-2.71-2.32C2.4 13.69 1.1 17.63 2 18.43z'; break; case 'cart': path = 'M6 13h9c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1V4H2c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1v2h13l-4 7H6v1zm-.5 3c.83 0 1.5.67 1.5 1.5S6.33 19 5.5 19 4 18.33 4 17.5 4.67 16 5.5 16zm9 0c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5z'; break; case 'category': path = 'M5 7h13v10H2V4h7l2 2H4v9h1V7z'; break; case 'chart-area': path = 'M18 18l.01-12.28c.59-.35.99-.99.99-1.72 0-1.1-.9-2-2-2s-2 .9-2 2c0 .8.47 1.48 1.14 1.8l-4.13 6.58c-.33-.24-.73-.38-1.16-.38-.84 0-1.55.51-1.85 1.24l-2.14-1.53c.09-.22.14-.46.14-.71 0-1.11-.89-2-2-2-1.1 0-2 .89-2 2 0 .73.4 1.36.98 1.71L1 18h17zM17 3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM5 10c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5.85 3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'; break; case 'chart-bar': path = 'M18 18V2h-4v16h4zm-6 0V7H8v11h4zm-6 0v-8H2v8h4z'; break; case 'chart-line': path = 'M18 3.5c0 .62-.38 1.16-.92 1.38v13.11H1.99l4.22-6.73c-.13-.23-.21-.48-.21-.76C6 9.67 6.67 9 7.5 9S9 9.67 9 10.5c0 .13-.02.25-.05.37l1.44.63c.27-.3.67-.5 1.11-.5.18 0 .35.04.51.09l3.58-6.41c-.36-.27-.59-.7-.59-1.18 0-.83.67-1.5 1.5-1.5.19 0 .36.04.53.1l.05-.09v.11c.54.22.92.76.92 1.38zm-1.92 13.49V5.85l-3.29 5.89c.13.23.21.48.21.76 0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5l.01-.07-1.63-.72c-.25.18-.55.29-.88.29-.18 0-.35-.04-.51-.1l-3.2 5.09h12.29z'; break; case 'chart-pie': path = 'M10 10V3c3.87 0 7 3.13 7 7h-7zM9 4v7h7c0 3.87-3.13 7-7 7s-7-3.13-7-7 3.13-7 7-7z'; break; case 'clipboard': path = 'M11.9.39l1.4 1.4c1.61.19 3.5-.74 4.61.37s.18 3 .37 4.61l1.4 1.4c.39.39.39 1.02 0 1.41l-9.19 9.2c-.4.39-1.03.39-1.42 0L1.29 11c-.39-.39-.39-1.02 0-1.42l9.2-9.19c.39-.39 1.02-.39 1.41 0zm.58 2.25l-.58.58 4.95 4.95.58-.58c-.19-.6-.2-1.22-.15-1.82.02-.31.05-.62.09-.92.12-1 .18-1.63-.17-1.98s-.98-.29-1.98-.17c-.3.04-.61.07-.92.09-.6.05-1.22.04-1.82-.15zm4.02.93c.39.39.39 1.03 0 1.42s-1.03.39-1.42 0-.39-1.03 0-1.42 1.03-.39 1.42 0zm-6.72.36l-.71.7L15.44 11l.7-.71zM8.36 5.34l-.7.71 6.36 6.36.71-.7zM6.95 6.76l-.71.7 6.37 6.37.7-.71zM5.54 8.17l-.71.71 6.36 6.36.71-.71zM4.12 9.58l-.71.71 6.37 6.37.71-.71z'; break; case 'clock': path = 'M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm0 14c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6zm-.71-5.29c.07.05.14.1.23.15l-.02.02L14 13l-3.03-3.19L10 5l-.97 4.81h.01c0 .02-.01.05-.02.09S9 9.97 9 10c0 .28.1.52.29.71z'; break; case 'cloud-saved': path = 'M14.8 9c.1-.3.2-.6.2-1 0-2.2-1.8-4-4-4-1.5 0-2.9.9-3.5 2.2-.3-.1-.7-.2-1-.2C5.1 6 4 7.1 4 8.5c0 .2 0 .4.1.5-1.8.3-3.1 1.7-3.1 3.5C1 14.4 2.6 16 4.5 16h10c1.9 0 3.5-1.6 3.5-3.5 0-1.8-1.4-3.3-3.2-3.5zm-6.3 5.9l-3.2-3.2 1.4-1.4 1.8 1.8 3.8-3.8 1.4 1.4-5.2 5.2z'; break; case 'cloud-upload': path = 'M14.8 9c.1-.3.2-.6.2-1 0-2.2-1.8-4-4-4-1.5 0-2.9.9-3.5 2.2-.3-.1-.7-.2-1-.2C5.1 6 4 7.1 4 8.5c0 .2 0 .4.1.5-1.8.3-3.1 1.7-3.1 3.5C1 14.4 2.6 16 4.5 16H8v-3H5l4.5-4.5L14 13h-3v3h3.5c1.9 0 3.5-1.6 3.5-3.5 0-1.8-1.4-3.3-3.2-3.5z'; break; case 'cloud': path = 'M14.9 9c1.8.2 3.1 1.7 3.1 3.5 0 1.9-1.6 3.5-3.5 3.5h-10C2.6 16 1 14.4 1 12.5 1 10.7 2.3 9.3 4.1 9 4 8.9 4 8.7 4 8.5 4 7.1 5.1 6 6.5 6c.3 0 .7.1.9.2C8.1 4.9 9.4 4 11 4c2.2 0 4 1.8 4 4 0 .4-.1.7-.1 1z'; break; case 'columns': path = 'M3 15h6V5H3v10zm8 0h6V5h-6v10z'; break; case 'controls-back': path = 'M2 10l10-6v3.6L18 4v12l-6-3.6V16z'; break; case 'controls-forward': path = 'M18 10L8 16v-3.6L2 16V4l6 3.6V4z'; break; case 'controls-pause': path = 'M5 16V4h3v12H5zm7-12h3v12h-3V4z'; break; case 'controls-play': path = 'M5 4l10 6-10 6V4z'; break; case 'controls-repeat': path = 'M5 7v3l-2 1.5V5h11V3l4 3.01L14 9V7H5zm10 6v-3l2-1.5V15H6v2l-4-3.01L6 11v2h9z'; break; case 'controls-skipback': path = 'M11.98 7.63l6-3.6v12l-6-3.6v3.6l-8-4.8v4.8h-2v-12h2v4.8l8-4.8v3.6z'; break; case 'controls-skipforward': path = 'M8 12.4L2 16V4l6 3.6V4l8 4.8V4h2v12h-2v-4.8L8 16v-3.6z'; break; case 'controls-volumeoff': path = 'M2 7h4l5-4v14l-5-4H2V7z'; break; case 'controls-volumeon': path = 'M2 7h4l5-4v14l-5-4H2V7zm12.69-2.46C14.82 4.59 18 5.92 18 10s-3.18 5.41-3.31 5.46c-.06.03-.13.04-.19.04-.2 0-.39-.12-.46-.31-.11-.26.02-.55.27-.65.11-.05 2.69-1.15 2.69-4.54 0-3.41-2.66-4.53-2.69-4.54-.25-.1-.38-.39-.27-.65.1-.25.39-.38.65-.27zM16 10c0 2.57-2.23 3.43-2.32 3.47-.06.02-.12.03-.18.03-.2 0-.39-.12-.47-.32-.1-.26.04-.55.29-.65.07-.02 1.68-.67 1.68-2.53s-1.61-2.51-1.68-2.53c-.25-.1-.38-.39-.29-.65.1-.25.39-.39.65-.29.09.04 2.32.9 2.32 3.47z'; break; case 'cover-image': path = 'M2.2 1h15.5c.7 0 1.3.6 1.3 1.2v11.5c0 .7-.6 1.2-1.2 1.2H2.2c-.6.1-1.2-.5-1.2-1.1V2.2C1 1.6 1.6 1 2.2 1zM17 13V3H3v10h14zm-4-4s0-5 3-5v7c0 .6-.4 1-1 1H5c-.6 0-1-.4-1-1V7c2 0 3 4 3 4s1-4 3-4 3 2 3 2zM4 17h12v2H4z'; break; case 'dashboard': path = 'M3.76 16h12.48c1.1-1.37 1.76-3.11 1.76-5 0-4.42-3.58-8-8-8s-8 3.58-8 8c0 1.89.66 3.63 1.76 5zM10 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 6c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm8 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-5.37 5.55L12 7v6c0 1.1-.9 2-2 2s-2-.9-2-2c0-.57.24-1.08.63-1.45zM4 10c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm12 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-5 3c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1z'; break; case 'desktop': path = 'M3 2h14c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1h-5v2h2c.55 0 1 .45 1 1v1H5v-1c0-.55.45-1 1-1h2v-2H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm13 9V4H4v7h12zM5 5h9L5 9V5z'; break; case 'dismiss': path = 'M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm5 11l-3-3 3-3-2-2-3 3-3-3-2 2 3 3-3 3 2 2 3-3 3 3z'; break; case 'download': path = 'M14.01 4v6h2V2H4v8h2.01V4h8zm-2 2v6h3l-5 6-5-6h3V6h4z'; break; case 'edit': path = 'M13.89 3.39l2.71 2.72c.46.46.42 1.24.03 1.64l-8.01 8.02-5.56 1.16 1.16-5.58s7.6-7.63 7.99-8.03c.39-.39 1.22-.39 1.68.07zm-2.73 2.79l-5.59 5.61 1.11 1.11 5.54-5.65zm-2.97 8.23l5.58-5.6-1.07-1.08-5.59 5.6z'; break; case 'editor-aligncenter': path = 'M14 5V3H6v2h8zm3 4V7H3v2h14zm-3 4v-2H6v2h8zm3 4v-2H3v2h14z'; break; case 'editor-alignleft': path = 'M12 5V3H3v2h9zm5 4V7H3v2h14zm-5 4v-2H3v2h9zm5 4v-2H3v2h14z'; break; case 'editor-alignright': path = 'M17 5V3H8v2h9zm0 4V7H3v2h14zm0 4v-2H8v2h9zm0 4v-2H3v2h14z'; break; case 'editor-bold': path = 'M6 4v13h4.54c1.37 0 2.46-.33 3.26-1 .8-.66 1.2-1.58 1.2-2.77 0-.84-.17-1.51-.51-2.01s-.9-.85-1.67-1.03v-.09c.57-.1 1.02-.4 1.36-.9s.51-1.13.51-1.91c0-1.14-.39-1.98-1.17-2.5C12.75 4.26 11.5 4 9.78 4H6zm2.57 5.15V6.26h1.36c.73 0 1.27.11 1.61.32.34.22.51.58.51 1.07 0 .54-.16.92-.47 1.15s-.82.35-1.51.35h-1.5zm0 2.19h1.6c1.44 0 2.16.53 2.16 1.61 0 .6-.17 1.05-.51 1.34s-.86.43-1.57.43H8.57v-3.38z'; break; case 'editor-break': path = 'M16 4h2v9H7v3l-5-4 5-4v3h9V4z'; break; case 'editor-code': path = 'M9 6l-4 4 4 4-1 2-6-6 6-6zm2 8l4-4-4-4 1-2 6 6-6 6z'; break; case 'editor-contract': path = 'M15.75 6.75L18 3v14l-2.25-3.75L17 12h-4v4l1.25-1.25L18 17H2l3.75-2.25L7 16v-4H3l1.25 1.25L2 17V3l2.25 3.75L3 8h4V4L5.75 5.25 2 3h16l-3.75 2.25L13 4v4h4z'; break; case 'editor-customchar': path = 'M10 5.4c1.27 0 2.24.36 2.91 1.08.66.71 1 1.76 1 3.13 0 1.28-.23 2.37-.69 3.27-.47.89-1.27 1.52-2.22 2.12v2h6v-2h-3.69c.92-.64 1.62-1.34 2.12-2.34.49-1.01.74-2.13.74-3.35 0-1.78-.55-3.19-1.65-4.22S11.92 3.54 10 3.54s-3.43.53-4.52 1.57c-1.1 1.04-1.65 2.44-1.65 4.2 0 1.21.24 2.31.73 3.33.48 1.01 1.19 1.71 2.1 2.36H3v2h6v-2c-.98-.64-1.8-1.28-2.24-2.17-.45-.89-.67-1.96-.67-3.22 0-1.37.33-2.41 1-3.13C7.75 5.76 8.72 5.4 10 5.4z'; break; case 'editor-expand': path = 'M7 8h6v4H7zm-5 5v4h4l-1.2-1.2L7 12l-3.8 2.2M14 17h4v-4l-1.2 1.2L13 12l2.2 3.8M14 3l1.3 1.3L13 8l3.8-2.2L18 7V3M6 3H2v4l1.2-1.2L7 8 4.7 4.3'; break; case 'editor-help': path = 'M17 10c0-3.87-3.14-7-7-7-3.87 0-7 3.13-7 7s3.13 7 7 7c3.86 0 7-3.13 7-7zm-6.3 1.48H9.14v-.43c0-.38.08-.7.24-.98s.46-.57.88-.89c.41-.29.68-.53.81-.71.14-.18.2-.39.2-.62 0-.25-.09-.44-.28-.58-.19-.13-.45-.19-.79-.19-.58 0-1.25.19-2 .57l-.64-1.28c.87-.49 1.8-.74 2.77-.74.81 0 1.45.2 1.92.58.48.39.71.91.71 1.55 0 .43-.09.8-.29 1.11-.19.32-.57.67-1.11 1.06-.38.28-.61.49-.71.63-.1.15-.15.34-.15.57v.35zm-1.47 2.74c-.18-.17-.27-.42-.27-.73 0-.33.08-.58.26-.75s.43-.25.77-.25c.32 0 .57.09.75.26s.27.42.27.74c0 .3-.09.55-.27.72-.18.18-.43.27-.75.27-.33 0-.58-.09-.76-.26z'; break; case 'editor-indent': path = 'M3 5V3h9v2H3zm10-1V3h4v1h-4zm0 3h2V5l4 3.5-4 3.5v-2h-2V7zM3 8V6h9v2H3zm2 3V9h7v2H5zm-2 3v-2h9v2H3zm10 0v-1h4v1h-4zm-4 3v-2h3v2H9z'; break; case 'editor-insertmore': path = 'M17 7V3H3v4h14zM6 11V9H3v2h3zm6 0V9H8v2h4zm5 0V9h-3v2h3zm0 6v-4H3v4h14z'; break; case 'editor-italic': path = 'M14.78 6h-2.13l-2.8 9h2.12l-.62 2H4.6l.62-2h2.14l2.8-9H8.03l.62-2h6.75z'; break; case 'editor-justify': path = 'M2 3h16v2H2V3zm0 4h16v2H2V7zm0 4h16v2H2v-2zm0 4h16v2H2v-2z'; break; case 'editor-kitchensink': path = 'M19 2v6H1V2h18zm-1 5V3H2v4h16zM5 4v2H3V4h2zm3 0v2H6V4h2zm3 0v2H9V4h2zm3 0v2h-2V4h2zm3 0v2h-2V4h2zm2 5v9H1V9h18zm-1 8v-7H2v7h16zM5 11v2H3v-2h2zm3 0v2H6v-2h2zm3 0v2H9v-2h2zm6 0v2h-5v-2h5zm-6 3v2H3v-2h8zm3 0v2h-2v-2h2zm3 0v2h-2v-2h2z'; break; case 'editor-ltr': path = 'M5.52 2h7.43c.55 0 1 .45 1 1s-.45 1-1 1h-1v13c0 .55-.45 1-1 1s-1-.45-1-1V5c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55-.45 1-1 1s-1-.45-1-1v-5.96h-.43C3.02 11.04 1 9.02 1 6.52S3.02 2 5.52 2zM14 14l5-4-5-4v8z'; break; case 'editor-ol-rtl': path = 'M15.025 8.75a1.048 1.048 0 0 1 .45-.1.507.507 0 0 1 .35.11.455.455 0 0 1 .13.36.803.803 0 0 1-.06.3 1.448 1.448 0 0 1-.19.33c-.09.11-.29.32-.58.62l-.99 1v.58h2.76v-.7h-1.72v-.04l.51-.48a7.276 7.276 0 0 0 .7-.71 1.75 1.75 0 0 0 .3-.49 1.254 1.254 0 0 0 .1-.51.968.968 0 0 0-.16-.56 1.007 1.007 0 0 0-.44-.37 1.512 1.512 0 0 0-.65-.14 1.98 1.98 0 0 0-.51.06 1.9 1.9 0 0 0-.42.15 3.67 3.67 0 0 0-.48.35l.45.54a2.505 2.505 0 0 1 .45-.3zM16.695 15.29a1.29 1.29 0 0 0-.74-.3v-.02a1.203 1.203 0 0 0 .65-.37.973.973 0 0 0 .23-.65.81.81 0 0 0-.37-.71 1.72 1.72 0 0 0-1-.26 2.185 2.185 0 0 0-1.33.4l.4.6a1.79 1.79 0 0 1 .46-.23 1.18 1.18 0 0 1 .41-.07c.38 0 .58.15.58.46a.447.447 0 0 1-.22.43 1.543 1.543 0 0 1-.7.12h-.31v.66h.31a1.764 1.764 0 0 1 .75.12.433.433 0 0 1 .23.41.55.55 0 0 1-.2.47 1.084 1.084 0 0 1-.63.15 2.24 2.24 0 0 1-.57-.08 2.671 2.671 0 0 1-.52-.2v.74a2.923 2.923 0 0 0 1.18.22 1.948 1.948 0 0 0 1.22-.33 1.077 1.077 0 0 0 .43-.92.836.836 0 0 0-.26-.64zM15.005 4.17c.06-.05.16-.14.3-.28l-.02.42V7h.84V3h-.69l-1.29 1.03.4.51zM4.02 5h9v1h-9zM4.02 10h9v1h-9zM4.02 15h9v1h-9z'; break; case 'editor-ol': path = 'M6 7V3h-.69L4.02 4.03l.4.51.46-.37c.06-.05.16-.14.3-.28l-.02.42V7H6zm2-2h9v1H8V5zm-1.23 6.95v-.7H5.05v-.04l.51-.48c.33-.31.57-.54.7-.71.14-.17.24-.33.3-.49.07-.16.1-.33.1-.51 0-.21-.05-.4-.16-.56-.1-.16-.25-.28-.44-.37s-.41-.14-.65-.14c-.19 0-.36.02-.51.06-.15.03-.29.09-.42.15-.12.07-.29.19-.48.35l.45.54c.16-.13.31-.23.45-.3.15-.07.3-.1.45-.1.14 0 .26.03.35.11s.13.2.13.36c0 .1-.02.2-.06.3s-.1.21-.19.33c-.09.11-.29.32-.58.62l-.99 1v.58h2.76zM8 10h9v1H8v-1zm-1.29 3.95c0-.3-.12-.54-.37-.71-.24-.17-.58-.26-1-.26-.52 0-.96.13-1.33.4l.4.6c.17-.11.32-.19.46-.23.14-.05.27-.07.41-.07.38 0 .58.15.58.46 0 .2-.07.35-.22.43s-.38.12-.7.12h-.31v.66h.31c.34 0 .59.04.75.12.15.08.23.22.23.41 0 .22-.07.37-.2.47-.14.1-.35.15-.63.15-.19 0-.38-.03-.57-.08s-.36-.12-.52-.2v.74c.34.15.74.22 1.18.22.53 0 .94-.11 1.22-.33.29-.22.43-.52.43-.92 0-.27-.09-.48-.26-.64s-.42-.26-.74-.3v-.02c.27-.06.49-.19.65-.37.15-.18.23-.39.23-.65zM8 15h9v1H8v-1z'; break; case 'editor-outdent': path = 'M7 4V3H3v1h4zm10 1V3H8v2h9zM7 7H5V5L1 8.5 5 12v-2h2V7zm10 1V6H8v2h9zm-2 3V9H8v2h7zm2 3v-2H8v2h9zM7 14v-1H3v1h4zm4 3v-2H8v2h3z'; break; case 'editor-paragraph': path = 'M15 2H7.54c-.83 0-1.59.2-2.28.6-.7.41-1.25.96-1.65 1.65C3.2 4.94 3 5.7 3 6.52s.2 1.58.61 2.27c.4.69.95 1.24 1.65 1.64.69.41 1.45.61 2.28.61h.43V17c0 .27.1.51.29.71.2.19.44.29.71.29.28 0 .51-.1.71-.29.2-.2.3-.44.3-.71V5c0-.27.09-.51.29-.71.2-.19.44-.29.71-.29s.51.1.71.29c.19.2.29.44.29.71v12c0 .27.1.51.3.71.2.19.43.29.71.29.27 0 .51-.1.71-.29.19-.2.29-.44.29-.71V4H15c.27 0 .5-.1.7-.3.2-.19.3-.43.3-.7s-.1-.51-.3-.71C15.5 2.1 15.27 2 15 2z'; break; case 'editor-paste-text': path = 'M12.38 2L15 5v1H5V5l2.64-3h4.74zM10 5c.55 0 1-.44 1-1 0-.55-.45-1-1-1s-1 .45-1 1c0 .56.45 1 1 1zm5.45-1H17c.55 0 1 .45 1 1v12c0 .56-.45 1-1 1H3c-.55 0-1-.44-1-1V5c0-.55.45-1 1-1h1.55L4 4.63V7h12V4.63zM14 11V9H6v2h3v5h2v-5h3z'; break; case 'editor-paste-word': path = 'M12.38 2L15 5v1H5V5l2.64-3h4.74zM10 5c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8 12V5c0-.55-.45-1-1-1h-1.54l.54.63V7H4V4.62L4.55 4H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h14c.55 0 1-.45 1-1zm-3-8l-2 7h-2l-1-5-1 5H6.92L5 9h2l1 5 1-5h2l1 5 1-5h2z'; break; case 'editor-quote': path = 'M9.49 13.22c0-.74-.2-1.38-.61-1.9-.62-.78-1.83-.88-2.53-.72-.29-1.65 1.11-3.75 2.92-4.65L7.88 4c-2.73 1.3-5.42 4.28-4.96 8.05C3.21 14.43 4.59 16 6.54 16c.85 0 1.56-.25 2.12-.75s.83-1.18.83-2.03zm8.05 0c0-.74-.2-1.38-.61-1.9-.63-.78-1.83-.88-2.53-.72-.29-1.65 1.11-3.75 2.92-4.65L15.93 4c-2.73 1.3-5.41 4.28-4.95 8.05.29 2.38 1.66 3.95 3.61 3.95.85 0 1.56-.25 2.12-.75s.83-1.18.83-2.03z'; break; case 'editor-removeformatting': path = 'M14.29 4.59l1.1 1.11c.41.4.61.94.61 1.47v2.12c0 .53-.2 1.07-.61 1.47l-6.63 6.63c-.4.41-.94.61-1.47.61s-1.07-.2-1.47-.61l-1.11-1.1-1.1-1.11c-.41-.4-.61-.94-.61-1.47v-2.12c0-.54.2-1.07.61-1.48l6.63-6.62c.4-.41.94-.61 1.47-.61s1.06.2 1.47.61zm-6.21 9.7l6.42-6.42c.39-.39.39-1.03 0-1.43L12.36 4.3c-.19-.19-.45-.29-.72-.29s-.52.1-.71.29l-6.42 6.42c-.39.4-.39 1.04 0 1.43l2.14 2.14c.38.38 1.04.38 1.43 0z'; break; case 'editor-rtl': path = 'M5.52 2h7.43c.55 0 1 .45 1 1s-.45 1-1 1h-1v13c0 .55-.45 1-1 1s-1-.45-1-1V5c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55-.45 1-1 1s-1-.45-1-1v-5.96h-.43C3.02 11.04 1 9.02 1 6.52S3.02 2 5.52 2zM19 6l-5 4 5 4V6z'; break; case 'editor-spellcheck': path = 'M15.84 2.76c.25 0 .49.04.71.11.23.07.44.16.64.25l.35-.81c-.52-.26-1.08-.39-1.69-.39-.58 0-1.09.13-1.52.37-.43.25-.76.61-.99 1.08C13.11 3.83 13 4.38 13 5c0 .99.23 1.75.7 2.28s1.15.79 2.02.79c.6 0 1.13-.09 1.6-.26v-.84c-.26.08-.51.14-.74.19-.24.05-.49.08-.74.08-.59 0-1.04-.19-1.34-.57-.32-.37-.47-.93-.47-1.66 0-.7.16-1.25.48-1.65.33-.4.77-.6 1.33-.6zM6.5 8h1.04L5.3 2H4.24L2 8h1.03l.58-1.66H5.9zM8 2v6h2.17c.67 0 1.19-.15 1.57-.46.38-.3.56-.72.56-1.26 0-.4-.1-.72-.3-.95-.19-.24-.5-.39-.93-.47v-.04c.35-.06.6-.21.78-.44.18-.24.28-.53.28-.88 0-.52-.19-.9-.56-1.14-.36-.24-.96-.36-1.79-.36H8zm.98 2.48V2.82h.85c.44 0 .77.06.97.19.21.12.31.33.31.61 0 .31-.1.53-.29.66-.18.13-.48.2-.89.2h-.95zM5.64 5.5H3.9l.54-1.56c.14-.4.25-.76.32-1.1l.15.52c.07.23.13.4.17.51zm3.34-.23h.99c.44 0 .76.08.98.23.21.15.32.38.32.69 0 .34-.11.59-.32.75s-.52.24-.93.24H8.98V5.27zM4 13l5 5 9-8-1-1-8 6-4-3z'; break; case 'editor-strikethrough': path = 'M15.82 12.25c.26 0 .5-.02.74-.07.23-.05.48-.12.73-.2v.84c-.46.17-.99.26-1.58.26-.88 0-1.54-.26-2.01-.79-.39-.44-.62-1.04-.68-1.79h-.94c.12.21.18.48.18.79 0 .54-.18.95-.55 1.26-.38.3-.9.45-1.56.45H8v-2.5H6.59l.93 2.5H6.49l-.59-1.67H3.62L3.04 13H2l.93-2.5H2v-1h1.31l.93-2.49H5.3l.92 2.49H8V7h1.77c1 0 1.41.17 1.77.41.37.24.55.62.55 1.13 0 .35-.09.64-.27.87l-.08.09h1.29c.05-.4.15-.77.31-1.1.23-.46.55-.82.98-1.06.43-.25.93-.37 1.51-.37.61 0 1.17.12 1.69.38l-.35.81c-.2-.1-.42-.18-.64-.25s-.46-.11-.71-.11c-.55 0-.99.2-1.31.59-.23.29-.38.66-.44 1.11H17v1h-2.95c.06.5.2.9.44 1.19.3.37.75.56 1.33.56zM4.44 8.96l-.18.54H5.3l-.22-.61c-.04-.11-.09-.28-.17-.51-.07-.24-.12-.41-.14-.51-.08.33-.18.69-.33 1.09zm4.53-1.09V9.5h1.19c.28-.02.49-.09.64-.18.19-.13.28-.35.28-.66 0-.28-.1-.48-.3-.61-.2-.12-.53-.18-.97-.18h-.84zm-3.33 2.64v-.01H3.91v.01h1.73zm5.28.01l-.03-.02H8.97v1.68h1.04c.4 0 .71-.08.92-.23.21-.16.31-.4.31-.74 0-.31-.11-.54-.32-.69z'; break; case 'editor-table': path = 'M18 17V3H2v14h16zM16 7H4V5h12v2zm-7 4H4V9h5v2zm7 0h-5V9h5v2zm-7 4H4v-2h5v2zm7 0h-5v-2h5v2z'; break; case 'editor-textcolor': path = 'M13.23 15h1.9L11 4H9L5 15h1.88l1.07-3h4.18zm-1.53-4.54H8.51L10 5.6z'; break; case 'editor-ul': path = 'M5.5 7C4.67 7 4 6.33 4 5.5 4 4.68 4.67 4 5.5 4 6.32 4 7 4.68 7 5.5 7 6.33 6.32 7 5.5 7zM8 5h9v1H8V5zm-2.5 7c-.83 0-1.5-.67-1.5-1.5C4 9.68 4.67 9 5.5 9c.82 0 1.5.68 1.5 1.5 0 .83-.68 1.5-1.5 1.5zM8 10h9v1H8v-1zm-2.5 7c-.83 0-1.5-.67-1.5-1.5 0-.82.67-1.5 1.5-1.5.82 0 1.5.68 1.5 1.5 0 .83-.68 1.5-1.5 1.5zM8 15h9v1H8v-1z'; break; case 'editor-underline': path = 'M14 5h-2v5.71c0 1.99-1.12 2.98-2.45 2.98-1.32 0-2.55-1-2.55-2.96V5H5v5.87c0 1.91 1 4.54 4.48 4.54 3.49 0 4.52-2.58 4.52-4.5V5zm0 13v-2H5v2h9z'; break; case 'editor-unlink': path = 'M17.74 2.26c1.68 1.69 1.68 4.41 0 6.1l-1.53 1.52c-.32.33-.69.58-1.08.77L13 10l1.69-1.64.76-.77.76-.76c.84-.84.84-2.2 0-3.04-.84-.85-2.2-.85-3.04 0l-.77.76-.76.76L10 7l-.65-2.14c.19-.38.44-.75.77-1.07l1.52-1.53c1.69-1.68 4.42-1.68 6.1 0zM2 4l8 6-6-8zm4-2l4 8-2-8H6zM2 6l8 4-8-2V6zm7.36 7.69L10 13l.74 2.35-1.38 1.39c-1.69 1.68-4.41 1.68-6.1 0-1.68-1.68-1.68-4.42 0-6.1l1.39-1.38L7 10l-.69.64-1.52 1.53c-.85.84-.85 2.2 0 3.04.84.85 2.2.85 3.04 0zM18 16l-8-6 6 8zm-4 2l-4-8 2 8h2zm4-4l-8-4 8 2v2z'; break; case 'editor-video': path = 'M16 2h-3v1H7V2H4v15h3v-1h6v1h3V2zM6 3v1H5V3h1zm9 0v1h-1V3h1zm-2 1v5H7V4h6zM6 5v1H5V5h1zm9 0v1h-1V5h1zM6 7v1H5V7h1zm9 0v1h-1V7h1zM6 9v1H5V9h1zm9 0v1h-1V9h1zm-2 1v5H7v-5h6zm-7 1v1H5v-1h1zm9 0v1h-1v-1h1zm-9 2v1H5v-1h1zm9 0v1h-1v-1h1zm-9 2v1H5v-1h1zm9 0v1h-1v-1h1z'; break; case 'ellipsis': path = 'M5 10c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm12-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'; break; case 'email-alt': path = 'M19 14.5v-9c0-.83-.67-1.5-1.5-1.5H3.49c-.83 0-1.5.67-1.5 1.5v9c0 .83.67 1.5 1.5 1.5H17.5c.83 0 1.5-.67 1.5-1.5zm-1.31-9.11c.33.33.15.67-.03.84L13.6 9.95l3.9 4.06c.12.14.2.36.06.51-.13.16-.43.15-.56.05l-4.37-3.73-2.14 1.95-2.13-1.95-4.37 3.73c-.13.1-.43.11-.56-.05-.14-.15-.06-.37.06-.51l3.9-4.06-4.06-3.72c-.18-.17-.36-.51-.03-.84s.67-.17.95.07l6.24 5.04 6.25-5.04c.28-.24.62-.4.95-.07z'; break; case 'email-alt2': path = 'M18.01 11.18V2.51c0-1.19-.9-1.81-2-1.37L4 5.91c-1.1.44-2 1.77-2 2.97v8.66c0 1.2.9 1.81 2 1.37l12.01-4.77c1.1-.44 2-1.76 2-2.96zm-1.43-7.46l-6.04 9.33-6.65-4.6c-.1-.07-.36-.32-.17-.64.21-.36.65-.21.65-.21l6.3 2.32s4.83-6.34 5.11-6.7c.13-.17.43-.34.73-.13.29.2.16.49.07.63z'; break; case 'email': path = 'M3.87 4h13.25C18.37 4 19 4.59 19 5.79v8.42c0 1.19-.63 1.79-1.88 1.79H3.87c-1.25 0-1.88-.6-1.88-1.79V5.79c0-1.2.63-1.79 1.88-1.79zm6.62 8.6l6.74-5.53c.24-.2.43-.66.13-1.07-.29-.41-.82-.42-1.17-.17l-5.7 3.86L4.8 5.83c-.35-.25-.88-.24-1.17.17-.3.41-.11.87.13 1.07z'; break; case 'embed-audio': path = 'M17 4H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-7 3H7v4c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.4 0 .7.1 1 .3V5h4v2zm4 3.5L12.5 12l1.5 1.5V15l-3-3 3-3v1.5zm1 4.5v-1.5l1.5-1.5-1.5-1.5V9l3 3-3 3z'; break; case 'embed-generic': path = 'M17 4H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-3 6.5L12.5 12l1.5 1.5V15l-3-3 3-3v1.5zm1 4.5v-1.5l1.5-1.5-1.5-1.5V9l3 3-3 3z'; break; case 'embed-photo': path = 'M17 4H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-7 8H3V6h7v6zm4-1.5L12.5 12l1.5 1.5V15l-3-3 3-3v1.5zm1 4.5v-1.5l1.5-1.5-1.5-1.5V9l3 3-3 3zm-6-4V8.5L7.2 10 6 9.2 4 11h5zM4.6 8.6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'; break; case 'embed-post': path = 'M17 4H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM8.6 9l-.4.3c-.4.4-.5 1.1-.2 1.6l-.8.8-1.1-1.1-1.3 1.3c-.2.2-1.6 1.3-1.8 1.1-.2-.2.9-1.6 1.1-1.8l1.3-1.3-1.1-1.1.8-.8c.5.3 1.2.3 1.6-.2l.3-.3c.5-.5.5-1.2.2-1.7L8 5l3 2.9-.8.8c-.5-.2-1.2-.2-1.6.3zm5.4 1.5L12.5 12l1.5 1.5V15l-3-3 3-3v1.5zm1 4.5v-1.5l1.5-1.5-1.5-1.5V9l3 3-3 3z'; break; case 'embed-video': path = 'M17 4H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-7 6.5L8 9.1V11H3V6h5v1.8l2-1.3v4zm4 0L12.5 12l1.5 1.5V15l-3-3 3-3v1.5zm1 4.5v-1.5l1.5-1.5-1.5-1.5V9l3 3-3 3z'; break; case 'excerpt-view': path = 'M19 18V2c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1zM4 3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm13 0v6H6V3h11zM4 11c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm13 0v6H6v-6h11z'; break; case 'exit': path = 'M13 3v2h2v10h-2v2h4V3h-4zm0 8V9H5.4l4.3-4.3-1.4-1.4L1.6 10l6.7 6.7 1.4-1.4L5.4 11H13z'; break; case 'external': path = 'M9 3h8v8l-2-1V6.92l-5.6 5.59-1.41-1.41L14.08 5H10zm3 12v-3l2-2v7H3V6h8L9 8H5v7h7z'; break; case 'facebook-alt': path = 'M8.46 18h2.93v-7.3h2.45l.37-2.84h-2.82V6.04c0-.82.23-1.38 1.41-1.38h1.51V2.11c-.26-.03-1.15-.11-2.19-.11-2.18 0-3.66 1.33-3.66 3.76v2.1H6v2.84h2.46V18z'; break; case 'facebook': path = 'M2.89 2h14.23c.49 0 .88.39.88.88v14.24c0 .48-.39.88-.88.88h-4.08v-6.2h2.08l.31-2.41h-2.39V7.85c0-.7.2-1.18 1.2-1.18h1.28V4.51c-.22-.03-.98-.09-1.86-.09-1.85 0-3.11 1.12-3.11 3.19v1.78H8.46v2.41h2.09V18H2.89c-.49 0-.89-.4-.89-.88V2.88c0-.49.4-.88.89-.88z'; break; case 'feedback': path = 'M2 2h16c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm15 14V7H3v9h14zM4 8v1h3V8H4zm4 0v3h8V8H8zm-4 4v1h3v-1H4zm4 0v3h8v-3H8z'; break; case 'filter': path = 'M3 4.5v-2s3.34-1 7-1 7 1 7 1v2l-5 7.03v6.97s-1.22-.09-2.25-.59S8 16.5 8 16.5v-4.97z'; break; case 'flag': path = 'M5 18V3H3v15h2zm1-6V4c3-1 7 1 11 0v8c-3 1.27-8-1-11 0z'; break; case 'format-aside': path = 'M1 1h18v12l-6 6H1V1zm3 3v1h12V4H4zm0 4v1h12V8H4zm6 5v-1H4v1h6zm2 4l5-5h-5v5z'; break; case 'format-audio': path = 'M6.99 3.08l11.02-2c.55-.08.99.45.99 1V14.5c0 1.94-1.57 3.5-3.5 3.5S12 16.44 12 14.5c0-1.93 1.57-3.5 3.5-3.5.54 0 1.04.14 1.5.35V5.08l-9 2V16c-.24 1.7-1.74 3-3.5 3C2.57 19 1 17.44 1 15.5 1 13.57 2.57 12 4.5 12c.54 0 1.04.14 1.5.35V4.08c0-.55.44-.91.99-1z'; break; case 'format-chat': path = 'M11 6h-.82C9.07 6 8 7.2 8 8.16V10l-3 3v-3H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v3zm0 1h6c1.1 0 2 .9 2 2v5c0 1.1-.9 2-2 2h-2v3l-3-3h-1c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2z'; break; case 'format-gallery': path = 'M16 4h1.96c.57 0 1.04.47 1.04 1.04v12.92c0 .57-.47 1.04-1.04 1.04H5.04C4.47 19 4 18.53 4 17.96V16H2.04C1.47 16 1 15.53 1 14.96V2.04C1 1.47 1.47 1 2.04 1h12.92c.57 0 1.04.47 1.04 1.04V4zM3 14h11V3H3v11zm5-8.5C8 4.67 7.33 4 6.5 4S5 4.67 5 5.5 5.67 7 6.5 7 8 6.33 8 5.5zm2 4.5s1-5 3-5v8H4V7c2 0 2 3 2 3s.33-2 2-2 2 2 2 2zm7 7V6h-1v8.96c0 .57-.47 1.04-1.04 1.04H6v1h11z'; break; case 'format-image': path = 'M2.25 1h15.5c.69 0 1.25.56 1.25 1.25v15.5c0 .69-.56 1.25-1.25 1.25H2.25C1.56 19 1 18.44 1 17.75V2.25C1 1.56 1.56 1 2.25 1zM17 17V3H3v14h14zM10 6c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm3 5s0-6 3-6v10c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V8c2 0 3 4 3 4s1-3 3-3 3 2 3 2z'; break; case 'format-quote': path = 'M8.54 12.74c0-.87-.24-1.61-.72-2.22-.73-.92-2.14-1.03-2.96-.85-.34-1.93 1.3-4.39 3.42-5.45L6.65 1.94C3.45 3.46.31 6.96.85 11.37 1.19 14.16 2.8 16 5.08 16c1 0 1.83-.29 2.48-.88.66-.59.98-1.38.98-2.38zm9.43 0c0-.87-.24-1.61-.72-2.22-.73-.92-2.14-1.03-2.96-.85-.34-1.93 1.3-4.39 3.42-5.45l-1.63-2.28c-3.2 1.52-6.34 5.02-5.8 9.43.34 2.79 1.95 4.63 4.23 4.63 1 0 1.83-.29 2.48-.88.66-.59.98-1.38.98-2.38z'; break; case 'format-status': path = 'M10 1c7 0 9 2.91 9 6.5S17 14 10 14s-9-2.91-9-6.5S3 1 10 1zM5.5 9C6.33 9 7 8.33 7 7.5S6.33 6 5.5 6 4 6.67 4 7.5 4.67 9 5.5 9zM10 9c.83 0 1.5-.67 1.5-1.5S10.83 6 10 6s-1.5.67-1.5 1.5S9.17 9 10 9zm4.5 0c.83 0 1.5-.67 1.5-1.5S15.33 6 14.5 6 13 6.67 13 7.5 13.67 9 14.5 9zM6 14.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm-3 2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'; break; case 'format-video': path = 'M2 1h16c.55 0 1 .45 1 1v16l-18-.02V2c0-.55.45-1 1-1zm4 1L4 5h1l2-3H6zm4 0H9L7 5h1zm3 0h-1l-2 3h1zm3 0h-1l-2 3h1zm1 14V6H3v10h14zM8 7l6 4-6 4V7z'; break; case 'forms': path = 'M2 2h7v7H2V2zm9 0v7h7V2h-7zM5.5 4.5L7 3H4zM12 8V3h5v5h-5zM4.5 5.5L3 4v3zM8 4L6.5 5.5 8 7V4zM5.5 6.5L4 8h3zM9 18v-7H2v7h7zm9 0h-7v-7h7v7zM8 12v5H3v-5h5zm6.5 1.5L16 12h-3zM12 16l1.5-1.5L12 13v3zm3.5-1.5L17 16v-3zm-1 1L13 17h3z'; break; case 'googleplus': path = 'M6.73 10h5.4c.05.29.09.57.09.95 0 3.27-2.19 5.6-5.49 5.6-3.17 0-5.73-2.57-5.73-5.73 0-3.17 2.56-5.73 5.73-5.73 1.54 0 2.84.57 3.83 1.5l-1.55 1.5c-.43-.41-1.17-.89-2.28-.89-1.96 0-3.55 1.62-3.55 3.62 0 1.99 1.59 3.61 3.55 3.61 2.26 0 3.11-1.62 3.24-2.47H6.73V10zM19 10v1.64h-1.64v1.63h-1.63v-1.63h-1.64V10h1.64V8.36h1.63V10H19z'; break; case 'grid-view': path = 'M2 1h16c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1zm7.01 7.99v-6H3v6h6.01zm8 0v-6h-6v6h6zm-8 8.01v-6H3v6h6.01zm8 0v-6h-6v6h6z'; break; case 'groups': path = 'M8.03 4.46c-.29 1.28.55 3.46 1.97 3.46 1.41 0 2.25-2.18 1.96-3.46-.22-.98-1.08-1.63-1.96-1.63-.89 0-1.74.65-1.97 1.63zm-4.13.9c-.25 1.08.47 2.93 1.67 2.93s1.92-1.85 1.67-2.93c-.19-.83-.92-1.39-1.67-1.39s-1.48.56-1.67 1.39zm8.86 0c-.25 1.08.47 2.93 1.66 2.93 1.2 0 1.92-1.85 1.67-2.93-.19-.83-.92-1.39-1.67-1.39-.74 0-1.47.56-1.66 1.39zm-.59 11.43l1.25-4.3C14.2 10 12.71 8.47 10 8.47c-2.72 0-4.21 1.53-3.44 4.02l1.26 4.3C8.05 17.51 9 18 10 18c.98 0 1.94-.49 2.17-1.21zm-6.1-7.63c-.49.67-.96 1.83-.42 3.59l1.12 3.79c-.34.2-.77.31-1.2.31-.85 0-1.65-.41-1.85-1.03l-1.07-3.65c-.65-2.11.61-3.4 2.92-3.4.27 0 .54.02.79.06-.1.1-.2.22-.29.33zm8.35-.39c2.31 0 3.58 1.29 2.92 3.4l-1.07 3.65c-.2.62-1 1.03-1.85 1.03-.43 0-.86-.11-1.2-.31l1.11-3.77c.55-1.78.08-2.94-.42-3.61-.08-.11-.18-.23-.28-.33.25-.04.51-.06.79-.06z'; break; case 'hammer': path = 'M17.7 6.32l1.41 1.42-3.47 3.41-1.42-1.42.84-.82c-.32-.76-.81-1.57-1.51-2.31l-4.61 6.59-5.26 4.7c-.39.39-1.02.39-1.42 0l-1.2-1.21c-.39-.39-.39-1.02 0-1.41l10.97-9.92c-1.37-.86-3.21-1.46-5.67-1.48 2.7-.82 4.95-.93 6.58-.3 1.7.66 2.82 2.2 3.91 3.58z'; break; case 'heading': path = 'M12.5 4v5.2h-5V4H5v13h2.5v-5.2h5V17H15V4'; break; case 'heart': path = 'M10 17.12c3.33-1.4 5.74-3.79 7.04-6.21 1.28-2.41 1.46-4.81.32-6.25-1.03-1.29-2.37-1.78-3.73-1.74s-2.68.63-3.63 1.46c-.95-.83-2.27-1.42-3.63-1.46s-2.7.45-3.73 1.74c-1.14 1.44-.96 3.84.34 6.25 1.28 2.42 3.69 4.81 7.02 6.21z'; break; case 'hidden': path = 'M17.2 3.3l.16.17c.39.39.39 1.02 0 1.41L4.55 17.7c-.39.39-1.03.39-1.41 0l-.17-.17c-.39-.39-.39-1.02 0-1.41l1.59-1.6c-1.57-1-2.76-2.3-3.56-3.93.81-1.65 2.03-2.98 3.64-3.99S8.04 5.09 10 5.09c1.2 0 2.33.21 3.4.6l2.38-2.39c.39-.39 1.03-.39 1.42 0zm-7.09 4.01c-.23.25-.34.54-.34.88 0 .31.12.58.31.81l1.8-1.79c-.13-.12-.28-.21-.45-.26-.11-.01-.28-.03-.49-.04-.33.03-.6.16-.83.4zM2.4 10.59c.69 1.23 1.71 2.25 3.05 3.05l1.28-1.28c-.51-.69-.77-1.47-.77-2.36 0-1.06.36-1.98 1.09-2.76-1.04.27-1.96.7-2.76 1.26-.8.58-1.43 1.27-1.89 2.09zm13.22-2.13l.96-.96c1.02.86 1.83 1.89 2.42 3.09-.81 1.65-2.03 2.98-3.64 3.99s-3.4 1.51-5.36 1.51c-.63 0-1.24-.07-1.83-.18l1.07-1.07c.25.02.5.05.76.05 1.63 0 3.13-.4 4.5-1.21s2.4-1.84 3.1-3.09c-.46-.82-1.09-1.51-1.89-2.09-.03-.01-.06-.03-.09-.04zm-5.58 5.58l4-4c-.01 1.1-.41 2.04-1.18 2.81-.78.78-1.72 1.18-2.82 1.19z'; break; case 'html': path = 'M4 16v-2H2v2H1v-5h1v2h2v-2h1v5H4zM7 16v-4H5.6v-1h3.7v1H8v4H7zM10 16v-5h1l1.4 3.4h.1L14 11h1v5h-1v-3.1h-.1l-1.1 2.5h-.6l-1.1-2.5H11V16h-1zM19 16h-3v-5h1v4h2v1zM9.4 4.2L7.1 6.5l2.3 2.3-.6 1.2-3.5-3.5L8.8 3l.6 1.2zm1.2 4.6l2.3-2.3-2.3-2.3.6-1.2 3.5 3.5-3.5 3.5-.6-1.2z'; break; case 'id-alt': path = 'M18 18H2V2h16v16zM8.05 7.53c.13-.07.24-.15.33-.24.09-.1.17-.21.24-.34.07-.14.13-.26.17-.37s.07-.22.1-.34L8.95 6c0-.04.01-.07.01-.09.05-.32.03-.61-.04-.9-.08-.28-.23-.52-.46-.72C8.23 4.1 7.95 4 7.6 4c-.2 0-.39.04-.56.11-.17.08-.31.18-.41.3-.11.13-.2.27-.27.44-.07.16-.11.33-.12.51s0 .36.01.55l.02.09c.01.06.03.15.06.25s.06.21.1.33.1.25.17.37c.08.12.16.23.25.33s.2.19.34.25c.13.06.28.09.43.09s.3-.03.43-.09zM16 5V4h-5v1h5zm0 2V6h-5v1h5zM7.62 8.83l-1.38-.88c-.41 0-.79.11-1.14.32-.35.22-.62.5-.81.85-.19.34-.29.7-.29 1.07v1.25l.2.05c.13.04.31.09.55.14.24.06.51.12.8.17.29.06.62.1 1 .14.37.04.73.06 1.07.06s.69-.02 1.07-.06.7-.09.98-.14c.27-.05.54-.1.82-.17.27-.06.45-.11.54-.13.09-.03.16-.05.21-.06v-1.25c0-.36-.1-.72-.31-1.07s-.49-.64-.84-.86-.72-.33-1.11-.33zM16 9V8h-3v1h3zm0 2v-1h-3v1h3zm0 3v-1H4v1h12zm0 2v-1H4v1h12z'; break; case 'id': path = 'M18 16H2V4h16v12zM7.05 8.53c.13-.07.24-.15.33-.24.09-.1.17-.21.24-.34.07-.14.13-.26.17-.37s.07-.22.1-.34L7.95 7c0-.04.01-.07.01-.09.05-.32.03-.61-.04-.9-.08-.28-.23-.52-.46-.72C7.23 5.1 6.95 5 6.6 5c-.2 0-.39.04-.56.11-.17.08-.31.18-.41.3-.11.13-.2.27-.27.44-.07.16-.11.33-.12.51s0 .36.01.55l.02.09c.01.06.03.15.06.25s.06.21.1.33.1.25.17.37c.08.12.16.23.25.33s.2.19.34.25c.13.06.28.09.43.09s.3-.03.43-.09zM17 9V5h-5v4h5zm-10.38.83l-1.38-.88c-.41 0-.79.11-1.14.32-.35.22-.62.5-.81.85-.19.34-.29.7-.29 1.07v1.25l.2.05c.13.04.31.09.55.14.24.06.51.12.8.17.29.06.62.1 1 .14.37.04.73.06 1.07.06s.69-.02 1.07-.06.7-.09.98-.14c.27-.05.54-.1.82-.17.27-.06.45-.11.54-.13.09-.03.16-.05.21-.06v-1.25c0-.36-.1-.72-.31-1.07s-.49-.64-.84-.86-.72-.33-1.11-.33zM17 11v-1h-5v1h5zm0 2v-1h-5v1h5zm0 2v-1H3v1h14z'; break; case 'image-crop': path = 'M19 12v3h-4v4h-3v-4H4V7H0V4h4V0h3v4h7l3-3 1 1-3 3v7h4zm-8-5H7v4zm-3 5h4V8z'; break; case 'image-filter': path = 'M14 5.87c0-2.2-1.79-4-4-4s-4 1.8-4 4c0 2.21 1.79 4 4 4s4-1.79 4-4zM3.24 10.66c-1.92 1.1-2.57 3.55-1.47 5.46 1.11 1.92 3.55 2.57 5.47 1.47 1.91-1.11 2.57-3.55 1.46-5.47-1.1-1.91-3.55-2.56-5.46-1.46zm9.52 6.93c1.92 1.1 4.36.45 5.47-1.46 1.1-1.92.45-4.36-1.47-5.47-1.91-1.1-4.36-.45-5.46 1.46-1.11 1.92-.45 4.36 1.46 5.47z'; break; case 'image-flip-horizontal': path = 'M19 3v14h-8v3H9v-3H1V3h8V0h2v3h8zm-8.5 14V3h-1v14h1zM7 6.5L3 10l4 3.5v-7zM17 10l-4-3.5v7z'; break; case 'image-flip-vertical': path = 'M20 9v2h-3v8H3v-8H0V9h3V1h14v8h3zM6.5 7h7L10 3zM17 9.5H3v1h14v-1zM13.5 13h-7l3.5 4z'; break; case 'image-rotate-left': path = 'M7 5H5.05c0-1.74.85-2.9 2.95-2.9V0C4.85 0 2.96 2.11 2.96 5H1.18L3.8 8.39zm13-4v14h-5v5H1V10h9V1h10zm-2 2h-6v7h3v3h3V3zm-5 9H3v6h10v-6z'; break; case 'image-rotate-right': path = 'M15.95 5H14l3.2 3.39L19.82 5h-1.78c0-2.89-1.89-5-5.04-5v2.1c2.1 0 2.95 1.16 2.95 2.9zM1 1h10v9h9v10H6v-5H1V1zm2 2v10h3v-3h3V3H3zm5 9v6h10v-6H8z'; break; case 'image-rotate': path = 'M10.25 1.02c5.1 0 8.75 4.04 8.75 9s-3.65 9-8.75 9c-3.2 0-6.02-1.59-7.68-3.99l2.59-1.52c1.1 1.5 2.86 2.51 4.84 2.51 3.3 0 6-2.79 6-6s-2.7-6-6-6c-1.97 0-3.72 1-4.82 2.49L7 8.02l-6 2v-7L2.89 4.6c1.69-2.17 4.36-3.58 7.36-3.58z'; break; case 'images-alt': path = 'M4 15v-3H2V2h12v3h2v3h2v10H6v-3H4zm7-12c-1.1 0-2 .9-2 2h4c0-1.1-.89-2-2-2zm-7 8V6H3v5h1zm7-3h4c0-1.1-.89-2-2-2-1.1 0-2 .9-2 2zm-5 6V9H5v5h1zm9-1c1.1 0 2-.89 2-2 0-1.1-.9-2-2-2s-2 .9-2 2c0 1.11.9 2 2 2zm2 4v-2c-5 0-5-3-10-3v5h10z'; break; case 'images-alt2': path = 'M5 3h14v11h-2v2h-2v2H1V7h2V5h2V3zm13 10V4H6v9h12zm-3-4c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm1 6v-1H5V6H4v9h12zM7 6l10 6H7V6zm7 11v-1H3V8H2v9h12z'; break; case 'index-card': path = 'M1 3.17V18h18V4H8v-.83c0-.32-.12-.6-.35-.83S7.14 2 6.82 2H2.18c-.33 0-.6.11-.83.34-.24.23-.35.51-.35.83zM10 6v2H3V6h7zm7 0v10h-5V6h5zm-7 4v2H3v-2h7zm0 4v2H3v-2h7z'; break; case 'info-outline': path = 'M9 15h2V9H9v6zm1-10c-.5 0-1 .5-1 1s.5 1 1 1 1-.5 1-1-.5-1-1-1zm0-4c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z'; break; case 'info': path = 'M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1 4c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zm0 9V9H9v6h2z'; break; case 'insert-after': path = 'M9 12h2v-2h2V8h-2V6H9v2H7v2h2v2zm1 4c3.9 0 7-3.1 7-7s-3.1-7-7-7-7 3.1-7 7 3.1 7 7 7zm0-12c2.8 0 5 2.2 5 5s-2.2 5-5 5-5-2.2-5-5 2.2-5 5-5zM3 19h14v-2H3v2z'; break; case 'insert-before': path = 'M11 8H9v2H7v2h2v2h2v-2h2v-2h-2V8zm-1-4c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zM3 1v2h14V1H3z'; break; case 'insert': path = 'M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z'; break; case 'instagram': path = 'M12.67 10A2.67 2.67 0 1 0 10 12.67 2.68 2.68 0 0 0 12.67 10zm1.43 0A4.1 4.1 0 1 1 10 5.9a4.09 4.09 0 0 1 4.1 4.1zm1.13-4.27a1 1 0 1 1-1-1 1 1 0 0 1 1 1zM10 3.44c-1.17 0-3.67-.1-4.72.32a2.67 2.67 0 0 0-1.52 1.52c-.42 1-.32 3.55-.32 4.72s-.1 3.67.32 4.72a2.74 2.74 0 0 0 1.52 1.52c1 .42 3.55.32 4.72.32s3.67.1 4.72-.32a2.83 2.83 0 0 0 1.52-1.52c.42-1.05.32-3.55.32-4.72s.1-3.67-.32-4.72a2.74 2.74 0 0 0-1.52-1.52c-1.05-.42-3.55-.32-4.72-.32zM18 10c0 1.1 0 2.2-.05 3.3a4.84 4.84 0 0 1-1.29 3.36A4.8 4.8 0 0 1 13.3 18H6.7a4.84 4.84 0 0 1-3.36-1.29 4.84 4.84 0 0 1-1.29-3.41C2 12.2 2 11.1 2 10V6.7a4.84 4.84 0 0 1 1.34-3.36A4.8 4.8 0 0 1 6.7 2.05C7.8 2 8.9 2 10 2h3.3a4.84 4.84 0 0 1 3.36 1.29A4.8 4.8 0 0 1 18 6.7V10z'; break; case 'laptop': path = 'M3 3h14c.6 0 1 .4 1 1v10c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1zm13 2H4v8h12V5zm-3 1H5v4zm6 11v-1H1v1c0 .6.5 1 1.1 1h15.8c.6 0 1.1-.4 1.1-1z'; break; case 'layout': path = 'M2 2h5v11H2V2zm6 0h5v5H8V2zm6 0h4v16h-4V2zM8 8h5v5H8V8zm-6 6h11v4H2v-4z'; break; case 'leftright': path = 'M3 10.03L9 6v8zM11 6l6 4.03L11 14V6z'; break; case 'lightbulb': path = 'M10 1c3.11 0 5.63 2.52 5.63 5.62 0 1.84-2.03 4.58-2.03 4.58-.33.44-.6 1.25-.6 1.8v1c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1v-1c0-.55-.27-1.36-.6-1.8 0 0-2.02-2.74-2.02-4.58C4.38 3.52 6.89 1 10 1zM7 16.87V16h6v.87c0 .62-.13 1.13-.75 1.13H12c0 .62-.4 1-1.02 1h-2c-.61 0-.98-.38-.98-1h-.25c-.62 0-.75-.51-.75-1.13z'; break; case 'list-view': path = 'M2 19h16c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1zM4 3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm13 0v2H6V3h11zM4 7c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm13 0v2H6V7h11zM4 11c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm13 0v2H6v-2h11zM4 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm13 0v2H6v-2h11z'; break; case 'location-alt': path = 'M13 13.14l1.17-5.94c.79-.43 1.33-1.25 1.33-2.2 0-1.38-1.12-2.5-2.5-2.5S10.5 3.62 10.5 5c0 .95.54 1.77 1.33 2.2zm0-9.64c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm1.72 4.8L18 6.97v9L13.12 18 7 15.97l-5 2v-9l5-2 4.27 1.41 1.73 7.3z'; break; case 'location': path = 'M10 2C6.69 2 4 4.69 4 8c0 2.02 1.17 3.71 2.53 4.89.43.37 1.18.96 1.85 1.83.74.97 1.41 2.01 1.62 2.71.21-.7.88-1.74 1.62-2.71.67-.87 1.42-1.46 1.85-1.83C14.83 11.71 16 10.02 16 8c0-3.31-2.69-6-6-6zm0 2.56c1.9 0 3.44 1.54 3.44 3.44S11.9 11.44 10 11.44 6.56 9.9 6.56 8 8.1 4.56 10 4.56z'; break; case 'lock': path = 'M14 9h1c.55 0 1 .45 1 1v7c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1v-7c0-.55.45-1 1-1h1V6c0-2.21 1.79-4 4-4s4 1.79 4 4v3zm-2 0V6c0-1.1-.9-2-2-2s-2 .9-2 2v3h4zm-1 7l-.36-2.15c.51-.24.86-.75.86-1.35 0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5c0 .6.35 1.11.86 1.35L9 16h2z'; break; case 'marker': path = 'M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm0 13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z'; break; case 'media-archive': path = 'M12 2l4 4v12H4V2h8zm0 4h3l-3-3v3zM8 3.5v2l1.8-1zM11 5L9.2 6 11 7V5zM8 6.5v2l1.8-1zM11 8L9.2 9l1.8 1V8zM8 9.5v2l1.8-1zm3 1.5l-1.8 1 1.8 1v-2zm-1.5 6c.83 0 1.62-.72 1.5-1.63-.05-.38-.49-1.61-.49-1.61l-1.99-1.1s-.45 1.95-.52 2.71c-.07.77.67 1.63 1.5 1.63zm0-2.39c.42 0 .76.34.76.76 0 .43-.34.77-.76.77s-.76-.34-.76-.77c0-.42.34-.76.76-.76z'; break; case 'media-audio': path = 'M12 2l4 4v12H4V2h8zm0 4h3l-3-3v3zm1 7.26V8.09c0-.11-.04-.21-.12-.29-.07-.08-.16-.11-.27-.1 0 0-3.97.71-4.25.78C8.07 8.54 8 8.8 8 9v3.37c-.2-.09-.42-.07-.6-.07-.38 0-.7.13-.96.39-.26.27-.4.58-.4.96 0 .37.14.69.4.95.26.27.58.4.96.4.34 0 .7-.04.96-.26.26-.23.64-.65.64-1.12V10.3l3-.6V12c-.67-.2-1.17.04-1.44.31-.26.26-.39.58-.39.95 0 .38.13.69.39.96.27.26.71.39 1.08.39.38 0 .7-.13.96-.39.26-.27.4-.58.4-.96z'; break; case 'media-code': path = 'M12 2l4 4v12H4V2h8zM9 13l-2-2 2-2-1-1-3 3 3 3zm3 1l3-3-3-3-1 1 2 2-2 2z'; break; case 'media-default': path = 'M12 2l4 4v12H4V2h8zm0 4h3l-3-3v3z'; break; case 'media-document': path = 'M12 2l4 4v12H4V2h8zM5 3v1h6V3H5zm7 3h3l-3-3v3zM5 5v1h6V5H5zm10 3V7H5v1h10zM5 9v1h4V9H5zm10 3V9h-5v3h5zM5 11v1h4v-1H5zm10 3v-1H5v1h10zm-3 2v-1H5v1h7z'; break; case 'media-interactive': path = 'M12 2l4 4v12H4V2h8zm0 4h3l-3-3v3zm2 8V8H6v6h3l-1 2h1l1-2 1 2h1l-1-2h3zm-6-3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm5-2v2h-3V9h3zm0 3v1H7v-1h6z'; break; case 'media-spreadsheet': path = 'M12 2l4 4v12H4V2h8zm-1 4V3H5v3h6zM8 8V7H5v1h3zm3 0V7H9v1h2zm4 0V7h-3v1h3zm-7 2V9H5v1h3zm3 0V9H9v1h2zm4 0V9h-3v1h3zm-7 2v-1H5v1h3zm3 0v-1H9v1h2zm4 0v-1h-3v1h3zm-7 2v-1H5v1h3zm3 0v-1H9v1h2zm4 0v-1h-3v1h3zm-7 2v-1H5v1h3zm3 0v-1H9v1h2z'; break; case 'media-text': path = 'M12 2l4 4v12H4V2h8zM5 3v1h6V3H5zm7 3h3l-3-3v3zM5 5v1h6V5H5zm10 3V7H5v1h10zm0 2V9H5v1h10zm0 2v-1H5v1h10zm-4 2v-1H5v1h6z'; break; case 'media-video': path = 'M12 2l4 4v12H4V2h8zm0 4h3l-3-3v3zm-1 8v-3c0-.27-.1-.51-.29-.71-.2-.19-.44-.29-.71-.29H7c-.27 0-.51.1-.71.29-.19.2-.29.44-.29.71v3c0 .27.1.51.29.71.2.19.44.29.71.29h3c.27 0 .51-.1.71-.29.19-.2.29-.44.29-.71zm3 1v-5l-2 2v1z'; break; case 'megaphone': path = 'M18.15 5.94c.46 1.62.38 3.22-.02 4.48-.42 1.28-1.26 2.18-2.3 2.48-.16.06-.26.06-.4.06-.06.02-.12.02-.18.02-.06.02-.14.02-.22.02h-6.8l2.22 5.5c.02.14-.06.26-.14.34-.08.1-.24.16-.34.16H6.95c-.1 0-.26-.06-.34-.16-.08-.08-.16-.2-.14-.34l-1-5.5H4.25l-.02-.02c-.5.06-1.08-.18-1.54-.62s-.88-1.08-1.06-1.88c-.24-.8-.2-1.56-.02-2.2.18-.62.58-1.08 1.06-1.3l.02-.02 9-5.4c.1-.06.18-.1.24-.16.06-.04.14-.08.24-.12.16-.08.28-.12.5-.18 1.04-.3 2.24.1 3.22.98s1.84 2.24 2.26 3.86zm-2.58 5.98h-.02c.4-.1.74-.34 1.04-.7.58-.7.86-1.76.86-3.04 0-.64-.1-1.3-.28-1.98-.34-1.36-1.02-2.5-1.78-3.24s-1.68-1.1-2.46-.88c-.82.22-1.4.96-1.7 2-.32 1.04-.28 2.36.06 3.72.38 1.36 1 2.5 1.8 3.24.78.74 1.62 1.1 2.48.88zm-2.54-7.08c.22-.04.42-.02.62.04.38.16.76.48 1.02 1s.42 1.2.42 1.78c0 .3-.04.56-.12.8-.18.48-.44.84-.86.94-.34.1-.8-.06-1.14-.4s-.64-.86-.78-1.5c-.18-.62-.12-1.24.02-1.72s.48-.84.82-.94z'; break; case 'menu-alt': path = 'M3 4h14v2H3V4zm0 5h14v2H3V9zm0 5h14v2H3v-2z'; break; case 'menu': path = 'M17 7V5H3v2h14zm0 4V9H3v2h14zm0 4v-2H3v2h14z'; break; case 'microphone': path = 'M12 9V3c0-1.1-.89-2-2-2-1.12 0-2 .94-2 2v6c0 1.1.9 2 2 2 1.13 0 2-.94 2-2zm4 0c0 2.97-2.16 5.43-5 5.91V17h2c.56 0 1 .45 1 1s-.44 1-1 1H7c-.55 0-1-.45-1-1s.45-1 1-1h2v-2.09C6.17 14.43 4 11.97 4 9c0-.55.45-1 1-1 .56 0 1 .45 1 1 0 2.21 1.8 4 4 4 2.21 0 4-1.79 4-4 0-.55.45-1 1-1 .56 0 1 .45 1 1z'; break; case 'migrate': path = 'M4 6h6V4H2v12.01h8V14H4V6zm2 2h6V5l6 5-6 5v-3H6V8z'; break; case 'minus': path = 'M4 9h12v2H4V9z'; break; case 'money': path = 'M0 3h20v12h-.75c0-1.79-1.46-3.25-3.25-3.25-1.31 0-2.42.79-2.94 1.91-.25-.1-.52-.16-.81-.16-.98 0-1.8.63-2.11 1.5H0V3zm8.37 3.11c-.06.15-.1.31-.11.47s-.01.33.01.5l.02.08c.01.06.02.14.05.23.02.1.06.2.1.31.03.11.09.22.15.33.07.12.15.22.23.31s.18.17.31.23c.12.06.25.09.4.09.14 0 .27-.03.39-.09s.22-.14.3-.22c.09-.09.16-.2.22-.32.07-.12.12-.23.16-.33s.07-.2.09-.31c.03-.11.04-.18.05-.22s.01-.07.01-.09c.05-.29.03-.56-.04-.82s-.21-.48-.41-.66c-.21-.18-.47-.27-.79-.27-.19 0-.36.03-.52.1-.15.07-.28.16-.38.28-.09.11-.17.25-.24.4zm4.48 6.04v-1.14c0-.33-.1-.66-.29-.98s-.45-.59-.77-.79c-.32-.21-.66-.31-1.02-.31l-1.24.84-1.28-.82c-.37 0-.72.1-1.04.3-.31.2-.56.46-.74.77-.18.32-.27.65-.27.99v1.14l.18.05c.12.04.29.08.51.14.23.05.47.1.74.15.26.05.57.09.91.13.34.03.67.05.99.05.3 0 .63-.02.98-.05.34-.04.64-.08.89-.13.25-.04.5-.1.76-.16l.5-.12c.08-.02.14-.04.19-.06zm3.15.1c1.52 0 2.75 1.23 2.75 2.75s-1.23 2.75-2.75 2.75c-.73 0-1.38-.3-1.87-.77.23-.35.37-.78.37-1.23 0-.77-.39-1.46-.99-1.86.43-.96 1.37-1.64 2.49-1.64zm-5.5 3.5c0-.96.79-1.75 1.75-1.75s1.75.79 1.75 1.75-.79 1.75-1.75 1.75-1.75-.79-1.75-1.75z'; break; case 'move': path = 'M19 10l-4 4v-3h-4v4h3l-4 4-4-4h3v-4H5v3l-4-4 4-4v3h4V5H6l4-4 4 4h-3v4h4V6z'; break; case 'nametag': path = 'M12 5V2c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h2c.55 0 1-.45 1-1zm-2-3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm8 13V7c0-1.1-.9-2-2-2h-3v.33C13 6.25 12.25 7 11.33 7H8.67C7.75 7 7 6.25 7 5.33V5H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-1-6v6H3V9h14zm-8 2c0-.55-.22-1-.5-1s-.5.45-.5 1 .22 1 .5 1 .5-.45.5-1zm3 0c0-.55-.22-1-.5-1s-.5.45-.5 1 .22 1 .5 1 .5-.45.5-1zm-5.96 1.21c.92.48 2.34.79 3.96.79s3.04-.31 3.96-.79c-.21 1-1.89 1.79-3.96 1.79s-3.75-.79-3.96-1.79z'; break; case 'networking': path = 'M18 13h1c.55 0 1 .45 1 1.01v2.98c0 .56-.45 1.01-1 1.01h-4c-.55 0-1-.45-1-1.01v-2.98c0-.56.45-1.01 1-1.01h1v-2h-5v2h1c.55 0 1 .45 1 1.01v2.98c0 .56-.45 1.01-1 1.01H8c-.55 0-1-.45-1-1.01v-2.98c0-.56.45-1.01 1-1.01h1v-2H4v2h1c.55 0 1 .45 1 1.01v2.98C6 17.55 5.55 18 5 18H1c-.55 0-1-.45-1-1.01v-2.98C0 13.45.45 13 1 13h1v-2c0-1.1.9-2 2-2h5V7H8c-.55 0-1-.45-1-1.01V3.01C7 2.45 7.45 2 8 2h4c.55 0 1 .45 1 1.01v2.98C13 6.55 12.55 7 12 7h-1v2h5c1.1 0 2 .9 2 2v2z'; break; case 'no-alt': path = 'M14.95 6.46L11.41 10l3.54 3.54-1.41 1.41L10 11.42l-3.53 3.53-1.42-1.42L8.58 10 5.05 6.47l1.42-1.42L10 8.58l3.54-3.53z'; break; case 'no': path = 'M12.12 10l3.53 3.53-2.12 2.12L10 12.12l-3.54 3.54-2.12-2.12L7.88 10 4.34 6.46l2.12-2.12L10 7.88l3.54-3.53 2.12 2.12z'; break; case 'palmtree': path = 'M8.58 2.39c.32 0 .59.05.81.14 1.25.55 1.69 2.24 1.7 3.97.59-.82 2.15-2.29 3.41-2.29s2.94.73 3.53 3.55c-1.13-.65-2.42-.94-3.65-.94-1.26 0-2.45.32-3.29.89.4-.11.86-.16 1.33-.16 1.39 0 2.9.45 3.4 1.31.68 1.16.47 3.38-.76 4.14-.14-2.1-1.69-4.12-3.47-4.12-.44 0-.88.12-1.33.38C8 10.62 7 14.56 7 19H2c0-5.53 4.21-9.65 7.68-10.79-.56-.09-1.17-.15-1.82-.15C6.1 8.06 4.05 8.5 2 10c.76-2.96 2.78-4.1 4.69-4.1 1.25 0 2.45.5 3.2 1.29-.66-2.24-2.49-2.86-4.08-2.86-.8 0-1.55.16-2.05.35.91-1.29 3.31-2.29 4.82-2.29zM13 11.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5z'; break; case 'paperclip': path = 'M17.05 2.7c1.93 1.94 1.93 5.13 0 7.07L10 16.84c-1.88 1.89-4.91 1.93-6.86.15-.06-.05-.13-.09-.19-.15-1.93-1.94-1.93-5.12 0-7.07l4.94-4.95c.91-.92 2.28-1.1 3.39-.58.3.15.59.33.83.58 1.17 1.17 1.17 3.07 0 4.24l-4.93 4.95c-.39.39-1.02.39-1.41 0s-.39-1.02 0-1.41l4.93-4.95c.39-.39.39-1.02 0-1.41-.38-.39-1.02-.39-1.4 0l-4.94 4.95c-.91.92-1.1 2.29-.57 3.4.14.3.32.59.57.84s.54.43.84.57c1.11.53 2.47.35 3.39-.57l7.05-7.07c1.16-1.17 1.16-3.08 0-4.25-.56-.55-1.28-.83-2-.86-.08.01-.16.01-.24 0-.22-.03-.43-.11-.6-.27-.39-.4-.38-1.05.02-1.45.16-.16.36-.24.56-.28.14-.02.27-.01.4.02 1.19.06 2.36.52 3.27 1.43z'; break; case 'performance': path = 'M3.76 17.01h12.48C17.34 15.63 18 13.9 18 12c0-4.41-3.58-8-8-8s-8 3.59-8 8c0 1.9.66 3.63 1.76 5.01zM9 6c0-.55.45-1 1-1s1 .45 1 1c0 .56-.45 1-1 1s-1-.44-1-1zM4 8c0-.55.45-1 1-1s1 .45 1 1c0 .56-.45 1-1 1s-1-.44-1-1zm4.52 3.4c.84-.83 6.51-3.5 6.51-3.5s-2.66 5.68-3.49 6.51c-.84.84-2.18.84-3.02 0-.83-.83-.83-2.18 0-3.01zM3 13c0-.55.45-1 1-1s1 .45 1 1c0 .56-.45 1-1 1s-1-.44-1-1zm6 0c0-.55.45-1 1-1s1 .45 1 1c0 .56-.45 1-1 1s-1-.44-1-1zm6 0c0-.55.45-1 1-1s1 .45 1 1c0 .56-.45 1-1 1s-1-.44-1-1z'; break; case 'phone': path = 'M12.06 6l-.21-.2c-.52-.54-.43-.79.08-1.3l2.72-2.75c.81-.82.96-1.21 1.73-.48l.21.2zm.53.45l4.4-4.4c.7.94 2.34 3.47 1.53 5.34-.73 1.67-1.09 1.75-2 3-1.85 2.11-4.18 4.37-6 6.07-1.26.91-1.31 1.33-3 2-1.8.71-4.4-.89-5.38-1.56l4.4-4.4 1.18 1.62c.34.46 1.2-.06 1.8-.66 1.04-1.05 3.18-3.18 4-4.07.59-.59 1.12-1.45.66-1.8zM1.57 16.5l-.21-.21c-.68-.74-.29-.9.52-1.7l2.74-2.72c.51-.49.75-.6 1.27-.11l.2.21z'; break; case 'playlist-audio': path = 'M17 3V1H2v2h15zm0 4V5H2v2h15zm-7 4V9H2v2h8zm7.45-1.96l-6 1.12c-.16.02-.19.03-.29.13-.11.09-.16.22-.16.37v4.59c-.29-.13-.66-.14-.93-.14-.54 0-1 .19-1.38.57s-.56.84-.56 1.38c0 .53.18.99.56 1.37s.84.57 1.38.57c.49 0 .92-.16 1.29-.48s.59-.71.65-1.19v-4.95L17 11.27v3.48c-.29-.13-.56-.19-.83-.19-.54 0-1.11.19-1.49.57-.38.37-.57.83-.57 1.37s.19.99.57 1.37.84.57 1.38.57c.53 0 .99-.19 1.37-.57s.57-.83.57-1.37V9.6c0-.16-.05-.3-.16-.41-.11-.12-.24-.17-.39-.15zM8 15v-2H2v2h6zm-2 4v-2H2v2h4z'; break; case 'playlist-video': path = 'M17 3V1H2v2h15zm0 4V5H2v2h15zM6 11V9H2v2h4zm2-2h9c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1zm3 7l3.33-2L11 12v4zm-5-1v-2H2v2h4zm0 4v-2H2v2h4z'; break; case 'plus-alt': path = 'M15.8 4.2c3.2 3.21 3.2 8.39 0 11.6-3.21 3.2-8.39 3.2-11.6 0C1 12.59 1 7.41 4.2 4.2 7.41 1 12.59 1 15.8 4.2zm-4.3 11.3v-4h4v-3h-4v-4h-3v4h-4v3h4v4h3z'; break; case 'plus-light': path = 'M17 9v2h-6v6H9v-6H3V9h6V3h2v6h6z'; break; case 'plus': path = 'M17 7v3h-5v5H9v-5H4V7h5V2h3v5h5z'; break; case 'portfolio': path = 'M4 5H.78c-.37 0-.74.32-.69.84l1.56 9.99S3.5 8.47 3.86 6.7c.11-.53.61-.7.98-.7H10s-.7-2.08-.77-2.31C9.11 3.25 8.89 3 8.45 3H5.14c-.36 0-.7.23-.8.64C4.25 4.04 4 5 4 5zm4.88 0h-4s.42-1 .87-1h2.13c.48 0 1 1 1 1zM2.67 16.25c-.31.47-.76.75-1.26.75h15.73c.54 0 .92-.31 1.03-.83.44-2.19 1.68-8.44 1.68-8.44.07-.5-.3-.73-.62-.73H16V5.53c0-.16-.26-.53-.66-.53h-3.76c-.52 0-.87.58-.87.58L10 7H5.59c-.32 0-.63.19-.69.5 0 0-1.59 6.7-1.72 7.33-.07.37-.22.99-.51 1.42zM15.38 7H11s.58-1 1.13-1h2.29c.71 0 .96 1 .96 1z'; break; case 'post-status': path = 'M14 6c0 1.86-1.28 3.41-3 3.86V16c0 1-2 2-2 2V9.86c-1.72-.45-3-2-3-3.86 0-2.21 1.79-4 4-4s4 1.79 4 4zM8 5c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1z'; break; case 'pressthis': path = 'M14.76 1C16.55 1 18 2.46 18 4.25c0 1.78-1.45 3.24-3.24 3.24-.23 0-.47-.03-.7-.08L13 8.47V19H2V4h9.54c.13-2 1.52-3 3.22-3zm0 5.49C16 6.49 17 5.48 17 4.25 17 3.01 16 2 14.76 2s-2.24 1.01-2.24 2.25c0 .37.1.72.27 1.03L9.57 8.5c-.28.28-1.77 2.22-1.5 2.49.02.03.06.04.1.04.49 0 2.14-1.28 2.39-1.53l3.24-3.24c.29.14.61.23.96.23z'; break; case 'products': path = 'M17 8h1v11H2V8h1V6c0-2.76 2.24-5 5-5 .71 0 1.39.15 2 .42.61-.27 1.29-.42 2-.42 2.76 0 5 2.24 5 5v2zM5 6v2h2V6c0-1.13.39-2.16 1.02-3H8C6.35 3 5 4.35 5 6zm10 2V6c0-1.65-1.35-3-3-3h-.02c.63.84 1.02 1.87 1.02 3v2h2zm-5-4.22C9.39 4.33 9 5.12 9 6v2h2V6c0-.88-.39-1.67-1-2.22z'; break; case 'randomize': path = 'M18 6.01L14 9V7h-4l-5 8H2v-2h2l5-8h5V3zM2 5h3l1.15 2.17-1.12 1.8L4 7H2V5zm16 9.01L14 17v-2H9l-1.15-2.17 1.12-1.8L10 13h4v-2z'; break; case 'redo': path = 'M8 5h5V2l6 4-6 4V7H8c-2.2 0-4 1.8-4 4s1.8 4 4 4h5v2H8c-3.3 0-6-2.7-6-6s2.7-6 6-6z'; break; case 'rest-api': path = 'M3 4h2v12H3z'; break; case 'rss': path = 'M14.92 18H18C18 9.32 10.82 2.25 2 2.25v3.02c7.12 0 12.92 5.71 12.92 12.73zm-5.44 0h3.08C12.56 12.27 7.82 7.6 2 7.6v3.02c2 0 3.87.77 5.29 2.16C8.7 14.17 9.48 16.03 9.48 18zm-5.35-.02c1.17 0 2.13-.93 2.13-2.09 0-1.15-.96-2.09-2.13-2.09-1.18 0-2.13.94-2.13 2.09 0 1.16.95 2.09 2.13 2.09z'; break; case 'saved': path = 'M15.3 5.3l-6.8 6.8-2.8-2.8-1.4 1.4 4.2 4.2 8.2-8.2'; break; case 'schedule': path = 'M2 2h16v4H2V2zm0 10V8h4v4H2zm6-2V8h4v2H8zm6 3V8h4v5h-4zm-6 5v-6h4v6H8zm-6 0v-4h4v4H2zm12 0v-3h4v3h-4z'; break; case 'screenoptions': path = 'M9 9V3H3v6h6zm8 0V3h-6v6h6zm-8 8v-6H3v6h6zm8 0v-6h-6v6h6z'; break; case 'search': path = 'M12.14 4.18c1.87 1.87 2.11 4.75.72 6.89.12.1.22.21.36.31.2.16.47.36.81.59.34.24.56.39.66.47.42.31.73.57.94.78.32.32.6.65.84 1 .25.35.44.69.59 1.04.14.35.21.68.18 1-.02.32-.14.59-.36.81s-.49.34-.81.36c-.31.02-.65-.04-.99-.19-.35-.14-.7-.34-1.04-.59-.35-.24-.68-.52-1-.84-.21-.21-.47-.52-.77-.93-.1-.13-.25-.35-.47-.66-.22-.32-.4-.57-.56-.78-.16-.2-.29-.35-.44-.5-2.07 1.09-4.69.76-6.44-.98-2.14-2.15-2.14-5.64 0-7.78 2.15-2.15 5.63-2.15 7.78 0zm-1.41 6.36c1.36-1.37 1.36-3.58 0-4.95-1.37-1.37-3.59-1.37-4.95 0-1.37 1.37-1.37 3.58 0 4.95 1.36 1.37 3.58 1.37 4.95 0z'; break; case 'share-alt': path = 'M16.22 5.8c.47.69.29 1.62-.4 2.08-.69.47-1.62.29-2.08-.4-.16-.24-.35-.46-.55-.67-.21-.2-.43-.39-.67-.55s-.5-.3-.77-.41c-.27-.12-.55-.21-.84-.26-.59-.13-1.23-.13-1.82-.01-.29.06-.57.15-.84.27-.27.11-.53.25-.77.41s-.46.35-.66.55c-.21.21-.4.43-.56.67s-.3.5-.41.76c-.01.02-.01.03-.01.04-.1.24-.17.48-.23.72H1V6h2.66c.04-.07.07-.13.12-.2.27-.4.57-.77.91-1.11s.72-.65 1.11-.91c.4-.27.83-.51 1.28-.7s.93-.34 1.41-.43c.99-.21 2.03-.21 3.02 0 .48.09.96.24 1.41.43s.88.43 1.28.7c.39.26.77.57 1.11.91s.64.71.91 1.11zM12.5 10c0-1.38-1.12-2.5-2.5-2.5S7.5 8.62 7.5 10s1.12 2.5 2.5 2.5 2.5-1.12 2.5-2.5zm-8.72 4.2c-.47-.69-.29-1.62.4-2.09.69-.46 1.62-.28 2.08.41.16.24.35.46.55.67.21.2.43.39.67.55s.5.3.77.41c.27.12.55.2.84.26.59.13 1.23.12 1.82 0 .29-.06.57-.14.84-.26.27-.11.53-.25.77-.41s.46-.35.66-.55c.21-.21.4-.44.56-.67.16-.25.3-.5.41-.76.01-.02.01-.03.01-.04.1-.24.17-.48.23-.72H19v3h-2.66c-.04.06-.07.13-.12.2-.27.4-.57.77-.91 1.11s-.72.65-1.11.91c-.4.27-.83.51-1.28.7s-.93.33-1.41.43c-.99.21-2.03.21-3.02 0-.48-.1-.96-.24-1.41-.43s-.88-.43-1.28-.7c-.39-.26-.77-.57-1.11-.91s-.64-.71-.91-1.11z'; break; case 'share-alt2': path = 'M18 8l-5 4V9.01c-2.58.06-4.88.45-7 2.99.29-3.57 2.66-5.66 7-5.94V3zM4 14h11v-2l2-1.6V16H2V5h9.43c-1.83.32-3.31 1-4.41 2H4v7z'; break; case 'share': path = 'M14.5 12c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3c0-.24.03-.46.09-.69l-4.38-2.3c-.55.61-1.33.99-2.21.99-1.66 0-3-1.34-3-3s1.34-3 3-3c.88 0 1.66.39 2.21.99l4.38-2.3c-.06-.23-.09-.45-.09-.69 0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3c-.88 0-1.66-.39-2.21-.99l-4.38 2.3c.06.23.09.45.09.69s-.03.46-.09.69l4.38 2.3c.55-.61 1.33-.99 2.21-.99z'; break; case 'shield-alt': path = 'M10 2s3 2 7 2c0 11-7 14-7 14S3 15 3 4c4 0 7-2 7-2z'; break; case 'shield': path = 'M10 2s3 2 7 2c0 11-7 14-7 14S3 15 3 4c4 0 7-2 7-2zm0 8h5s1-1 1-5c0 0-5-1-6-2v7H5c1 4 5 7 5 7v-7z'; break; case 'shortcode': path = 'M6 14H4V6h2V4H2v12h4M7.1 17h2.1l3.7-14h-2.1M14 4v2h2v8h-2v2h4V4'; break; case 'slides': path = 'M5 14V6h10v8H5zm-3-1V7h2v6H2zm4-6v6h8V7H6zm10 0h2v6h-2V7zm-3 2V8H7v1h6zm0 3v-2H7v2h6z'; break; case 'smartphone': path = 'M6 2h8c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm7 12V4H7v10h6zM8 5h4l-4 5V5z'; break; case 'smiley': path = 'M7 5.2c1.1 0 2 .89 2 2 0 .37-.11.71-.28 1C8.72 8.2 8 8 7 8s-1.72.2-1.72.2c-.17-.29-.28-.63-.28-1 0-1.11.9-2 2-2zm6 0c1.11 0 2 .89 2 2 0 .37-.11.71-.28 1 0 0-.72-.2-1.72-.2s-1.72.2-1.72.2c-.17-.29-.28-.63-.28-1 0-1.11.89-2 2-2zm-3 13.7c3.72 0 7.03-2.36 8.23-5.88l-1.32-.46C15.9 15.52 13.12 17.5 10 17.5s-5.9-1.98-6.91-4.94l-1.32.46c1.2 3.52 4.51 5.88 8.23 5.88z'; break; case 'sort': path = 'M11 7H1l5 7zm-2 7h10l-5-7z'; break; case 'sos': path = 'M18 10c0-4.42-3.58-8-8-8s-8 3.58-8 8 3.58 8 8 8 8-3.58 8-8zM7.23 3.57L8.72 7.3c-.62.29-1.13.8-1.42 1.42L3.57 7.23c.71-1.64 2.02-2.95 3.66-3.66zm9.2 3.66L12.7 8.72c-.29-.62-.8-1.13-1.42-1.42l1.49-3.73c1.64.71 2.95 2.02 3.66 3.66zM10 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm-6.43.77l3.73-1.49c.29.62.8 1.13 1.42 1.42l-1.49 3.73c-1.64-.71-2.95-2.02-3.66-3.66zm9.2 3.66l-1.49-3.73c.62-.29 1.13-.8 1.42-1.42l3.73 1.49c-.71 1.64-2.02 2.95-3.66 3.66z'; break; case 'star-empty': path = 'M10 1L7 7l-6 .75 4.13 4.62L4 19l6-3 6 3-1.12-6.63L19 7.75 13 7zm0 2.24l2.34 4.69 4.65.58-3.18 3.56.87 5.15L10 14.88l-4.68 2.34.87-5.15-3.18-3.56 4.65-.58z'; break; case 'star-filled': path = 'M10 1l3 6 6 .75-4.12 4.62L16 19l-6-3-6 3 1.13-6.63L1 7.75 7 7z'; break; case 'star-half': path = 'M10 1L7 7l-6 .75 4.13 4.62L4 19l6-3 6 3-1.12-6.63L19 7.75 13 7zm0 2.24l2.34 4.69 4.65.58-3.18 3.56.87 5.15L10 14.88V3.24z'; break; case 'sticky': path = 'M5 3.61V1.04l8.99-.01-.01 2.58c-1.22.26-2.16 1.35-2.16 2.67v.5c.01 1.31.93 2.4 2.17 2.66l-.01 2.58h-3.41l-.01 2.57c0 .6-.47 4.41-1.06 4.41-.6 0-1.08-3.81-1.08-4.41v-2.56L5 12.02l.01-2.58c1.23-.25 2.15-1.35 2.15-2.66v-.5c0-1.31-.92-2.41-2.16-2.67z'; break; case 'store': path = 'M1 10c.41.29.96.43 1.5.43.55 0 1.09-.14 1.5-.43.62-.46 1-1.17 1-2 0 .83.37 1.54 1 2 .41.29.96.43 1.5.43.55 0 1.09-.14 1.5-.43.62-.46 1-1.17 1-2 0 .83.37 1.54 1 2 .41.29.96.43 1.51.43.54 0 1.08-.14 1.49-.43.62-.46 1-1.17 1-2 0 .83.37 1.54 1 2 .41.29.96.43 1.5.43.55 0 1.09-.14 1.5-.43.63-.46 1-1.17 1-2V7l-3-7H4L0 7v1c0 .83.37 1.54 1 2zm2 8.99h5v-5h4v5h5v-7c-.37-.05-.72-.22-1-.43-.63-.45-1-.73-1-1.56 0 .83-.38 1.11-1 1.56-.41.3-.95.43-1.49.44-.55 0-1.1-.14-1.51-.44-.63-.45-1-.73-1-1.56 0 .83-.38 1.11-1 1.56-.41.3-.95.43-1.5.44-.54 0-1.09-.14-1.5-.44-.63-.45-1-.73-1-1.57 0 .84-.38 1.12-1 1.57-.29.21-.63.38-1 .44v6.99z'; break; case 'table-col-after': path = 'M14.08 12.864V9.216h3.648V7.424H14.08V3.776h-1.728v3.648H8.64v1.792h3.712v3.648zM0 17.92V0h20.48v17.92H0zM6.4 1.28H1.28v3.84H6.4V1.28zm0 5.12H1.28v3.84H6.4V6.4zm0 5.12H1.28v3.84H6.4v-3.84zM19.2 1.28H7.68v14.08H19.2V1.28z'; break; case 'table-col-before': path = 'M6.4 3.776v3.648H2.752v1.792H6.4v3.648h1.728V9.216h3.712V7.424H8.128V3.776zM0 17.92V0h20.48v17.92H0zM12.8 1.28H1.28v14.08H12.8V1.28zm6.4 0h-5.12v3.84h5.12V1.28zm0 5.12h-5.12v3.84h5.12V6.4zm0 5.12h-5.12v3.84h5.12v-3.84z'; break; case 'table-col-delete': path = 'M6.4 9.98L7.68 8.7v-.256L6.4 7.164V9.98zm6.4-1.532l1.28-1.28V9.92L12.8 8.64v-.192zm7.68 9.472V0H0v17.92h20.48zm-1.28-2.56h-5.12v-1.024l-.256.256-1.024-1.024v1.792H7.68v-1.792l-1.024 1.024-.256-.256v1.024H1.28V1.28H6.4v2.368l.704-.704.576.576V1.216h5.12V3.52l.96-.96.32.32V1.216h5.12V15.36zm-5.76-2.112l-3.136-3.136-3.264 3.264-1.536-1.536 3.264-3.264L5.632 5.44l1.536-1.536 3.136 3.136 3.2-3.2 1.536 1.536-3.2 3.2 3.136 3.136-1.536 1.536z'; break; case 'table-row-after': path = 'M13.824 10.176h-2.88v-2.88H9.536v2.88h-2.88v1.344h2.88v2.88h1.408v-2.88h2.88zM0 17.92V0h20.48v17.92H0zM6.4 1.28H1.28v3.84H6.4V1.28zm6.4 0H7.68v3.84h5.12V1.28zm6.4 0h-5.12v3.84h5.12V1.28zm0 5.056H1.28v9.024H19.2V6.336z'; break; case 'table-row-before': path = 'M6.656 6.464h2.88v2.88h1.408v-2.88h2.88V5.12h-2.88V2.24H9.536v2.88h-2.88zM0 17.92V0h20.48v17.92H0zm7.68-2.56h5.12v-3.84H7.68v3.84zm-6.4 0H6.4v-3.84H1.28v3.84zM19.2 1.28H1.28v9.024H19.2V1.28zm0 10.24h-5.12v3.84h5.12v-3.84z'; break; case 'table-row-delete': path = 'M17.728 11.456L14.592 8.32l3.2-3.2-1.536-1.536-3.2 3.2L9.92 3.648 8.384 5.12l3.2 3.2-3.264 3.264 1.536 1.536 3.264-3.264 3.136 3.136 1.472-1.536zM0 17.92V0h20.48v17.92H0zm19.2-6.4h-.448l-1.28-1.28H19.2V6.4h-1.792l1.28-1.28h.512V1.28H1.28v3.84h6.208l1.28 1.28H1.28v3.84h7.424l-1.28 1.28H1.28v3.84H19.2v-3.84z'; break; case 'tablet': path = 'M4 2h12c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm11 14V4H5v12h10zM6 5h6l-6 5V5z'; break; case 'tag': path = 'M11 2h7v7L8 19l-7-7zm3 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z'; break; case 'tagcloud': path = 'M11 3v4H1V3h10zm8 0v4h-7V3h7zM7 8v3H1V8h6zm12 0v3H8V8h11zM9 12v2H1v-2h8zm10 0v2h-9v-2h9zM6 15v1H1v-1h5zm5 0v1H7v-1h4zm3 0v1h-2v-1h2zm5 0v1h-4v-1h4z'; break; case 'testimonial': path = 'M4 3h12c.55 0 1.02.2 1.41.59S18 4.45 18 5v7c0 .55-.2 1.02-.59 1.41S16.55 14 16 14h-1l-5 5v-5H4c-.55 0-1.02-.2-1.41-.59S2 12.55 2 12V5c0-.55.2-1.02.59-1.41S3.45 3 4 3zm11 2H4v1h11V5zm1 3H4v1h12V8zm-3 3H4v1h9v-1z'; break; case 'text': path = 'M18 3v2H2V3h16zm-6 4v2H2V7h10zm6 0v2h-4V7h4zM8 11v2H2v-2h6zm10 0v2h-8v-2h8zm-4 4v2H2v-2h12z'; break; case 'thumbs-down': path = 'M7.28 18c-.15.02-.26-.02-.41-.07-.56-.19-.83-.79-.66-1.35.17-.55 1-3.04 1-3.58 0-.53-.75-1-1.35-1h-3c-.6 0-1-.4-1-1s2-7 2-7c.17-.39.55-1 1-1H14v9h-2.14c-.41.41-3.3 4.71-3.58 5.27-.21.41-.6.68-1 .73zM18 12h-2V3h2v9z'; break; case 'thumbs-up': path = 'M12.72 2c.15-.02.26.02.41.07.56.19.83.79.66 1.35-.17.55-1 3.04-1 3.58 0 .53.75 1 1.35 1h3c.6 0 1 .4 1 1s-2 7-2 7c-.17.39-.55 1-1 1H6V8h2.14c.41-.41 3.3-4.71 3.58-5.27.21-.41.6-.68 1-.73zM2 8h2v9H2V8z'; break; case 'tickets-alt': path = 'M20 6.38L18.99 9.2v-.01c-.52-.19-1.03-.16-1.53.08s-.85.62-1.04 1.14-.16 1.03.07 1.53c.24.5.62.84 1.15 1.03v.01l-1.01 2.82-15.06-5.38.99-2.79c.52.19 1.03.16 1.53-.08.5-.23.84-.61 1.03-1.13s.16-1.03-.08-1.53c-.23-.49-.61-.83-1.13-1.02L4.93 1zm-4.97 5.69l1.37-3.76c.12-.31.1-.65-.04-.95s-.39-.53-.7-.65L8.14 3.98c-.64-.23-1.37.12-1.6.74L5.17 8.48c-.24.65.1 1.37.74 1.6l7.52 2.74c.14.05.28.08.43.08.52 0 1-.33 1.17-.83zM7.97 4.45l7.51 2.73c.19.07.34.21.43.39.08.18.09.38.02.57l-1.37 3.76c-.13.38-.58.59-.96.45L6.09 9.61c-.39-.14-.59-.57-.45-.96l1.37-3.76c.1-.29.39-.49.7-.49.09 0 .17.02.26.05zm6.82 12.14c.35.27.75.41 1.2.41H16v3H0v-2.96c.55 0 1.03-.2 1.41-.59.39-.38.59-.86.59-1.41s-.2-1.02-.59-1.41-.86-.59-1.41-.59V10h1.05l-.28.8 2.87 1.02c-.51.16-.89.62-.89 1.18v4c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25v-1.75l.83.3c.12.43.36.78.71 1.04zM3.25 17v-4c0-.41.34-.75.75-.75h.83l7.92 2.83V17c0 .41-.34.75-.75.75H4c-.41 0-.75-.34-.75-.75z'; break; case 'tickets': path = 'M20 5.38L18.99 8.2v-.01c-1.04-.37-2.19.18-2.57 1.22-.37 1.04.17 2.19 1.22 2.56v.01l-1.01 2.82L1.57 9.42l.99-2.79c1.04.38 2.19-.17 2.56-1.21s-.17-2.18-1.21-2.55L4.93 0zm-5.45 3.37c.74-2.08-.34-4.37-2.42-5.12-2.08-.74-4.37.35-5.11 2.42-.74 2.08.34 4.38 2.42 5.12 2.07.74 4.37-.35 5.11-2.42zm-2.56-4.74c.89.32 1.57.94 1.97 1.71-.01-.01-.02-.01-.04-.02-.33-.12-.67.09-.78.4-.1.28-.03.57.05.91.04.27.09.62-.06 1.04-.1.29-.33.58-.65 1l-.74 1.01.08-4.08.4.11c.19.04.26-.24.08-.29 0 0-.57-.15-.92-.28-.34-.12-.88-.36-.88-.36-.18-.08-.3.19-.12.27 0 0 .16.08.34.16l.01 1.63L9.2 9.18l.08-4.11c.2.06.4.11.4.11.19.04.26-.23.07-.29 0 0-.56-.15-.91-.28-.07-.02-.14-.05-.22-.08.93-.7 2.19-.94 3.37-.52zM7.4 6.19c.17-.49.44-.92.78-1.27l.04 5c-.94-.95-1.3-2.39-.82-3.73zm4.04 4.75l2.1-2.63c.37-.41.57-.77.69-1.12.05-.12.08-.24.11-.35.09.57.04 1.18-.17 1.77-.45 1.25-1.51 2.1-2.73 2.33zm-.7-3.22l.02 3.22c0 .02 0 .04.01.06-.4 0-.8-.07-1.2-.21-.33-.12-.63-.28-.9-.48zm1.24 6.08l2.1.75c.24.84 1 1.45 1.91 1.45H16v3H0v-2.96c1.1 0 2-.89 2-2 0-1.1-.9-2-2-2V9h1.05l-.28.8 4.28 1.52C4.4 12.03 4 12.97 4 14c0 2.21 1.79 4 4 4s4-1.79 4-4c0-.07-.02-.13-.02-.2zm-6.53-2.33l1.48.53c-.14.04-.15.27.03.28 0 0 .18.02.37.03l.56 1.54-.78 2.36-1.31-3.9c.21-.01.41-.03.41-.03.19-.02.17-.31-.02-.3 0 0-.59.05-.96.05-.07 0-.15 0-.23-.01.13-.2.28-.38.45-.55zM4.4 14c0-.52.12-1.02.32-1.46l1.71 4.7C5.23 16.65 4.4 15.42 4.4 14zm4.19-1.41l1.72.62c.07.17.12.37.12.61 0 .31-.12.66-.28 1.16l-.35 1.2zM11.6 14c0 1.33-.72 2.49-1.79 3.11l1.1-3.18c.06-.17.1-.31.14-.46l.52.19c.02.11.03.22.03.34zm-4.62 3.45l1.08-3.14 1.11 3.03c.01.02.01.04.02.05-.37.13-.77.21-1.19.21-.35 0-.69-.06-1.02-.15z'; break; case 'tide': path = 'M17 7.2V3H3v7.1c2.6-.5 4.5-1.5 6.4-2.6.2-.2.4-.3.6-.5v3c-1.9 1.1-4 2.2-7 2.8V17h14V9.9c-2.6.5-4.4 1.5-6.2 2.6-.3.1-.5.3-.8.4V10c2-1.1 4-2.2 7-2.8z'; break; case 'translation': path = 'M11 7H9.49c-.63 0-1.25.3-1.59.7L7 5H4.13l-2.39 7h1.69l.74-2H7v4H2c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h7c1.1 0 2 .9 2 2v2zM6.51 9H4.49l1-2.93zM10 8h7c1.1 0 2 .9 2 2v7c0 1.1-.9 2-2 2h-7c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2zm7.25 5v-1.08h-3.17V9.75h-1.16v2.17H9.75V13h1.28c.11.85.56 1.85 1.28 2.62-.87.36-1.89.62-2.31.62-.01.02.22.97.2 1.46.84 0 2.21-.5 3.28-1.15 1.09.65 2.48 1.15 3.34 1.15-.02-.49.2-1.44.2-1.46-.43 0-1.49-.27-2.38-.63.7-.77 1.14-1.77 1.25-2.61h1.36zm-3.81 1.93c-.5-.46-.85-1.13-1.01-1.93h2.09c-.17.8-.51 1.47-1 1.93l-.04.03s-.03-.02-.04-.03z'; break; case 'trash': path = 'M12 4h3c.6 0 1 .4 1 1v1H3V5c0-.6.5-1 1-1h3c.2-1.1 1.3-2 2.5-2s2.3.9 2.5 2zM8 4h3c-.2-.6-.9-1-1.5-1S8.2 3.4 8 4zM4 7h11l-.9 10.1c0 .5-.5.9-1 .9H5.9c-.5 0-.9-.4-1-.9L4 7z'; break; case 'twitter': path = 'M18.94 4.46c-.49.73-1.11 1.38-1.83 1.9.01.15.01.31.01.47 0 4.85-3.69 10.44-10.43 10.44-2.07 0-4-.61-5.63-1.65.29.03.58.05.88.05 1.72 0 3.3-.59 4.55-1.57-1.6-.03-2.95-1.09-3.42-2.55.22.04.45.07.69.07.33 0 .66-.05.96-.13-1.67-.34-2.94-1.82-2.94-3.6v-.04c.5.27 1.06.44 1.66.46-.98-.66-1.63-1.78-1.63-3.06 0-.67.18-1.3.5-1.84 1.81 2.22 4.51 3.68 7.56 3.83-.06-.27-.1-.55-.1-.84 0-2.02 1.65-3.66 3.67-3.66 1.06 0 2.01.44 2.68 1.16.83-.17 1.62-.47 2.33-.89-.28.85-.86 1.57-1.62 2.02.75-.08 1.45-.28 2.11-.57z'; break; case 'undo': path = 'M12 5H7V2L1 6l6 4V7h5c2.2 0 4 1.8 4 4s-1.8 4-4 4H7v2h5c3.3 0 6-2.7 6-6s-2.7-6-6-6z'; break; case 'universal-access-alt': path = 'M19 10c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9 9-4.03 9-9zm-9-7.4c.83 0 1.5.67 1.5 1.5s-.67 1.51-1.5 1.51c-.82 0-1.5-.68-1.5-1.51s.68-1.5 1.5-1.5zM3.4 7.36c0-.65 6.6-.76 6.6-.76s6.6.11 6.6.76-4.47 1.4-4.47 1.4 1.69 8.14 1.06 8.38c-.62.24-3.19-5.19-3.19-5.19s-2.56 5.43-3.18 5.19c-.63-.24 1.06-8.38 1.06-8.38S3.4 8.01 3.4 7.36z'; break; case 'universal-access': path = 'M10 2.6c.83 0 1.5.67 1.5 1.5s-.67 1.51-1.5 1.51c-.82 0-1.5-.68-1.5-1.51s.68-1.5 1.5-1.5zM3.4 7.36c0-.65 6.6-.76 6.6-.76s6.6.11 6.6.76-4.47 1.4-4.47 1.4 1.69 8.14 1.06 8.38c-.62.24-3.19-5.19-3.19-5.19s-2.56 5.43-3.18 5.19c-.63-.24 1.06-8.38 1.06-8.38S3.4 8.01 3.4 7.36z'; break; case 'unlock': path = 'M12 9V6c0-1.1-.9-2-2-2s-2 .9-2 2H6c0-2.21 1.79-4 4-4s4 1.79 4 4v3h1c.55 0 1 .45 1 1v7c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1v-7c0-.55.45-1 1-1h7zm-1 7l-.36-2.15c.51-.24.86-.75.86-1.35 0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5c0 .6.35 1.11.86 1.35L9 16h2z'; break; case 'update': path = 'M10.2 3.28c3.53 0 6.43 2.61 6.92 6h2.08l-3.5 4-3.5-4h2.32c-.45-1.97-2.21-3.45-4.32-3.45-1.45 0-2.73.71-3.54 1.78L4.95 5.66C6.23 4.2 8.11 3.28 10.2 3.28zm-.4 13.44c-3.52 0-6.43-2.61-6.92-6H.8l3.5-4c1.17 1.33 2.33 2.67 3.5 4H5.48c.45 1.97 2.21 3.45 4.32 3.45 1.45 0 2.73-.71 3.54-1.78l1.71 1.95c-1.28 1.46-3.15 2.38-5.25 2.38z'; break; case 'upload': path = 'M8 14V8H5l5-6 5 6h-3v6H8zm-2 2v-6H4v8h12.01v-8H14v6H6z'; break; case 'vault': path = 'M18 17V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1zm-1 0H3V3h14v14zM4.75 4h10.5c.41 0 .75.34.75.75V6h-1v3h1v2h-1v3h1v1.25c0 .41-.34.75-.75.75H4.75c-.41 0-.75-.34-.75-.75V4.75c0-.41.34-.75.75-.75zM13 10c0-2.21-1.79-4-4-4s-4 1.79-4 4 1.79 4 4 4 4-1.79 4-4zM9 7l.77 1.15C10.49 8.46 11 9.17 11 10c0 1.1-.9 2-2 2s-2-.9-2-2c0-.83.51-1.54 1.23-1.85z'; break; case 'video-alt': path = 'M8 5c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1 0 .57.49 1 1 1h5c.55 0 1-.45 1-1zm6 5l4-4v10l-4-4v-2zm-1 4V8c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h8c.55 0 1-.45 1-1z'; break; case 'video-alt2': path = 'M12 13V7c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2zm1-2.5l6 4.5V5l-6 4.5v1z'; break; case 'video-alt3': path = 'M19 15V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2zM8 14V6l6 4z'; break; case 'visibility': path = 'M19.7 9.4C17.7 6 14 3.9 10 3.9S2.3 6 .3 9.4L0 10l.3.6c2 3.4 5.7 5.5 9.7 5.5s7.7-2.1 9.7-5.5l.3-.6-.3-.6zM10 14.1c-3.1 0-6-1.6-7.7-4.1C3.6 8 5.7 6.6 8 6.1c-.9.6-1.5 1.7-1.5 2.9 0 1.9 1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5c0-1.2-.6-2.3-1.5-2.9 2.3.5 4.4 1.9 5.7 3.9-1.7 2.5-4.6 4.1-7.7 4.1z'; break; case 'warning': path = 'M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1.13 9.38l.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'; break; case 'welcome-add-page': path = 'M17 7V4h-2V2h-3v1H3v15h11V9h1V7h2zm-1-2v1h-2v2h-1V6h-2V5h2V3h1v2h2z'; break; case 'welcome-comments': path = 'M5 2h10c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2h-2l-5 5v-5H5c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2zm8.5 8.5L11 8l2.5-2.5-1-1L10 7 7.5 4.5l-1 1L9 8l-2.5 2.5 1 1L10 9l2.5 2.5z'; break; case 'welcome-learn-more': path = 'M10 10L2.54 7.02 3 18H1l.48-11.41L0 6l10-4 10 4zm0-5c-.55 0-1 .22-1 .5s.45.5 1 .5 1-.22 1-.5-.45-.5-1-.5zm0 6l5.57-2.23c.71.94 1.2 2.07 1.36 3.3-.3-.04-.61-.07-.93-.07-2.55 0-4.78 1.37-6 3.41C8.78 13.37 6.55 12 4 12c-.32 0-.63.03-.93.07.16-1.23.65-2.36 1.36-3.3z'; break; case 'welcome-view-site': path = 'M18 14V4c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1zm-8-8c2.3 0 4.4 1.14 6 3-1.6 1.86-3.7 3-6 3s-4.4-1.14-6-3c1.6-1.86 3.7-3 6-3zm2 3c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm2 8h3v1H3v-1h3v-1h8v1z'; break; case 'welcome-widgets-menus': path = 'M19 16V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v13c0 .55.45 1 1 1h15c.55 0 1-.45 1-1zM4 4h13v4H4V4zm1 1v2h3V5H5zm4 0v2h3V5H9zm4 0v2h3V5h-3zm-8.5 5c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5zM6 10h4v1H6v-1zm6 0h5v5h-5v-5zm-7.5 2c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5zM6 12h4v1H6v-1zm7 0v2h3v-2h-3zm-8.5 2c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5zM6 14h4v1H6v-1z'; break; case 'welcome-write-blog': path = 'M16.89 1.2l1.41 1.41c.39.39.39 1.02 0 1.41L14 8.33V18H3V3h10.67l1.8-1.8c.4-.39 1.03-.4 1.42 0zm-5.66 8.48l5.37-5.36-1.42-1.42-5.36 5.37-.71 2.12z'; break; case 'wordpress-alt': path = 'M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z'; break; case 'wordpress': path = 'M20 10c0-5.52-4.48-10-10-10S0 4.48 0 10s4.48 10 10 10 10-4.48 10-10zM10 1.01c4.97 0 8.99 4.02 8.99 8.99s-4.02 8.99-8.99 8.99S1.01 14.97 1.01 10 5.03 1.01 10 1.01zM8.01 14.82L4.96 6.61c.49-.03 1.05-.08 1.05-.08.43-.05.38-1.01-.06-.99 0 0-1.29.1-2.13.1-.15 0-.33 0-.52-.01 1.44-2.17 3.9-3.6 6.7-3.6 2.09 0 3.99.79 5.41 2.09-.6-.08-1.45.35-1.45 1.42 0 .66.38 1.22.79 1.88.31.54.5 1.22.5 2.21 0 1.34-1.27 4.48-1.27 4.48l-2.71-7.5c.48-.03.75-.16.75-.16.43-.05.38-1.1-.05-1.08 0 0-1.3.11-2.14.11-.78 0-2.11-.11-2.11-.11-.43-.02-.48 1.06-.05 1.08l.84.08 1.12 3.04zm6.02 2.15L16.64 10s.67-1.69.39-3.81c.63 1.14.94 2.42.94 3.81 0 2.96-1.56 5.58-3.94 6.97zM2.68 6.77L6.5 17.25c-2.67-1.3-4.47-4.08-4.47-7.25 0-1.16.2-2.23.65-3.23zm7.45 4.53l2.29 6.25c-.75.27-1.57.42-2.42.42-.72 0-1.41-.11-2.06-.3z'; break; case 'yes-alt': path = 'M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-.615 12.66h-1.34l-3.24-4.54 1.34-1.25 2.57 2.4 5.14-5.93 1.34.94-5.81 8.38z'; break; case 'yes': path = 'M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z'; break; } if (!path) { return null; } var iconClass = IconClass(this.props); return Object(external_this_wp_element_["createElement"])(svg_SVG, { "aria-hidden": true, role: "img", focusable: "false", className: iconClass, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20" }, Object(external_this_wp_element_["createElement"])(svg_Path, { d: path })); } }]); return Dashicon; }(external_this_wp_element_["Component"]); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/icon-button/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ // This is intentionally a Component class, not a function component because it // is common to apply a ref to the button element (only supported in class) var icon_button_IconButton = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(IconButton, _Component); function IconButton() { Object(classCallCheck["a" /* default */])(this, IconButton); return Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(IconButton).apply(this, arguments)); } Object(createClass["a" /* default */])(IconButton, [{ key: "render", value: function render() { var _this$props = this.props, icon = _this$props.icon, children = _this$props.children, label = _this$props.label, className = _this$props.className, tooltip = _this$props.tooltip, shortcut = _this$props.shortcut, labelPosition = _this$props.labelPosition, additionalProps = Object(objectWithoutProperties["a" /* default */])(_this$props, ["icon", "children", "label", "className", "tooltip", "shortcut", "labelPosition"]); var ariaPressed = this.props['aria-pressed']; var classes = classnames_default()('components-icon-button', className); var tooltipText = tooltip || label; // Should show the tooltip if... var showTooltip = !additionalProps.disabled && ( // an explicit tooltip is passed or... tooltip || // there's a shortcut or... shortcut || // there's a label and... !!label && ( // the children are empty and... !children || Object(external_lodash_["isArray"])(children) && !children.length) && // the tooltip is not explicitly disabled. false !== tooltip); var element = Object(external_this_wp_element_["createElement"])(build_module_button, Object(esm_extends["a" /* default */])({ "aria-label": label }, additionalProps, { className: classes }), Object(external_lodash_["isString"])(icon) ? Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: icon, ariaPressed: ariaPressed }) : icon, children); if (showTooltip) { element = Object(external_this_wp_element_["createElement"])(build_module_tooltip, { text: tooltipText, shortcut: shortcut, position: labelPosition }, element); } return element; } }]); return IconButton; }(external_this_wp_element_["Component"]); /* harmony default export */ var icon_button = (icon_button_IconButton); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/scroll-lock/index.js /** * WordPress dependencies */ /** * Creates a ScrollLock component bound to the specified document. * * This function creates a ScrollLock component for the specified document * and is exposed so we can create an isolated component for unit testing. * * @param {Object} args Keyword args. * @param {HTMLDocument} args.htmlDocument The document to lock the scroll for. * @param {string} args.className The name of the class used to lock scrolling. * @return {Component} The bound ScrollLock component. */ function createScrollLockComponent() { var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}, _ref$htmlDocument = _ref.htmlDocument, htmlDocument = _ref$htmlDocument === void 0 ? document : _ref$htmlDocument, _ref$className = _ref.className, className = _ref$className === void 0 ? 'lockscroll' : _ref$className; var lockCounter = 0; /* * Setting `overflow: hidden` on html and body elements resets body scroll in iOS. * Save scroll top so we can restore it after locking scroll. * * NOTE: It would be cleaner and possibly safer to find a localized solution such * as preventing default on certain touchmove events. */ var previousScrollTop = 0; /** * Locks and unlocks scroll depending on the boolean argument. * * @param {boolean} locked Whether or not scroll should be locked. */ function setLocked(locked) { var scrollingElement = htmlDocument.scrollingElement || htmlDocument.body; if (locked) { previousScrollTop = scrollingElement.scrollTop; } var methodName = locked ? 'add' : 'remove'; scrollingElement.classList[methodName](className); // Adding the class to the document element seems to be necessary in iOS. htmlDocument.documentElement.classList[methodName](className); if (!locked) { scrollingElement.scrollTop = previousScrollTop; } } /** * Requests scroll lock. * * This function tracks requests for scroll lock. It locks scroll on the first * request and counts each request so `releaseLock` can unlock scroll when * all requests have been released. */ function requestLock() { if (lockCounter === 0) { setLocked(true); } ++lockCounter; } /** * Releases a request for scroll lock. * * This function tracks released requests for scroll lock. When all requests * have been released, it unlocks scroll. */ function releaseLock() { if (lockCounter === 1) { setLocked(false); } --lockCounter; } return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(ScrollLock, _Component); function ScrollLock() { Object(classCallCheck["a" /* default */])(this, ScrollLock); return Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(ScrollLock).apply(this, arguments)); } Object(createClass["a" /* default */])(ScrollLock, [{ key: "componentDidMount", /** * Requests scroll lock on mount. */ value: function componentDidMount() { requestLock(); } /** * Releases scroll lock before unmount. */ }, { key: "componentWillUnmount", value: function componentWillUnmount() { releaseLock(); } /** * Render nothing as this component is merely a way to declare scroll lock. * * @return {null} Render nothing by returning `null`. */ }, { key: "render", value: function render() { return null; } }]); return ScrollLock; }(external_this_wp_element_["Component"]) ); } /* harmony default export */ var scroll_lock = (createScrollLockComponent()); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/isolated-event-container/index.js /** * External dependencies */ var isolated_event_container_IsolatedEventContainer = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(IsolatedEventContainer, _Component); function IsolatedEventContainer(props) { var _this; Object(classCallCheck["a" /* default */])(this, IsolatedEventContainer); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(IsolatedEventContainer).call(this, props)); _this.stopEventPropagationOutsideContainer = _this.stopEventPropagationOutsideContainer.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(IsolatedEventContainer, [{ key: "stopEventPropagationOutsideContainer", value: function stopEventPropagationOutsideContainer(event) { event.stopPropagation(); } }, { key: "render", value: function render() { var _this$props = this.props, children = _this$props.children, props = Object(objectWithoutProperties["a" /* default */])(_this$props, ["children"]); // Disable reason: this stops certain events from propagating outside of the component. // - onMouseDown is disabled as this can cause interactions with other DOM elements /* eslint-disable jsx-a11y/no-static-element-interactions */ return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({}, props, { onMouseDown: this.stopEventPropagationOutsideContainer }), children); } }]); return IsolatedEventContainer; }(external_this_wp_element_["Component"]); /* harmony default export */ var isolated_event_container = (isolated_event_container_IsolatedEventContainer); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/slot-fill/context.js /** * External dependencies */ /** * WordPress dependencies */ var _createContext = Object(external_this_wp_element_["createContext"])({ registerSlot: function registerSlot() {}, unregisterSlot: function unregisterSlot() {}, registerFill: function registerFill() {}, unregisterFill: function unregisterFill() {}, getSlot: function getSlot() {}, getFills: function getFills() {} }), Provider = _createContext.Provider, Consumer = _createContext.Consumer; var context_SlotFillProvider = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(SlotFillProvider, _Component); function SlotFillProvider() { var _this; Object(classCallCheck["a" /* default */])(this, SlotFillProvider); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(SlotFillProvider).apply(this, arguments)); _this.registerSlot = _this.registerSlot.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.registerFill = _this.registerFill.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.unregisterSlot = _this.unregisterSlot.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.unregisterFill = _this.unregisterFill.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.getSlot = _this.getSlot.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.getFills = _this.getFills.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.slots = {}; _this.fills = {}; _this.state = { registerSlot: _this.registerSlot, unregisterSlot: _this.unregisterSlot, registerFill: _this.registerFill, unregisterFill: _this.unregisterFill, getSlot: _this.getSlot, getFills: _this.getFills }; return _this; } Object(createClass["a" /* default */])(SlotFillProvider, [{ key: "registerSlot", value: function registerSlot(name, slot) { this.slots[name] = slot; this.forceUpdateFills(name); // Sometimes the fills are registered after the initial render of slot // But before the registerSlot call, we need to rerender the slot this.forceUpdateSlot(name); } }, { key: "registerFill", value: function registerFill(name, instance) { this.fills[name] = Object(toConsumableArray["a" /* default */])(this.fills[name] || []).concat([instance]); this.forceUpdateSlot(name); } }, { key: "unregisterSlot", value: function unregisterSlot(name) { delete this.slots[name]; this.forceUpdateFills(name); } }, { key: "unregisterFill", value: function unregisterFill(name, instance) { this.fills[name] = Object(external_lodash_["without"])(this.fills[name], instance); this.resetFillOccurrence(name); this.forceUpdateSlot(name); } }, { key: "getSlot", value: function getSlot(name) { return this.slots[name]; } }, { key: "getFills", value: function getFills(name) { return Object(external_lodash_["sortBy"])(this.fills[name], 'occurrence'); } }, { key: "resetFillOccurrence", value: function resetFillOccurrence(name) { Object(external_lodash_["forEach"])(this.fills[name], function (instance) { instance.resetOccurrence(); }); } }, { key: "forceUpdateFills", value: function forceUpdateFills(name) { Object(external_lodash_["forEach"])(this.fills[name], function (instance) { instance.forceUpdate(); }); } }, { key: "forceUpdateSlot", value: function forceUpdateSlot(name) { var slot = this.getSlot(name); if (slot) { slot.forceUpdate(); } } }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])(Provider, { value: this.state }, this.props.children); } }]); return SlotFillProvider; }(external_this_wp_element_["Component"]); /* harmony default export */ var slot_fill_context = (context_SlotFillProvider); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/slot-fill/slot.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var slot_SlotComponent = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(SlotComponent, _Component); function SlotComponent() { var _this; Object(classCallCheck["a" /* default */])(this, SlotComponent); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(SlotComponent).apply(this, arguments)); _this.bindNode = _this.bindNode.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(SlotComponent, [{ key: "componentDidMount", value: function componentDidMount() { var registerSlot = this.props.registerSlot; registerSlot(this.props.name, this); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { var unregisterSlot = this.props.unregisterSlot; unregisterSlot(this.props.name, this); } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) { var _this$props = this.props, name = _this$props.name, unregisterSlot = _this$props.unregisterSlot, registerSlot = _this$props.registerSlot; if (prevProps.name !== name) { unregisterSlot(prevProps.name); registerSlot(name, this); } } }, { key: "bindNode", value: function bindNode(node) { this.node = node; } }, { key: "render", value: function render() { var _this$props2 = this.props, children = _this$props2.children, name = _this$props2.name, _this$props2$bubblesV = _this$props2.bubblesVirtually, bubblesVirtually = _this$props2$bubblesV === void 0 ? false : _this$props2$bubblesV, _this$props2$fillProp = _this$props2.fillProps, fillProps = _this$props2$fillProp === void 0 ? {} : _this$props2$fillProp, getFills = _this$props2.getFills; if (bubblesVirtually) { return Object(external_this_wp_element_["createElement"])("div", { ref: this.bindNode }); } var fills = Object(external_lodash_["map"])(getFills(name), function (fill) { var fillKey = fill.occurrence; var fillChildren = Object(external_lodash_["isFunction"])(fill.props.children) ? fill.props.children(fillProps) : fill.props.children; return external_this_wp_element_["Children"].map(fillChildren, function (child, childIndex) { if (!child || Object(external_lodash_["isString"])(child)) { return child; } var childKey = "".concat(fillKey, "---").concat(child.key || childIndex); return Object(external_this_wp_element_["cloneElement"])(child, { key: childKey }); }); }).filter( // In some cases fills are rendered only when some conditions apply. // This ensures that we only use non-empty fills when rendering, i.e., // it allows us to render wrappers only when the fills are actually present. Object(external_lodash_["negate"])(external_this_wp_element_["isEmptyElement"])); return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_lodash_["isFunction"])(children) ? children(fills) : fills); } }]); return SlotComponent; }(external_this_wp_element_["Component"]); var slot_Slot = function Slot(props) { return Object(external_this_wp_element_["createElement"])(Consumer, null, function (_ref) { var registerSlot = _ref.registerSlot, unregisterSlot = _ref.unregisterSlot, getFills = _ref.getFills; return Object(external_this_wp_element_["createElement"])(slot_SlotComponent, Object(esm_extends["a" /* default */])({}, props, { registerSlot: registerSlot, unregisterSlot: unregisterSlot, getFills: getFills })); }); }; /* harmony default export */ var slot_fill_slot = (slot_Slot); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/slot-fill/fill.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var occurrences = 0; var fill_FillComponent = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(FillComponent, _Component); function FillComponent() { var _this; Object(classCallCheck["a" /* default */])(this, FillComponent); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(FillComponent).apply(this, arguments)); _this.occurrence = ++occurrences; return _this; } Object(createClass["a" /* default */])(FillComponent, [{ key: "componentDidMount", value: function componentDidMount() { var registerFill = this.props.registerFill; registerFill(this.props.name, this); } }, { key: "componentWillUpdate", value: function componentWillUpdate() { if (!this.occurrence) { this.occurrence = ++occurrences; } var getSlot = this.props.getSlot; var slot = getSlot(this.props.name); if (slot && !slot.props.bubblesVirtually) { slot.forceUpdate(); } } }, { key: "componentWillUnmount", value: function componentWillUnmount() { var unregisterFill = this.props.unregisterFill; unregisterFill(this.props.name, this); } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) { var _this$props = this.props, name = _this$props.name, unregisterFill = _this$props.unregisterFill, registerFill = _this$props.registerFill; if (prevProps.name !== name) { unregisterFill(prevProps.name, this); registerFill(name, this); } } }, { key: "resetOccurrence", value: function resetOccurrence() { this.occurrence = null; } }, { key: "render", value: function render() { var _this$props2 = this.props, name = _this$props2.name, getSlot = _this$props2.getSlot; var children = this.props.children; var slot = getSlot(name); if (!slot || !slot.props.bubblesVirtually) { return null; } // If a function is passed as a child, provide it with the fillProps. if (Object(external_lodash_["isFunction"])(children)) { children = children(slot.props.fillProps); } return Object(external_this_wp_element_["createPortal"])(children, slot.node); } }]); return FillComponent; }(external_this_wp_element_["Component"]); var fill_Fill = function Fill(props) { return Object(external_this_wp_element_["createElement"])(Consumer, null, function (_ref) { var getSlot = _ref.getSlot, registerFill = _ref.registerFill, unregisterFill = _ref.unregisterFill; return Object(external_this_wp_element_["createElement"])(fill_FillComponent, Object(esm_extends["a" /* default */])({}, props, { getSlot: getSlot, registerFill: registerFill, unregisterFill: unregisterFill })); }); }; /* harmony default export */ var slot_fill_fill = (fill_Fill); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/slot-fill/index.js /** * Internal dependencies */ function createSlotFill(name) { var FillComponent = function FillComponent(props) { return Object(external_this_wp_element_["createElement"])(slot_fill_fill, Object(esm_extends["a" /* default */])({ name: name }, props)); }; FillComponent.displayName = name + 'Fill'; var SlotComponent = function SlotComponent(props) { return Object(external_this_wp_element_["createElement"])(slot_fill_slot, Object(esm_extends["a" /* default */])({ name: name }, props)); }; SlotComponent.displayName = name + 'Slot'; return { Fill: FillComponent, Slot: SlotComponent }; } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/popover/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var FocusManaged = with_constrained_tabbing(with_focus_return(function (_ref) { var children = _ref.children; return children; })); /** * Name of slot in which popover should fill. * * @type {String} */ var SLOT_NAME = 'Popover'; var popover_Popover = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Popover, _Component); function Popover() { var _this; Object(classCallCheck["a" /* default */])(this, Popover); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Popover).apply(this, arguments)); _this.getAnchorRect = _this.getAnchorRect.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.computePopoverPosition = _this.computePopoverPosition.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.maybeClose = _this.maybeClose.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.throttledRefresh = _this.throttledRefresh.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.refresh = _this.refresh.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.refreshOnAnchorMove = _this.refreshOnAnchorMove.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.contentNode = Object(external_this_wp_element_["createRef"])(); _this.anchorNode = Object(external_this_wp_element_["createRef"])(); _this.state = { popoverLeft: null, popoverTop: null, yAxis: 'top', xAxis: 'center', contentHeight: null, contentWidth: null, isMobile: false, popoverSize: null }; // Property used keep track of the previous anchor rect // used to compute the popover position and size. _this.anchorRect = {}; return _this; } Object(createClass["a" /* default */])(Popover, [{ key: "componentDidMount", value: function componentDidMount() { var _this2 = this; this.toggleAutoRefresh(true); this.refresh(); /* * Without the setTimeout, the dom node is not being focused. Related: * https://stackoverflow.com/questions/35522220/react-ref-with-focus-doesnt-work-without-settimeout-my-example * * TODO: Treat the cause, not the symptom. */ this.focusTimeout = setTimeout(function () { _this2.focus(); }, 0); } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) { if (prevProps.position !== this.props.position) { this.computePopoverPosition(this.state.popoverSize, this.anchorRect); } } }, { key: "componentWillUnmount", value: function componentWillUnmount() { clearTimeout(this.focusTimeout); this.toggleAutoRefresh(false); } }, { key: "toggleAutoRefresh", value: function toggleAutoRefresh(isActive) { window.cancelAnimationFrame(this.rafHandle); // Refresh the popover every time the window is resized or scrolled var handler = isActive ? 'addEventListener' : 'removeEventListener'; window[handler]('resize', this.throttledRefresh); window[handler]('scroll', this.throttledRefresh, true); /* * There are sometimes we need to reposition or resize the popover that are not * handled by the resize/scroll window events (i.e. CSS changes in the layout * that changes the position of the anchor). * * For these situations, we refresh the popover every 0.5s */ if (isActive) { this.autoRefresh = setInterval(this.refreshOnAnchorMove, 500); } else { clearInterval(this.autoRefresh); } } }, { key: "throttledRefresh", value: function throttledRefresh(event) { window.cancelAnimationFrame(this.rafHandle); if (event && event.type === 'scroll' && this.contentNode.current.contains(event.target)) { return; } this.rafHandle = window.requestAnimationFrame(this.refresh); } /** * Calling refreshOnAnchorMove * will only refresh the popover position if the anchor moves. */ }, { key: "refreshOnAnchorMove", value: function refreshOnAnchorMove() { var _this$props$getAnchor = this.props.getAnchorRect, getAnchorRect = _this$props$getAnchor === void 0 ? this.getAnchorRect : _this$props$getAnchor; var anchorRect = getAnchorRect(this.anchorNode.current); var didAnchorRectChange = !external_this_wp_isShallowEqual_default()(anchorRect, this.anchorRect); if (didAnchorRectChange) { this.anchorRect = anchorRect; this.computePopoverPosition(this.state.popoverSize, anchorRect); } } /** * Calling `refresh()` will force the Popover to recalculate its size and * position. This is useful when a DOM change causes the anchor node to change * position. */ }, { key: "refresh", value: function refresh() { var _this$props$getAnchor2 = this.props.getAnchorRect, getAnchorRect = _this$props$getAnchor2 === void 0 ? this.getAnchorRect : _this$props$getAnchor2; var anchorRect = getAnchorRect(this.anchorNode.current); var contentRect = this.contentNode.current.getBoundingClientRect(); var popoverSize = { width: contentRect.width, height: contentRect.height }; var didPopoverSizeChange = !this.state.popoverSize || popoverSize.width !== this.state.popoverSize.width || popoverSize.height !== this.state.popoverSize.height; if (didPopoverSizeChange) { this.setState({ popoverSize: popoverSize }); } this.anchorRect = anchorRect; this.computePopoverPosition(popoverSize, anchorRect); } }, { key: "focus", value: function focus() { var focusOnMount = this.props.focusOnMount; if (!focusOnMount || !this.contentNode.current) { return; } if (focusOnMount === 'firstElement') { // Find first tabbable node within content and shift focus, falling // back to the popover panel itself. var firstTabbable = external_this_wp_dom_["focus"].tabbable.find(this.contentNode.current)[0]; if (firstTabbable) { firstTabbable.focus(); } else { this.contentNode.current.focus(); } return; } if (focusOnMount === 'container') { // Focus the popover panel itself so items in the popover are easily // accessed via keyboard navigation. this.contentNode.current.focus(); } } }, { key: "getAnchorRect", value: function getAnchorRect(anchor) { if (!anchor || !anchor.parentNode) { return; } var rect = anchor.parentNode.getBoundingClientRect(); // subtract padding var _window$getComputedSt = window.getComputedStyle(anchor.parentNode), paddingTop = _window$getComputedSt.paddingTop, paddingBottom = _window$getComputedSt.paddingBottom; var topPad = parseInt(paddingTop, 10); var bottomPad = parseInt(paddingBottom, 10); return { x: rect.left, y: rect.top + topPad, width: rect.width, height: rect.height - topPad - bottomPad, left: rect.left, right: rect.right, top: rect.top + topPad, bottom: rect.bottom - bottomPad }; } }, { key: "computePopoverPosition", value: function computePopoverPosition(popoverSize, anchorRect) { var _this$props = this.props, _this$props$position = _this$props.position, position = _this$props$position === void 0 ? 'top' : _this$props$position, expandOnMobile = _this$props.expandOnMobile; var newPopoverPosition = utils_computePopoverPosition(anchorRect, popoverSize, position, expandOnMobile); if (this.state.yAxis !== newPopoverPosition.yAxis || this.state.xAxis !== newPopoverPosition.xAxis || this.state.popoverLeft !== newPopoverPosition.popoverLeft || this.state.popoverTop !== newPopoverPosition.popoverTop || this.state.contentHeight !== newPopoverPosition.contentHeight || this.state.contentWidth !== newPopoverPosition.contentWidth || this.state.isMobile !== newPopoverPosition.isMobile) { this.setState(newPopoverPosition); } } }, { key: "maybeClose", value: function maybeClose(event) { var _this$props2 = this.props, onKeyDown = _this$props2.onKeyDown, onClose = _this$props2.onClose; // Close on escape if (event.keyCode === external_this_wp_keycodes_["ESCAPE"] && onClose) { event.stopPropagation(); onClose(); } // Preserve original content prop behavior if (onKeyDown) { onKeyDown(event); } } }, { key: "render", value: function render() { var _this3 = this; var _this$props3 = this.props, headerTitle = _this$props3.headerTitle, onClose = _this$props3.onClose, children = _this$props3.children, className = _this$props3.className, _this$props3$onClickO = _this$props3.onClickOutside, onClickOutside = _this$props3$onClickO === void 0 ? onClose : _this$props3$onClickO, noArrow = _this$props3.noArrow, position = _this$props3.position, range = _this$props3.range, focusOnMount = _this$props3.focusOnMount, getAnchorRect = _this$props3.getAnchorRect, expandOnMobile = _this$props3.expandOnMobile, contentProps = Object(objectWithoutProperties["a" /* default */])(_this$props3, ["headerTitle", "onClose", "children", "className", "onClickOutside", "noArrow", "position", "range", "focusOnMount", "getAnchorRect", "expandOnMobile"]); var _this$state = this.state, popoverLeft = _this$state.popoverLeft, popoverTop = _this$state.popoverTop, yAxis = _this$state.yAxis, xAxis = _this$state.xAxis, contentHeight = _this$state.contentHeight, contentWidth = _this$state.contentWidth, popoverSize = _this$state.popoverSize, isMobile = _this$state.isMobile; var classes = classnames_default()('components-popover', className, 'is-' + yAxis, 'is-' + xAxis, { 'is-mobile': isMobile, 'is-without-arrow': noArrow || xAxis === 'center' && yAxis === 'middle' }); // Disable reason: We care to capture the _bubbled_ events from inputs // within popover as inferring close intent. /* eslint-disable jsx-a11y/no-static-element-interactions */ var content = Object(external_this_wp_element_["createElement"])(detect_outside, { onClickOutside: onClickOutside }, Object(external_this_wp_element_["createElement"])(isolated_event_container, Object(esm_extends["a" /* default */])({ className: classes, style: { top: !isMobile && popoverTop ? popoverTop + 'px' : undefined, left: !isMobile && popoverLeft ? popoverLeft + 'px' : undefined, visibility: popoverSize ? undefined : 'hidden' } }, contentProps, { onKeyDown: this.maybeClose }), isMobile && Object(external_this_wp_element_["createElement"])("div", { className: "components-popover__header" }, Object(external_this_wp_element_["createElement"])("span", { className: "components-popover__header-title" }, headerTitle), Object(external_this_wp_element_["createElement"])(icon_button, { className: "components-popover__close", icon: "no-alt", onClick: onClose })), Object(external_this_wp_element_["createElement"])("div", { ref: this.contentNode, className: "components-popover__content", style: { maxHeight: !isMobile && contentHeight ? contentHeight + 'px' : undefined, maxWidth: !isMobile && contentWidth ? contentWidth + 'px' : undefined }, tabIndex: "-1" }, children))); /* eslint-enable jsx-a11y/no-static-element-interactions */ // Apply focus to element as long as focusOnMount is truthy; false is // the only "disabled" value. if (focusOnMount) { content = Object(external_this_wp_element_["createElement"])(FocusManaged, null, content); } return Object(external_this_wp_element_["createElement"])(Consumer, null, function (_ref2) { var getSlot = _ref2.getSlot; // In case there is no slot context in which to render, // default to an in-place rendering. if (getSlot && getSlot(SLOT_NAME)) { content = Object(external_this_wp_element_["createElement"])(slot_fill_fill, { name: SLOT_NAME }, content); } return Object(external_this_wp_element_["createElement"])("span", { ref: _this3.anchorNode }, content, isMobile && expandOnMobile && Object(external_this_wp_element_["createElement"])(scroll_lock, null)); }); } }]); return Popover; }(external_this_wp_element_["Component"]); popover_Popover.defaultProps = { focusOnMount: 'firstElement', noArrow: false }; var PopoverContainer = popover_Popover; PopoverContainer.Slot = function () { return Object(external_this_wp_element_["createElement"])(slot_fill_slot, { bubblesVirtually: true, name: SLOT_NAME }); }; /* harmony default export */ var popover = (PopoverContainer); // EXTERNAL MODULE: external {"this":["wp","a11y"]} var external_this_wp_a11y_ = __webpack_require__(44); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-spoken-messages/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * A Higher Order Component used to be provide a unique instance ID by * component. * * @param {WPElement} WrappedComponent The wrapped component. * * @return {Component} Component with an instanceId prop. */ /* harmony default export */ var with_spoken_messages = (Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(_class, _Component); function _class() { var _this; Object(classCallCheck["a" /* default */])(this, _class); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(_class).apply(this, arguments)); _this.debouncedSpeak = Object(external_lodash_["debounce"])(_this.speak.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))), 500); return _this; } Object(createClass["a" /* default */])(_class, [{ key: "speak", value: function speak(message) { var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'polite'; Object(external_this_wp_a11y_["speak"])(message, type); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.debouncedSpeak.cancel(); } }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, this.props, { speak: this.speak, debouncedSpeak: this.debouncedSpeak })); } }]); return _class; }(external_this_wp_element_["Component"]) ); }, 'withSpokenMessages')); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/autocomplete/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * A raw completer option. * @typedef {*} CompleterOption */ /** * @callback FnGetOptions * * @returns {(CompleterOption[]|Promise.<CompleterOption[]>)} The completer options or a promise for them. */ /** * @callback FnGetOptionKeywords * @param {CompleterOption} option a completer option. * * @returns {string[]} list of key words to search. */ /** * @callback FnIsOptionDisabled * @param {CompleterOption} option a completer option. * * @returns {string[]} whether or not the given option is disabled. */ /** * @callback FnGetOptionLabel * @param {CompleterOption} option a completer option. * * @returns {(string|Array.<(string|Component)>)} list of react components to render. */ /** * @callback FnAllowNode * @param {Node} textNode check if the completer can handle this text node. * * @returns {boolean} true if the completer can handle this text node. */ /** * @callback FnAllowContext * @param {Range} before the range before the auto complete trigger and query. * @param {Range} after the range after the autocomplete trigger and query. * * @returns {boolean} true if the completer can handle these ranges. */ /** * @typedef {Object} OptionCompletion * @property {('insert-at-caret', 'replace')} action the intended placement of the completion. * @property {OptionCompletionValue} value the completion value. */ /** * A completion value. * @typedef {(String|WPElement|Object)} OptionCompletionValue */ /** * @callback FnGetOptionCompletion * @param {CompleterOption} value the value of the completer option. * @param {Range} range the nodes included in the autocomplete trigger and query. * @param {String} query the text value of the autocomplete query. * * @returns {(OptionCompletion|OptionCompletionValue)} the completion for the given option. If an * OptionCompletionValue is returned, the * completion action defaults to `insert-at-caret`. */ /** * @typedef {Object} Completer * @property {String} name a way to identify a completer, useful for selective overriding. * @property {?String} className A class to apply to the popup menu. * @property {String} triggerPrefix the prefix that will display the menu. * @property {(CompleterOption[]|FnGetOptions)} options the completer options or a function to get them. * @property {?FnGetOptionKeywords} getOptionKeywords get the keywords for a given option. * @property {?FnIsOptionDisabled} isOptionDisabled get whether or not the given option is disabled. * @property {FnGetOptionLabel} getOptionLabel get the label for a given option. * @property {?FnAllowNode} allowNode filter the allowed text nodes in the autocomplete. * @property {?FnAllowContext} allowContext filter the context under which the autocomplete activates. * @property {FnGetOptionCompletion} getOptionCompletion get the completion associated with a given option. */ function filterOptions(search) { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; var maxResults = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10; var filtered = []; for (var i = 0; i < options.length; i++) { var option = options[i]; // Merge label into keywords var _option$keywords = option.keywords, keywords = _option$keywords === void 0 ? [] : _option$keywords; if ('string' === typeof option.label) { keywords = Object(toConsumableArray["a" /* default */])(keywords).concat([option.label]); } var isMatch = keywords.some(function (keyword) { return search.test(Object(external_lodash_["deburr"])(keyword)); }); if (!isMatch) { continue; } filtered.push(option); // Abort early if max reached if (filtered.length === maxResults) { break; } } return filtered; } function getCaretRect() { var range = window.getSelection().getRangeAt(0); if (range) { return Object(external_this_wp_dom_["getRectangleFromRange"])(range); } } var autocomplete_Autocomplete = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Autocomplete, _Component); Object(createClass["a" /* default */])(Autocomplete, null, [{ key: "getInitialState", value: function getInitialState() { return { search: /./, selectedIndex: 0, suppress: undefined, open: undefined, query: undefined, filteredOptions: [] }; } }]); function Autocomplete() { var _this; Object(classCallCheck["a" /* default */])(this, Autocomplete); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Autocomplete).apply(this, arguments)); _this.bindNode = _this.bindNode.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.select = _this.select.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.reset = _this.reset.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.resetWhenSuppressed = _this.resetWhenSuppressed.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleKeyDown = _this.handleKeyDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.debouncedLoadOptions = Object(external_lodash_["debounce"])(_this.loadOptions, 250); _this.state = _this.constructor.getInitialState(); return _this; } Object(createClass["a" /* default */])(Autocomplete, [{ key: "bindNode", value: function bindNode(node) { this.node = node; } }, { key: "insertCompletion", value: function insertCompletion(replacement) { var _this$state = this.state, open = _this$state.open, query = _this$state.query; var _this$props = this.props, record = _this$props.record, onChange = _this$props.onChange; var end = record.start; var start = end - open.triggerPrefix.length - query.length; var toInsert = Object(external_this_wp_richText_["create"])({ html: Object(external_this_wp_element_["renderToString"])(replacement) }); onChange(Object(external_this_wp_richText_["insert"])(record, toInsert, start, end)); } }, { key: "select", value: function select(option) { var onReplace = this.props.onReplace; var _this$state2 = this.state, open = _this$state2.open, query = _this$state2.query; var _ref = open || {}, getOptionCompletion = _ref.getOptionCompletion; if (option.isDisabled) { return; } if (getOptionCompletion) { var completion = getOptionCompletion(option.value, query); var _ref2 = undefined === completion.action || undefined === completion.value ? { action: 'insert-at-caret', value: completion } : completion, action = _ref2.action, value = _ref2.value; if ('replace' === action) { onReplace([value]); } else if ('insert-at-caret' === action) { this.insertCompletion(value); } } // Reset autocomplete state after insertion rather than before // so insertion events don't cause the completion menu to redisplay. this.reset(); } }, { key: "reset", value: function reset() { var isMounted = !!this.node; // Autocompletions may replace the block containing this component, // so we make sure it is mounted before resetting the state. if (isMounted) { this.setState(this.constructor.getInitialState()); } } }, { key: "resetWhenSuppressed", value: function resetWhenSuppressed() { var _this$state3 = this.state, open = _this$state3.open, suppress = _this$state3.suppress; if (open && suppress === open.idx) { this.reset(); } } }, { key: "handleFocusOutside", value: function handleFocusOutside() { this.reset(); } }, { key: "announce", value: function announce(filteredOptions) { var debouncedSpeak = this.props.debouncedSpeak; if (!debouncedSpeak) { return; } if (!!filteredOptions.length) { debouncedSpeak(Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["_n"])('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', filteredOptions.length), filteredOptions.length), 'assertive'); } else { debouncedSpeak(Object(external_this_wp_i18n_["__"])('No results.'), 'assertive'); } } /** * Load options for an autocompleter. * * @param {Completer} completer The autocompleter. * @param {string} query The query, if any. */ }, { key: "loadOptions", value: function loadOptions(completer, query) { var _this2 = this; var options = completer.options; /* * We support both synchronous and asynchronous retrieval of completer options * but internally treat all as async so we maintain a single, consistent code path. * * Because networks can be slow, and the internet is wonderfully unpredictable, * we don't want two promises updating the state at once. This ensures that only * the most recent promise will act on `optionsData`. This doesn't use the state * because `setState` is batched, and so there's no guarantee that setting * `activePromise` in the state would result in it actually being in `this.state` * before the promise resolves and we check to see if this is the active promise or not. */ var promise = this.activePromise = Promise.resolve(typeof options === 'function' ? options(query) : options).then(function (optionsData) { var _this2$setState; if (promise !== _this2.activePromise) { // Another promise has become active since this one was asked to resolve, so do nothing, // or else we might end triggering a race condition updating the state. return; } var keyedOptions = optionsData.map(function (optionData, optionIndex) { return { key: "".concat(completer.idx, "-").concat(optionIndex), value: optionData, label: completer.getOptionLabel(optionData), keywords: completer.getOptionKeywords ? completer.getOptionKeywords(optionData) : [], isDisabled: completer.isOptionDisabled ? completer.isOptionDisabled(optionData) : false }; }); var filteredOptions = filterOptions(_this2.state.search, keyedOptions); var selectedIndex = filteredOptions.length === _this2.state.filteredOptions.length ? _this2.state.selectedIndex : 0; _this2.setState((_this2$setState = {}, Object(defineProperty["a" /* default */])(_this2$setState, 'options_' + completer.idx, keyedOptions), Object(defineProperty["a" /* default */])(_this2$setState, "filteredOptions", filteredOptions), Object(defineProperty["a" /* default */])(_this2$setState, "selectedIndex", selectedIndex), _this2$setState)); _this2.announce(filteredOptions); }); } }, { key: "handleKeyDown", value: function handleKeyDown(event) { var _this$state4 = this.state, open = _this$state4.open, suppress = _this$state4.suppress, selectedIndex = _this$state4.selectedIndex, filteredOptions = _this$state4.filteredOptions; if (!open) { return; } if (suppress === open.idx) { switch (event.keyCode) { // cancel popup suppression on CTRL+SPACE case external_this_wp_keycodes_["SPACE"]: var ctrlKey = event.ctrlKey, shiftKey = event.shiftKey, altKey = event.altKey, metaKey = event.metaKey; if (ctrlKey && !(shiftKey || altKey || metaKey)) { this.setState({ suppress: undefined }); event.preventDefault(); event.stopPropagation(); } break; // reset on cursor movement case external_this_wp_keycodes_["UP"]: case external_this_wp_keycodes_["DOWN"]: case external_this_wp_keycodes_["LEFT"]: case external_this_wp_keycodes_["RIGHT"]: this.reset(); } return; } if (filteredOptions.length === 0) { return; } var nextSelectedIndex; switch (event.keyCode) { case external_this_wp_keycodes_["UP"]: nextSelectedIndex = (selectedIndex === 0 ? filteredOptions.length : selectedIndex) - 1; this.setState({ selectedIndex: nextSelectedIndex }); break; case external_this_wp_keycodes_["DOWN"]: nextSelectedIndex = (selectedIndex + 1) % filteredOptions.length; this.setState({ selectedIndex: nextSelectedIndex }); break; case external_this_wp_keycodes_["ESCAPE"]: this.setState({ suppress: open.idx }); break; case external_this_wp_keycodes_["ENTER"]: this.select(filteredOptions[selectedIndex]); break; case external_this_wp_keycodes_["LEFT"]: case external_this_wp_keycodes_["RIGHT"]: this.reset(); return; default: return; } // Any handled keycode should prevent original behavior. This relies on // the early return in the default case. event.preventDefault(); event.stopPropagation(); } }, { key: "toggleKeyEvents", value: function toggleKeyEvents(isListening) { // This exists because we must capture ENTER key presses before RichText. // It seems that react fires the simulated capturing events after the // native browser event has already bubbled so we can't stopPropagation // and avoid RichText getting the event from TinyMCE, hence we must // register a native event handler. var handler = isListening ? 'addEventListener' : 'removeEventListener'; this.node[handler]('keydown', this.handleKeyDown, true); } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps, prevState) { var _this$props2 = this.props, record = _this$props2.record, completers = _this$props2.completers; var prevRecord = prevProps.record; var prevOpen = prevState.open; if (!this.state.open !== !prevOpen) { this.toggleKeyEvents(!!this.state.open); } if (Object(external_this_wp_richText_["isCollapsed"])(record)) { var text = Object(external_lodash_["deburr"])(Object(external_this_wp_richText_["getTextContent"])(Object(external_this_wp_richText_["slice"])(record, 0))); var prevText = Object(external_lodash_["deburr"])(Object(external_this_wp_richText_["getTextContent"])(Object(external_this_wp_richText_["slice"])(prevRecord, 0))); if (text !== prevText) { var textAfterSelection = Object(external_this_wp_richText_["getTextContent"])(Object(external_this_wp_richText_["slice"])(record, undefined, Object(external_this_wp_richText_["getTextContent"])(record).length)); var allCompleters = Object(external_lodash_["map"])(completers, function (completer, idx) { return Object(objectSpread["a" /* default */])({}, completer, { idx: idx }); }); var open = Object(external_lodash_["find"])(allCompleters, function (_ref3) { var triggerPrefix = _ref3.triggerPrefix, allowContext = _ref3.allowContext; var index = text.lastIndexOf(triggerPrefix); if (index === -1) { return false; } if (allowContext && !allowContext(text.slice(0, index), textAfterSelection)) { return false; } return /^\S*$/.test(text.slice(index + triggerPrefix.length)); }); if (!open) { this.reset(); return; } var safeTrigger = Object(external_lodash_["escapeRegExp"])(open.triggerPrefix); var match = text.match(new RegExp("".concat(safeTrigger, "(\\S*)$"))); var query = match && match[1]; var _this$state5 = this.state, wasOpen = _this$state5.open, wasSuppress = _this$state5.suppress, wasQuery = _this$state5.query; if (open && (!wasOpen || open.idx !== wasOpen.idx || query !== wasQuery)) { if (open.isDebounced) { this.debouncedLoadOptions(open, query); } else { this.loadOptions(open, query); } } // create a regular expression to filter the options var search = open ? new RegExp('(?:\\b|\\s|^)' + Object(external_lodash_["escapeRegExp"])(query), 'i') : /./; // filter the options we already have var filteredOptions = open ? filterOptions(search, this.state['options_' + open.idx]) : []; // check if we should still suppress the popover var suppress = open && wasSuppress === open.idx ? wasSuppress : undefined; // update the state if (wasOpen || open) { this.setState({ selectedIndex: 0, filteredOptions: filteredOptions, suppress: suppress, search: search, open: open, query: query }); } // announce the count of filtered options but only if they have loaded if (open && this.state['options_' + open.idx]) { this.announce(filteredOptions); } } } } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.toggleKeyEvents(false); this.debouncedLoadOptions.cancel(); } }, { key: "render", value: function render() { var _this3 = this; var _this$props3 = this.props, children = _this$props3.children, instanceId = _this$props3.instanceId; var _this$state6 = this.state, open = _this$state6.open, suppress = _this$state6.suppress, selectedIndex = _this$state6.selectedIndex, filteredOptions = _this$state6.filteredOptions; var _ref4 = filteredOptions[selectedIndex] || {}, _ref4$key = _ref4.key, selectedKey = _ref4$key === void 0 ? '' : _ref4$key; var _ref5 = open || {}, className = _ref5.className, idx = _ref5.idx; var isExpanded = suppress !== idx && filteredOptions.length > 0; var listBoxId = isExpanded ? "components-autocomplete-listbox-".concat(instanceId) : null; var activeId = isExpanded ? "components-autocomplete-item-".concat(instanceId, "-").concat(selectedKey) : null; // Disable reason: Clicking the editor should reset the autocomplete when the menu is suppressed /* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/onclick-has-role, jsx-a11y/click-events-have-key-events */ return Object(external_this_wp_element_["createElement"])("div", { ref: this.bindNode, onClick: this.resetWhenSuppressed, className: "components-autocomplete" }, children({ isExpanded: isExpanded, listBoxId: listBoxId, activeId: activeId }), isExpanded && Object(external_this_wp_element_["createElement"])(popover, { focusOnMount: false, onClose: this.reset, position: "top right", className: "components-autocomplete__popover", getAnchorRect: getCaretRect }, Object(external_this_wp_element_["createElement"])("div", { id: listBoxId, role: "listbox", className: "components-autocomplete__results" }, isExpanded && Object(external_lodash_["map"])(filteredOptions, function (option, index) { return Object(external_this_wp_element_["createElement"])(build_module_button, { key: option.key, id: "components-autocomplete-item-".concat(instanceId, "-").concat(option.key), role: "option", "aria-selected": index === selectedIndex, disabled: option.isDisabled, className: classnames_default()('components-autocomplete__result', className, { 'is-selected': index === selectedIndex }), onClick: function onClick() { return _this3.select(option); } }, option.label); })))); /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/onclick-has-role, jsx-a11y/click-events-have-key-events */ } }]); return Autocomplete; }(external_this_wp_element_["Component"]); /* harmony default export */ var autocomplete = (Object(external_this_wp_compose_["compose"])([with_spoken_messages, external_this_wp_compose_["withInstanceId"], with_focus_outside])(autocomplete_Autocomplete)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/base-control/index.js /** * External dependencies */ function BaseControl(_ref) { var id = _ref.id, label = _ref.label, help = _ref.help, className = _ref.className, children = _ref.children; return Object(external_this_wp_element_["createElement"])("div", { className: classnames_default()('components-base-control', className) }, Object(external_this_wp_element_["createElement"])("div", { className: "components-base-control__field" }, label && id && Object(external_this_wp_element_["createElement"])("label", { className: "components-base-control__label", htmlFor: id }, label), label && !id && Object(external_this_wp_element_["createElement"])("span", { className: "components-base-control__label" }, label), children), !!help && Object(external_this_wp_element_["createElement"])("p", { id: id + '__help', className: "components-base-control__help" }, help)); } /* harmony default export */ var base_control = (BaseControl); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/button-group/index.js /** * External dependencies */ function ButtonGroup(_ref) { var className = _ref.className, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className"]); var classes = classnames_default()('components-button-group', className); return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({}, props, { className: classes, role: "group" })); } /* harmony default export */ var button_group = (ButtonGroup); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/checkbox-control/index.js /** * External dependencies */ /** * Internal dependencies */ function CheckboxControl(_ref) { var label = _ref.label, className = _ref.className, heading = _ref.heading, checked = _ref.checked, help = _ref.help, instanceId = _ref.instanceId, onChange = _ref.onChange, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["label", "className", "heading", "checked", "help", "instanceId", "onChange"]); var id = "inspector-checkbox-control-".concat(instanceId); var onChangeValue = function onChangeValue(event) { return onChange(event.target.checked); }; return Object(external_this_wp_element_["createElement"])(base_control, { label: heading, id: id, help: help, className: className }, Object(external_this_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({ id: id, className: "components-checkbox-control__input", type: "checkbox", value: "1", onChange: onChangeValue, checked: checked, "aria-describedby": !!help ? id + '__help' : undefined }, props)), Object(external_this_wp_element_["createElement"])("label", { className: "components-checkbox-control__label", htmlFor: id }, label)); } /* harmony default export */ var checkbox_control = (Object(external_this_wp_compose_["withInstanceId"])(CheckboxControl)); // EXTERNAL MODULE: ./node_modules/clipboard/dist/clipboard.js var clipboard = __webpack_require__(185); var clipboard_default = /*#__PURE__*/__webpack_require__.n(clipboard); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/clipboard-button/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var clipboard_button_ClipboardButton = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(ClipboardButton, _Component); function ClipboardButton() { var _this; Object(classCallCheck["a" /* default */])(this, ClipboardButton); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(ClipboardButton).apply(this, arguments)); _this.bindContainer = _this.bindContainer.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onCopy = _this.onCopy.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.getText = _this.getText.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(ClipboardButton, [{ key: "componentDidMount", value: function componentDidMount() { var container = this.container, getText = this.getText, onCopy = this.onCopy; var button = container.firstChild; this.clipboard = new clipboard_default.a(button, { text: getText, container: container }); this.clipboard.on('success', onCopy); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.clipboard.destroy(); delete this.clipboard; clearTimeout(this.onCopyTimeout); } }, { key: "bindContainer", value: function bindContainer(container) { this.container = container; } }, { key: "onCopy", value: function onCopy(args) { // Clearing selection will move focus back to the triggering button, // ensuring that it is not reset to the body, and further that it is // kept within the rendered node. args.clearSelection(); var _this$props = this.props, onCopy = _this$props.onCopy, onFinishCopy = _this$props.onFinishCopy; if (onCopy) { onCopy(); // For convenience and consistency, ClipboardButton offers to call // a secondary callback with delay. This is useful to reset // consumers' state, e.g. to revert a label from "Copied" to // "Copy". if (onFinishCopy) { clearTimeout(this.onCopyTimeout); this.onCopyTimeout = setTimeout(onFinishCopy, 4000); } } } }, { key: "getText", value: function getText() { var text = this.props.text; if ('function' === typeof text) { text = text(); } return text; } }, { key: "render", value: function render() { // Disable reason: Exclude from spread props passed to Button // eslint-disable-next-line no-unused-vars var _this$props2 = this.props, className = _this$props2.className, children = _this$props2.children, onCopy = _this$props2.onCopy, onFinishCopy = _this$props2.onFinishCopy, text = _this$props2.text, buttonProps = Object(objectWithoutProperties["a" /* default */])(_this$props2, ["className", "children", "onCopy", "onFinishCopy", "text"]); var icon = buttonProps.icon; var classes = classnames_default()('components-clipboard-button', className); var ComponentToUse = icon ? icon_button : build_module_button; // Workaround for inconsistent behavior in Safari, where <textarea> is not // the document.activeElement at the moment when the copy event fires. // This causes documentHasSelection() in the copy-handler component to // mistakenly override the ClipboardButton, and copy a serialized string // of the current block instead. var focusOnCopyEventTarget = function focusOnCopyEventTarget(event) { event.target.focus(); }; return Object(external_this_wp_element_["createElement"])("span", { ref: this.bindContainer, onCopy: focusOnCopyEventTarget }, Object(external_this_wp_element_["createElement"])(ComponentToUse, Object(esm_extends["a" /* default */])({}, buttonProps, { className: classes }), children)); } }]); return ClipboardButton; }(external_this_wp_element_["Component"]); /* harmony default export */ var clipboard_button = (clipboard_button_ClipboardButton); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-indicator/index.js /** * External dependencies */ var color_indicator_ColorIndicator = function ColorIndicator(_ref) { var className = _ref.className, colorValue = _ref.colorValue, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "colorValue"]); return Object(external_this_wp_element_["createElement"])("span", Object(esm_extends["a" /* default */])({ className: classnames_default()('component-color-indicator', className), style: { background: colorValue } }, props)); }; /* harmony default export */ var color_indicator = (color_indicator_ColorIndicator); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dropdown/index.js /** * WordPress dependencies */ /** * Internal dependencies */ var dropdown_Dropdown = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Dropdown, _Component); function Dropdown() { var _this; Object(classCallCheck["a" /* default */])(this, Dropdown); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Dropdown).apply(this, arguments)); _this.toggle = _this.toggle.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.close = _this.close.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.closeIfClickOutside = _this.closeIfClickOutside.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.containerRef = Object(external_this_wp_element_["createRef"])(); _this.state = { isOpen: false }; return _this; } Object(createClass["a" /* default */])(Dropdown, [{ key: "componentWillUnmount", value: function componentWillUnmount() { var isOpen = this.state.isOpen; var onToggle = this.props.onToggle; if (isOpen && onToggle) { onToggle(false); } } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps, prevState) { var isOpen = this.state.isOpen; var onToggle = this.props.onToggle; if (prevState.isOpen !== isOpen && onToggle) { onToggle(isOpen); } } }, { key: "toggle", value: function toggle() { this.setState(function (state) { return { isOpen: !state.isOpen }; }); } /** * Closes the dropdown if a click occurs outside the dropdown wrapper. This * is intentionally distinct from `onClose` in that a click outside the * popover may occur in the toggling of the dropdown via its toggle button. * The correct behavior is to keep the dropdown closed. * * @param {MouseEvent} event Click event triggering `onClickOutside`. */ }, { key: "closeIfClickOutside", value: function closeIfClickOutside(event) { if (!this.containerRef.current.contains(event.target)) { this.close(); } } }, { key: "close", value: function close() { this.setState({ isOpen: false }); } }, { key: "render", value: function render() { var isOpen = this.state.isOpen; var _this$props = this.props, renderContent = _this$props.renderContent, renderToggle = _this$props.renderToggle, _this$props$position = _this$props.position, position = _this$props$position === void 0 ? 'bottom' : _this$props$position, className = _this$props.className, contentClassName = _this$props.contentClassName, expandOnMobile = _this$props.expandOnMobile, headerTitle = _this$props.headerTitle; var args = { isOpen: isOpen, onToggle: this.toggle, onClose: this.close }; return Object(external_this_wp_element_["createElement"])("div", { className: className, ref: this.containerRef }, renderToggle(args), isOpen && Object(external_this_wp_element_["createElement"])(popover, { className: contentClassName, position: position, onClose: this.close, onClickOutside: this.closeIfClickOutside, expandOnMobile: expandOnMobile, headerTitle: headerTitle }, renderContent(args))); } }]); return Dropdown; }(external_this_wp_element_["Component"]); /* harmony default export */ var dropdown = (dropdown_Dropdown); // EXTERNAL MODULE: ./node_modules/tinycolor2/tinycolor.js var tinycolor = __webpack_require__(45); var tinycolor_default = /*#__PURE__*/__webpack_require__.n(tinycolor); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/utils.js /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * External dependencies */ /** * Given a hex color, get all other color properties (rgb, alpha, etc). * * @param {Object|string} data A hex color string or an object with a hex property * @param {string} oldHue A reference to the hue of the previous color, otherwise dragging the saturation to zero will reset the current hue to zero as well. See https://github.com/casesandberg/react-color/issues/29#issuecomment-132686909. * @return {Object} An object of different color representations. */ function colorToState() { var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; var oldHue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; var color = data.hex ? tinycolor_default()(data.hex) : tinycolor_default()(data); var hsl = color.toHsl(); hsl.h = Math.round(hsl.h); hsl.s = Math.round(hsl.s * 100); hsl.l = Math.round(hsl.l * 100); var hsv = color.toHsv(); hsv.h = Math.round(hsv.h); hsv.s = Math.round(hsv.s * 100); hsv.v = Math.round(hsv.v * 100); var rgb = color.toRgb(); var hex = color.toHex(); if (hsl.s === 0) { hsl.h = oldHue || 0; hsv.h = oldHue || 0; } var transparent = hex === '000000' && rgb.a === 0; return { color: color, hex: transparent ? 'transparent' : "#".concat(hex), hsl: hsl, hsv: hsv, oldHue: data.h || oldHue || hsl.h, rgb: rgb, source: data.source }; } /** * Get the top/left offsets of a point in a container, also returns the container width/height. * * @param {Event} e Mouse or touch event with a location coordinate. * @param {HTMLElement} container The container div, returned point is relative to this container. * @return {Object} An object of the offset positions & container size. */ function getPointOffset(e, container) { e.preventDefault(); var _container$getBoundin = container.getBoundingClientRect(), containerLeft = _container$getBoundin.left, containerTop = _container$getBoundin.top, width = _container$getBoundin.width, height = _container$getBoundin.height; var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX; var y = typeof e.pageY === 'number' ? e.pageY : e.touches[0].pageY; var left = x - (containerLeft + window.pageXOffset); var top = y - (containerTop + window.pageYOffset); if (left < 0) { left = 0; } else if (left > width) { left = width; } else if (top < 0) { top = 0; } else if (top > height) { top = height; } return { top: top, left: left, width: width, height: height }; } /** * Check if a string is a valid hex color code. * * @param {string} hex A possible hex color. * @return {boolean} True if the color is a valid hex color. */ function isValidHex(hex) { // disable hex4 and hex8 var lh = String(hex).charAt(0) === '#' ? 1 : 0; return hex.length !== 4 + lh && hex.length < 7 + lh && tinycolor_default()(hex).isValid(); } /** * Check an object for any valid color properties. * * @param {Object} data A possible object representing a color. * @return {Object|boolean} If a valid representation of color, returns the data object. Otherwise returns false. */ function simpleCheckForValidColor(data) { var keysToCheck = ['r', 'g', 'b', 'a', 'h', 's', 'l', 'v']; var checked = 0; var passed = 0; Object(external_lodash_["each"])(keysToCheck, function (letter) { if (data[letter]) { checked += 1; if (!isNaN(data[letter])) { passed += 1; } } }); return checked === passed ? data : false; } /** * Calculate the current alpha based on a mouse or touch event * * @param {Event} e A mouse or touch event on the alpha bar. * @param {Object} props The current component props * @param {HTMLElement} container The container div for the alpha bar graph. * @return {Object|null} If the alpha value has changed, returns a new color object. */ function calculateAlphaChange(e, props, container) { var _getPointOffset = getPointOffset(e, container), left = _getPointOffset.left, width = _getPointOffset.width; var a = left < 0 ? 0 : Math.round(left * 100 / width) / 100; if (props.hsl.a !== a) { return { h: props.hsl.h, s: props.hsl.s, l: props.hsl.l, a: a, source: 'rgb' }; } return null; } /** * Calculate the current hue based on a mouse or touch event * * @param {Event} e A mouse or touch event on the hue bar. * @param {Object} props The current component props * @param {HTMLElement} container The container div for the hue bar graph. * @return {Object|null} If the hue value has changed, returns a new color object. */ function calculateHueChange(e, props, container) { var _getPointOffset2 = getPointOffset(e, container), left = _getPointOffset2.left, width = _getPointOffset2.width; var percent = left * 100 / width; var h = left >= width ? 359 : 360 * percent / 100; if (props.hsl.h !== h) { return { h: h, s: props.hsl.s, l: props.hsl.l, a: props.hsl.a, source: 'rgb' }; } return null; } /** * Calculate the current saturation & brightness based on a mouse or touch event * * @param {Event} e A mouse or touch event on the saturation graph. * @param {Object} props The current component props * @param {HTMLElement} container The container div for the 2D saturation graph. * @return {Object} Returns a new color object. */ function calculateSaturationChange(e, props, container) { var _getPointOffset3 = getPointOffset(e, container), top = _getPointOffset3.top, left = _getPointOffset3.left, width = _getPointOffset3.width, height = _getPointOffset3.height; var saturation = left < 0 ? 0 : left * 100 / width; var bright = top >= height ? 0 : -(top * 100 / height) + 100; // `v` values less than 1 are considered in the [0,1] range, causing unexpected behavior at the bottom // of the chart. To fix this, we assume any value less than 1 should be 0 brightness. if (bright < 1) { bright = 0; } return { h: props.hsl.h, s: saturation, v: bright, a: props.hsl.a, source: 'rgb' }; } // EXTERNAL MODULE: ./node_modules/mousetrap/mousetrap.js var mousetrap = __webpack_require__(186); var mousetrap_default = /*#__PURE__*/__webpack_require__.n(mousetrap); // EXTERNAL MODULE: ./node_modules/mousetrap/plugins/global-bind/mousetrap-global-bind.js var mousetrap_global_bind = __webpack_require__(198); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/keyboard-shortcuts/index.js /** * External dependencies */ /** * WordPress dependencies */ var keyboard_shortcuts_KeyboardShortcuts = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(KeyboardShortcuts, _Component); function KeyboardShortcuts() { var _this; Object(classCallCheck["a" /* default */])(this, KeyboardShortcuts); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(KeyboardShortcuts).apply(this, arguments)); _this.bindKeyTarget = _this.bindKeyTarget.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(KeyboardShortcuts, [{ key: "componentDidMount", value: function componentDidMount() { var _this2 = this; var _this$keyTarget = this.keyTarget, keyTarget = _this$keyTarget === void 0 ? document : _this$keyTarget; this.mousetrap = new mousetrap_default.a(keyTarget); Object(external_lodash_["forEach"])(this.props.shortcuts, function (callback, key) { var _this2$props = _this2.props, bindGlobal = _this2$props.bindGlobal, eventName = _this2$props.eventName; var bindFn = bindGlobal ? 'bindGlobal' : 'bind'; _this2.mousetrap[bindFn](key, callback, eventName); }); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.mousetrap.reset(); } /** * When rendering with children, binds the wrapper node on which events * will be bound. * * @param {Element} node Key event target. */ }, { key: "bindKeyTarget", value: function bindKeyTarget(node) { this.keyTarget = node; } }, { key: "render", value: function render() { // Render as non-visual if there are no children pressed. Keyboard // events will be bound to the document instead. var children = this.props.children; if (!external_this_wp_element_["Children"].count(children)) { return null; } return Object(external_this_wp_element_["createElement"])("div", { ref: this.bindKeyTarget }, children); } }]); return KeyboardShortcuts; }(external_this_wp_element_["Component"]); /* harmony default export */ var keyboard_shortcuts = (keyboard_shortcuts_KeyboardShortcuts); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/alpha.js /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var alpha_Alpha = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Alpha, _Component); function Alpha() { var _this; Object(classCallCheck["a" /* default */])(this, Alpha); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Alpha).apply(this, arguments)); _this.container = Object(external_this_wp_element_["createRef"])(); _this.increase = _this.increase.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.decrease = _this.decrease.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleChange = _this.handleChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleMouseDown = _this.handleMouseDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleMouseUp = _this.handleMouseUp.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(Alpha, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.unbindEventListeners(); } }, { key: "increase", value: function increase() { var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.01; var _this$props = this.props, hsl = _this$props.hsl, _this$props$onChange = _this$props.onChange, onChange = _this$props$onChange === void 0 ? external_lodash_["noop"] : _this$props$onChange; amount = parseInt(amount * 100, 10); var change = { h: hsl.h, s: hsl.s, l: hsl.l, a: (parseInt(hsl.a * 100, 10) + amount) / 100, source: 'rgb' }; onChange(change); } }, { key: "decrease", value: function decrease() { var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.01; var _this$props2 = this.props, hsl = _this$props2.hsl, _this$props2$onChange = _this$props2.onChange, onChange = _this$props2$onChange === void 0 ? external_lodash_["noop"] : _this$props2$onChange; var intValue = parseInt(hsl.a * 100, 10) - parseInt(amount * 100, 10); var change = { h: hsl.h, s: hsl.s, l: hsl.l, a: hsl.a <= amount ? 0 : intValue / 100, source: 'rgb' }; onChange(change); } }, { key: "handleChange", value: function handleChange(e) { var _this$props$onChange2 = this.props.onChange, onChange = _this$props$onChange2 === void 0 ? external_lodash_["noop"] : _this$props$onChange2; var change = calculateAlphaChange(e, this.props, this.container.current); if (change) { onChange(change, e); } } }, { key: "handleMouseDown", value: function handleMouseDown(e) { this.handleChange(e); window.addEventListener('mousemove', this.handleChange); window.addEventListener('mouseup', this.handleMouseUp); } }, { key: "handleMouseUp", value: function handleMouseUp() { this.unbindEventListeners(); } }, { key: "preventKeyEvents", value: function preventKeyEvents(event) { if (event.keyCode === external_this_wp_keycodes_["TAB"]) { return; } event.preventDefault(); } }, { key: "unbindEventListeners", value: function unbindEventListeners() { window.removeEventListener('mousemove', this.handleChange); window.removeEventListener('mouseup', this.handleMouseUp); } }, { key: "render", value: function render() { var _this2 = this; var rgb = this.props.rgb; var rgbString = "".concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b); var gradient = { background: "linear-gradient(to right, rgba(".concat(rgbString, ", 0) 0%, rgba(").concat(rgbString, ", 1) 100%)") }; var pointerLocation = { left: "".concat(rgb.a * 100, "%") }; var shortcuts = { up: function up() { return _this2.increase(); }, right: function right() { return _this2.increase(); }, 'shift+up': function shiftUp() { return _this2.increase(0.1); }, 'shift+right': function shiftRight() { return _this2.increase(0.1); }, pageup: function pageup() { return _this2.increase(0.1); }, end: function end() { return _this2.increase(1); }, down: function down() { return _this2.decrease(); }, left: function left() { return _this2.decrease(); }, 'shift+down': function shiftDown() { return _this2.decrease(0.1); }, 'shift+left': function shiftLeft() { return _this2.decrease(0.1); }, pagedown: function pagedown() { return _this2.decrease(0.1); }, home: function home() { return _this2.decrease(1); } }; return Object(external_this_wp_element_["createElement"])(keyboard_shortcuts, { shortcuts: shortcuts }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__alpha" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__alpha-gradient", style: gradient }), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__alpha-bar", ref: this.container, onMouseDown: this.handleMouseDown, onTouchMove: this.handleChange, onTouchStart: this.handleChange }, Object(external_this_wp_element_["createElement"])("div", { tabIndex: "0", role: "slider", "aria-valuemax": "1", "aria-valuemin": "0", "aria-valuenow": rgb.a, "aria-orientation": "horizontal", "aria-label": Object(external_this_wp_i18n_["__"])('Alpha value, from 0 (transparent) to 1 (fully opaque).'), className: "components-color-picker__alpha-pointer", style: pointerLocation, onKeyDown: this.preventKeyEvents })))); } }]); return Alpha; }(external_this_wp_element_["Component"]); /* harmony default export */ var alpha = (alpha_Alpha); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/hue.js /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var hue_Hue = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Hue, _Component); function Hue() { var _this; Object(classCallCheck["a" /* default */])(this, Hue); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Hue).apply(this, arguments)); _this.container = Object(external_this_wp_element_["createRef"])(); _this.increase = _this.increase.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.decrease = _this.decrease.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleChange = _this.handleChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleMouseDown = _this.handleMouseDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleMouseUp = _this.handleMouseUp.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(Hue, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.unbindEventListeners(); } }, { key: "increase", value: function increase() { var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1; var _this$props = this.props, hsl = _this$props.hsl, _this$props$onChange = _this$props.onChange, onChange = _this$props$onChange === void 0 ? external_lodash_["noop"] : _this$props$onChange; var change = { h: hsl.h + amount >= 359 ? 359 : hsl.h + amount, s: hsl.s, l: hsl.l, a: hsl.a, source: 'rgb' }; onChange(change); } }, { key: "decrease", value: function decrease() { var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1; var _this$props2 = this.props, hsl = _this$props2.hsl, _this$props2$onChange = _this$props2.onChange, onChange = _this$props2$onChange === void 0 ? external_lodash_["noop"] : _this$props2$onChange; var change = { h: hsl.h <= amount ? 0 : hsl.h - amount, s: hsl.s, l: hsl.l, a: hsl.a, source: 'rgb' }; onChange(change); } }, { key: "handleChange", value: function handleChange(e) { var _this$props$onChange2 = this.props.onChange, onChange = _this$props$onChange2 === void 0 ? external_lodash_["noop"] : _this$props$onChange2; var change = calculateHueChange(e, this.props, this.container.current); if (change) { onChange(change, e); } } }, { key: "handleMouseDown", value: function handleMouseDown(e) { this.handleChange(e); window.addEventListener('mousemove', this.handleChange); window.addEventListener('mouseup', this.handleMouseUp); } }, { key: "handleMouseUp", value: function handleMouseUp() { this.unbindEventListeners(); } }, { key: "preventKeyEvents", value: function preventKeyEvents(event) { if (event.keyCode === external_this_wp_keycodes_["TAB"]) { return; } event.preventDefault(); } }, { key: "unbindEventListeners", value: function unbindEventListeners() { window.removeEventListener('mousemove', this.handleChange); window.removeEventListener('mouseup', this.handleMouseUp); } }, { key: "render", value: function render() { var _this2 = this; var _this$props3 = this.props, _this$props3$hsl = _this$props3.hsl, hsl = _this$props3$hsl === void 0 ? {} : _this$props3$hsl, instanceId = _this$props3.instanceId; var pointerLocation = { left: "".concat(hsl.h * 100 / 360, "%") }; var shortcuts = { up: function up() { return _this2.increase(); }, right: function right() { return _this2.increase(); }, 'shift+up': function shiftUp() { return _this2.increase(10); }, 'shift+right': function shiftRight() { return _this2.increase(10); }, pageup: function pageup() { return _this2.increase(10); }, end: function end() { return _this2.increase(359); }, down: function down() { return _this2.decrease(); }, left: function left() { return _this2.decrease(); }, 'shift+down': function shiftDown() { return _this2.decrease(10); }, 'shift+left': function shiftLeft() { return _this2.decrease(10); }, pagedown: function pagedown() { return _this2.decrease(10); }, home: function home() { return _this2.decrease(359); } }; return Object(external_this_wp_element_["createElement"])(keyboard_shortcuts, { shortcuts: shortcuts }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__hue" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__hue-gradient" }), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__hue-bar", ref: this.container, onMouseDown: this.handleMouseDown, onTouchMove: this.handleChange, onTouchStart: this.handleChange }, Object(external_this_wp_element_["createElement"])("div", { tabIndex: "0", role: "slider", "aria-valuemax": "1", "aria-valuemin": "359", "aria-valuenow": hsl.h, "aria-orientation": "horizontal", "aria-label": Object(external_this_wp_i18n_["__"])('Hue value in degrees, from 0 to 359.'), "aria-describedby": "components-color-picker__hue-description-".concat(instanceId), className: "components-color-picker__hue-pointer", style: pointerLocation, onKeyDown: this.preventKeyEvents }), Object(external_this_wp_element_["createElement"])("p", { className: "components-color-picker__hue-description screen-reader-text", id: "components-color-picker__hue-description-".concat(instanceId) }, Object(external_this_wp_i18n_["__"])('Move the arrow left or right to change hue.'))))); } }]); return Hue; }(external_this_wp_element_["Component"]); /* harmony default export */ var hue = (Object(external_this_wp_compose_["withInstanceId"])(hue_Hue)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/text-control/index.js /** * WordPress dependencies */ /** * Internal dependencies */ function TextControl(_ref) { var label = _ref.label, value = _ref.value, help = _ref.help, className = _ref.className, instanceId = _ref.instanceId, onChange = _ref.onChange, _ref$type = _ref.type, type = _ref$type === void 0 ? 'text' : _ref$type, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["label", "value", "help", "className", "instanceId", "onChange", "type"]); var id = "inspector-text-control-".concat(instanceId); var onChangeValue = function onChangeValue(event) { return onChange(event.target.value); }; return Object(external_this_wp_element_["createElement"])(base_control, { label: label, id: id, help: help, className: className }, Object(external_this_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({ className: "components-text-control__input", type: type, id: id, value: value, onChange: onChangeValue, "aria-describedby": !!help ? id + '__help' : undefined }, props))); } /* harmony default export */ var text_control = (Object(external_this_wp_compose_["withInstanceId"])(TextControl)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/inputs.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /* Wrapper for TextControl, only used to handle intermediate state while typing. */ var inputs_Input = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Input, _Component); function Input(_ref) { var _this; var value = _ref.value; Object(classCallCheck["a" /* default */])(this, Input); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Input).apply(this, arguments)); _this.state = { value: String(value).toLowerCase() }; _this.handleBlur = _this.handleBlur.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleChange = _this.handleChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleKeyDown = _this.handleKeyDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(Input, [{ key: "componentWillReceiveProps", value: function componentWillReceiveProps(nextProps) { if (nextProps.value !== this.props.value) { this.setState({ value: String(nextProps.value).toLowerCase() }); } } }, { key: "handleBlur", value: function handleBlur() { var _this$props = this.props, valueKey = _this$props.valueKey, onChange = _this$props.onChange; var value = this.state.value; onChange(Object(defineProperty["a" /* default */])({}, valueKey, value)); } }, { key: "handleChange", value: function handleChange(value) { var _this$props2 = this.props, valueKey = _this$props2.valueKey, onChange = _this$props2.onChange; // Protect against expanding a value while we're typing. if (value.length > 4) { onChange(Object(defineProperty["a" /* default */])({}, valueKey, value)); } this.setState({ value: value }); } }, { key: "handleKeyDown", value: function handleKeyDown(_ref2) { var keyCode = _ref2.keyCode; if (keyCode !== external_this_wp_keycodes_["ENTER"] && keyCode !== external_this_wp_keycodes_["UP"] && keyCode !== external_this_wp_keycodes_["DOWN"]) { return; } var value = this.state.value; var _this$props3 = this.props, valueKey = _this$props3.valueKey, onChange = _this$props3.onChange; onChange(Object(defineProperty["a" /* default */])({}, valueKey, value)); } }, { key: "render", value: function render() { var _this2 = this; var _this$props4 = this.props, label = _this$props4.label, props = Object(objectWithoutProperties["a" /* default */])(_this$props4, ["label"]); var value = this.state.value; return Object(external_this_wp_element_["createElement"])(text_control, Object(esm_extends["a" /* default */])({ className: "components-color-picker__inputs-field", label: label, value: value, onChange: function onChange(newValue) { return _this2.handleChange(newValue); }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }, Object(external_lodash_["omit"])(props, ['onChange', 'value', 'valueKey']))); } }]); return Input; }(external_this_wp_element_["Component"]); var inputs_Inputs = /*#__PURE__*/ function (_Component2) { Object(inherits["a" /* default */])(Inputs, _Component2); function Inputs(_ref3) { var _this3; var hsl = _ref3.hsl; Object(classCallCheck["a" /* default */])(this, Inputs); _this3 = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Inputs).apply(this, arguments)); var view = hsl.a === 1 ? 'hex' : 'rgb'; _this3.state = { view: view }; _this3.toggleViews = _this3.toggleViews.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this3))); _this3.handleChange = _this3.handleChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this3))); return _this3; } Object(createClass["a" /* default */])(Inputs, [{ key: "toggleViews", value: function toggleViews() { if (this.state.view === 'hex') { this.setState({ view: 'rgb' }); Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('RGB mode active')); } else if (this.state.view === 'rgb') { this.setState({ view: 'hsl' }); Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('Hue/saturation/lightness mode active')); } else if (this.state.view === 'hsl') { if (this.props.hsl.a === 1) { this.setState({ view: 'hex' }); Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('Hex color mode active')); } else { this.setState({ view: 'rgb' }); Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('RGB mode active')); } } } }, { key: "handleChange", value: function handleChange(data) { if (data.hex) { if (isValidHex(data.hex)) { this.props.onChange({ hex: data.hex, source: 'hex' }); } } else if (data.r || data.g || data.b) { this.props.onChange({ r: data.r || this.props.rgb.r, g: data.g || this.props.rgb.g, b: data.b || this.props.rgb.b, source: 'rgb' }); } else if (data.a) { if (data.a < 0) { data.a = 0; } else if (data.a > 1) { data.a = 1; } this.props.onChange({ h: this.props.hsl.h, s: this.props.hsl.s, l: this.props.hsl.l, a: Math.round(data.a * 100) / 100, source: 'rgb' }); } else if (data.h || data.s || data.l) { this.props.onChange({ h: data.h || this.props.hsl.h, s: data.s || this.props.hsl.s, l: data.l || this.props.hsl.l, source: 'hsl' }); } } }, { key: "renderFields", value: function renderFields() { var _this$props$disableAl = this.props.disableAlpha, disableAlpha = _this$props$disableAl === void 0 ? false : _this$props$disableAl; if (this.state.view === 'hex') { return Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__inputs-fields" }, Object(external_this_wp_element_["createElement"])(inputs_Input, { label: Object(external_this_wp_i18n_["__"])('Color value in hexadecimal'), valueKey: "hex", value: this.props.hex, onChange: this.handleChange })); } else if (this.state.view === 'rgb') { return Object(external_this_wp_element_["createElement"])("fieldset", null, Object(external_this_wp_element_["createElement"])("legend", { className: "screen-reader-text" }, Object(external_this_wp_i18n_["__"])('Color value in RGB')), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__inputs-fields" }, Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "r", valueKey: "r", value: this.props.rgb.r, onChange: this.handleChange, type: "number", min: "0", max: "255" }), Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "g", valueKey: "g", value: this.props.rgb.g, onChange: this.handleChange, type: "number", min: "0", max: "255" }), Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "b", valueKey: "b", value: this.props.rgb.b, onChange: this.handleChange, type: "number", min: "0", max: "255" }), disableAlpha ? null : Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "a", valueKey: "a", value: this.props.rgb.a, onChange: this.handleChange, type: "number", min: "0", max: "1", step: "0.05" }))); } else if (this.state.view === 'hsl') { return Object(external_this_wp_element_["createElement"])("fieldset", null, Object(external_this_wp_element_["createElement"])("legend", { className: "screen-reader-text" }, Object(external_this_wp_i18n_["__"])('Color value in HSL')), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__inputs-fields" }, Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "h", valueKey: "h", value: this.props.hsl.h, onChange: this.handleChange, type: "number", min: "0", max: "359" }), Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "s", valueKey: "s", value: this.props.hsl.s, onChange: this.handleChange, type: "number", min: "0", max: "100" }), Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "l", valueKey: "l", value: this.props.hsl.l, onChange: this.handleChange, type: "number", min: "0", max: "100" }), disableAlpha ? null : Object(external_this_wp_element_["createElement"])(inputs_Input, { label: "a", valueKey: "a", value: this.props.hsl.a, onChange: this.handleChange, type: "number", min: "0", max: "1", step: "0.05" }))); } } }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__inputs-wrapper" }, this.renderFields(), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__inputs-toggle" }, Object(external_this_wp_element_["createElement"])(icon_button, { icon: "arrow-down-alt2", label: Object(external_this_wp_i18n_["__"])('Change color format'), onClick: this.toggleViews }))); } }], [{ key: "getDerivedStateFromProps", value: function getDerivedStateFromProps(props, state) { if (props.hsl.a !== 1 && state.view === 'hex') { return { view: 'rgb' }; } return null; } }]); return Inputs; }(external_this_wp_element_["Component"]); /* harmony default export */ var inputs = (inputs_Inputs); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/saturation.js /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var saturation_Saturation = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Saturation, _Component); function Saturation(props) { var _this; Object(classCallCheck["a" /* default */])(this, Saturation); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Saturation).call(this, props)); _this.throttle = Object(external_lodash_["throttle"])(function (fn, data, e) { fn(data, e); }, 50); _this.container = Object(external_this_wp_element_["createRef"])(); _this.saturate = _this.saturate.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.brighten = _this.brighten.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleChange = _this.handleChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleMouseDown = _this.handleMouseDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleMouseUp = _this.handleMouseUp.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(Saturation, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.throttle.cancel(); this.unbindEventListeners(); } }, { key: "saturate", value: function saturate() { var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.01; var _this$props = this.props, hsv = _this$props.hsv, _this$props$onChange = _this$props.onChange, onChange = _this$props$onChange === void 0 ? external_lodash_["noop"] : _this$props$onChange; var intSaturation = Object(external_lodash_["clamp"])(hsv.s + Math.round(amount * 100), 0, 100); var change = { h: hsv.h, s: intSaturation, v: hsv.v, a: hsv.a, source: 'rgb' }; onChange(change); } }, { key: "brighten", value: function brighten() { var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.01; var _this$props2 = this.props, hsv = _this$props2.hsv, _this$props2$onChange = _this$props2.onChange, onChange = _this$props2$onChange === void 0 ? external_lodash_["noop"] : _this$props2$onChange; var intValue = Object(external_lodash_["clamp"])(hsv.v + Math.round(amount * 100), 0, 100); var change = { h: hsv.h, s: hsv.s, v: intValue, a: hsv.a, source: 'rgb' }; onChange(change); } }, { key: "handleChange", value: function handleChange(e) { var _this$props$onChange2 = this.props.onChange, onChange = _this$props$onChange2 === void 0 ? external_lodash_["noop"] : _this$props$onChange2; var change = calculateSaturationChange(e, this.props, this.container.current); this.throttle(onChange, change, e); } }, { key: "handleMouseDown", value: function handleMouseDown(e) { this.handleChange(e); window.addEventListener('mousemove', this.handleChange); window.addEventListener('mouseup', this.handleMouseUp); } }, { key: "handleMouseUp", value: function handleMouseUp() { this.unbindEventListeners(); } }, { key: "preventKeyEvents", value: function preventKeyEvents(event) { if (event.keyCode === external_this_wp_keycodes_["TAB"]) { return; } event.preventDefault(); } }, { key: "unbindEventListeners", value: function unbindEventListeners() { window.removeEventListener('mousemove', this.handleChange); window.removeEventListener('mouseup', this.handleMouseUp); } }, { key: "render", value: function render() { var _this2 = this; var _this$props3 = this.props, hsv = _this$props3.hsv, hsl = _this$props3.hsl, instanceId = _this$props3.instanceId; var pointerLocation = { top: "".concat(-hsv.v + 100, "%"), left: "".concat(hsv.s, "%") }; var shortcuts = { up: function up() { return _this2.brighten(); }, 'shift+up': function shiftUp() { return _this2.brighten(0.1); }, pageup: function pageup() { return _this2.brighten(1); }, down: function down() { return _this2.brighten(-0.01); }, 'shift+down': function shiftDown() { return _this2.brighten(-0.1); }, pagedown: function pagedown() { return _this2.brighten(-1); }, right: function right() { return _this2.saturate(); }, 'shift+right': function shiftRight() { return _this2.saturate(0.1); }, end: function end() { return _this2.saturate(1); }, left: function left() { return _this2.saturate(-0.01); }, 'shift+left': function shiftLeft() { return _this2.saturate(-0.1); }, home: function home() { return _this2.saturate(-1); } }; /* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/no-noninteractive-element-interactions */ return Object(external_this_wp_element_["createElement"])(keyboard_shortcuts, { shortcuts: shortcuts }, Object(external_this_wp_element_["createElement"])("div", { style: { background: "hsl(".concat(hsl.h, ",100%, 50%)") }, className: "components-color-picker__saturation-color", ref: this.container, onMouseDown: this.handleMouseDown, onTouchMove: this.handleChange, onTouchStart: this.handleChange, role: "application" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__saturation-white" }), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__saturation-black" }), Object(external_this_wp_element_["createElement"])("button", { "aria-label": Object(external_this_wp_i18n_["__"])('Choose a shade'), "aria-describedby": "color-picker-saturation-".concat(instanceId), className: "components-color-picker__saturation-pointer", style: pointerLocation, onKeyDown: this.preventKeyEvents }), Object(external_this_wp_element_["createElement"])("div", { className: "screen-reader-text", id: "color-picker-saturation-".concat(instanceId) }, Object(external_this_wp_i18n_["__"])('Use your arrow keys to change the base color. Move up to lighten the color, down to darken, left to increase saturation, and right to decrease saturation.')))); /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/no-noninteractive-element-interactions */ } }]); return Saturation; }(external_this_wp_element_["Component"]); /* harmony default export */ var saturation = (Object(external_this_wp_compose_["withInstanceId"])(saturation_Saturation)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/index.js /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var color_picker_ColorPicker = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(ColorPicker, _Component); function ColorPicker(_ref) { var _this; var _ref$color = _ref.color, color = _ref$color === void 0 ? '0071a1' : _ref$color; Object(classCallCheck["a" /* default */])(this, ColorPicker); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(ColorPicker).apply(this, arguments)); _this.state = colorToState(color); _this.handleChange = _this.handleChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(ColorPicker, [{ key: "handleChange", value: function handleChange(data) { var _this$props = this.props, oldHue = _this$props.oldHue, _this$props$onChangeC = _this$props.onChangeComplete, onChangeComplete = _this$props$onChangeC === void 0 ? external_lodash_["noop"] : _this$props$onChangeC; var isValidColor = simpleCheckForValidColor(data); if (isValidColor) { var colors = colorToState(data, data.h || oldHue); this.setState(colors, Object(external_lodash_["debounce"])(Object(external_lodash_["partial"])(onChangeComplete, colors), 100)); } } }, { key: "render", value: function render() { var _this$props2 = this.props, className = _this$props2.className, disableAlpha = _this$props2.disableAlpha; var _this$state = this.state, color = _this$state.color, hex = _this$state.hex, hsl = _this$state.hsl, hsv = _this$state.hsv, rgb = _this$state.rgb; var classes = classnames_default()(className, { 'components-color-picker': true, 'is-alpha-disabled': disableAlpha, 'is-alpha-enabled': !disableAlpha }); return Object(external_this_wp_element_["createElement"])("div", { className: classes }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__saturation" }, Object(external_this_wp_element_["createElement"])(saturation, { hsl: hsl, hsv: hsv, onChange: this.handleChange })), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__body" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__controls" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__swatch" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__active", style: { backgroundColor: color && color.toRgbString() } })), Object(external_this_wp_element_["createElement"])("div", { className: "components-color-picker__toggles" }, Object(external_this_wp_element_["createElement"])(hue, { hsl: hsl, onChange: this.handleChange }), disableAlpha ? null : Object(external_this_wp_element_["createElement"])(alpha, { rgb: rgb, hsl: hsl, onChange: this.handleChange }))), Object(external_this_wp_element_["createElement"])(inputs, { rgb: rgb, hsl: hsl, hex: hex, onChange: this.handleChange, disableAlpha: disableAlpha }))); } }]); return ColorPicker; }(external_this_wp_element_["Component"]); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-palette/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function ColorPalette(_ref) { var colors = _ref.colors, _ref$disableCustomCol = _ref.disableCustomColors, disableCustomColors = _ref$disableCustomCol === void 0 ? false : _ref$disableCustomCol, value = _ref.value, onChange = _ref.onChange, className = _ref.className; function applyOrUnset(color) { return function () { return onChange(value === color ? undefined : color); }; } var customColorPickerLabel = Object(external_this_wp_i18n_["__"])('Custom color picker'); var classes = classnames_default()('components-color-palette', className); return Object(external_this_wp_element_["createElement"])("div", { className: classes }, Object(external_lodash_["map"])(colors, function (_ref2) { var color = _ref2.color, name = _ref2.name; var style = { color: color }; var itemClasses = classnames_default()('components-color-palette__item', { 'is-active': value === color }); return Object(external_this_wp_element_["createElement"])("div", { key: color, className: "components-color-palette__item-wrapper" }, Object(external_this_wp_element_["createElement"])(build_module_tooltip, { text: name || // translators: %s: color hex code e.g: "#f00". Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["__"])('Color code: %s'), color) }, Object(external_this_wp_element_["createElement"])("button", { type: "button", className: itemClasses, style: style, onClick: applyOrUnset(color), "aria-label": name ? // translators: %s: The name of the color e.g: "vivid red". Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["__"])('Color: %s'), name) : // translators: %s: color hex code e.g: "#f00". Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["__"])('Color code: %s'), color), "aria-pressed": value === color }))); }), !disableCustomColors && Object(external_this_wp_element_["createElement"])(dropdown, { className: "components-color-palette__item-wrapper components-color-palette__custom-color", contentClassName: "components-color-palette__picker", renderToggle: function renderToggle(_ref3) { var isOpen = _ref3.isOpen, onToggle = _ref3.onToggle; return Object(external_this_wp_element_["createElement"])(build_module_tooltip, { text: customColorPickerLabel }, Object(external_this_wp_element_["createElement"])("button", { type: "button", "aria-expanded": isOpen, className: "components-color-palette__item", onClick: onToggle, "aria-label": customColorPickerLabel }, Object(external_this_wp_element_["createElement"])("span", { className: "components-color-palette__custom-color-gradient" }))); }, renderContent: function renderContent() { return Object(external_this_wp_element_["createElement"])(color_picker_ColorPicker, { color: value, onChangeComplete: function onChangeComplete(color) { return onChange(color.hex); }, disableAlpha: true }); } }), Object(external_this_wp_element_["createElement"])(build_module_button, { className: "components-color-palette__clear", type: "button", onClick: function onClick() { return onChange(undefined); }, isSmall: true, isDefault: true }, Object(external_this_wp_i18n_["__"])('Clear'))); } // EXTERNAL MODULE: ./node_modules/react-dates/initialize.js var initialize = __webpack_require__(199); // EXTERNAL MODULE: external "moment" var external_moment_ = __webpack_require__(27); var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_); // EXTERNAL MODULE: ./node_modules/react-dates/index.js var react_dates = __webpack_require__(187); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/date.js /** * External dependencies */ /** * WordPress dependencies */ /** * Module Constants */ var TIMEZONELESS_FORMAT = 'YYYY-MM-DDTHH:mm:ss'; var date_isRTL = function isRTL() { return document.documentElement.dir === 'rtl'; }; var date_DatePicker = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(DatePicker, _Component); function DatePicker() { var _this; Object(classCallCheck["a" /* default */])(this, DatePicker); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(DatePicker).apply(this, arguments)); _this.onChangeMoment = _this.onChangeMoment.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(DatePicker, [{ key: "onChangeMoment", value: function onChangeMoment(newDate) { var _this$props = this.props, currentDate = _this$props.currentDate, onChange = _this$props.onChange; var momentDate = currentDate ? external_moment_default()(currentDate) : external_moment_default()(); var momentTime = { hours: momentDate.hours(), minutes: momentDate.minutes(), seconds: momentDate.seconds() }; onChange(newDate.set(momentTime).format(TIMEZONELESS_FORMAT)); } }, { key: "render", value: function render() { var currentDate = this.props.currentDate; var momentDate = currentDate ? external_moment_default()(currentDate) : external_moment_default()(); return Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__date" }, Object(external_this_wp_element_["createElement"])(react_dates["DayPickerSingleDateController"], { block: true, date: momentDate, daySize: 30, focused: true, hideKeyboardShortcutsPanel: true // This is a hack to force the calendar to update on month or year change // https://github.com/airbnb/react-dates/issues/240#issuecomment-361776665 , key: "datepicker-controller-".concat(momentDate.format('MM-YYYY')), noBorder: true, numberOfMonths: 1, onDateChange: this.onChangeMoment, transitionDuration: 0, weekDayFormat: "ddd", isRTL: date_isRTL() })); } }]); return DatePicker; }(external_this_wp_element_["Component"]); /* harmony default export */ var date_time_date = (date_DatePicker); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/time.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Module Constants */ var time_TIMEZONELESS_FORMAT = 'YYYY-MM-DDTHH:mm:ss'; var time_TimePicker = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(TimePicker, _Component); function TimePicker() { var _this; Object(classCallCheck["a" /* default */])(this, TimePicker); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(TimePicker).apply(this, arguments)); _this.state = { day: '', month: '', year: '', hours: '', minutes: '', am: true, date: null }; _this.updateMonth = _this.updateMonth.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onChangeMonth = _this.onChangeMonth.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.updateDay = _this.updateDay.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onChangeDay = _this.onChangeDay.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.updateYear = _this.updateYear.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onChangeYear = _this.onChangeYear.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.updateHours = _this.updateHours.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.updateMinutes = _this.updateMinutes.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onChangeHours = _this.onChangeHours.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onChangeMinutes = _this.onChangeMinutes.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(TimePicker, [{ key: "componentDidMount", value: function componentDidMount() { this.syncState(this.props); } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) { var _this$props = this.props, currentTime = _this$props.currentTime, is12Hour = _this$props.is12Hour; if (currentTime !== prevProps.currentTime || is12Hour !== prevProps.is12Hour) { this.syncState(this.props); } } }, { key: "getMaxHours", value: function getMaxHours() { return this.props.is12Hour ? 12 : 23; } }, { key: "getMinHours", value: function getMinHours() { return this.props.is12Hour ? 1 : 0; } }, { key: "syncState", value: function syncState(_ref) { var currentTime = _ref.currentTime, is12Hour = _ref.is12Hour; var selected = currentTime ? external_moment_default()(currentTime) : external_moment_default()(); var day = selected.format('DD'); var month = selected.format('MM'); var year = selected.format('YYYY'); var minutes = selected.format('mm'); var am = selected.format('A'); var hours = selected.format(is12Hour ? 'hh' : 'HH'); var date = currentTime ? external_moment_default()(currentTime) : external_moment_default()(); this.setState({ day: day, month: month, year: year, minutes: minutes, hours: hours, am: am, date: date }); } }, { key: "updateHours", value: function updateHours() { var _this$props2 = this.props, is12Hour = _this$props2.is12Hour, onChange = _this$props2.onChange; var _this$state = this.state, am = _this$state.am, hours = _this$state.hours, date = _this$state.date; var value = parseInt(hours, 10); if (!Object(external_lodash_["isInteger"])(value) || is12Hour && (value < 1 || value > 12) || !is12Hour && (value < 0 || value > 23)) { this.syncState(this.props); return; } var newDate = is12Hour ? date.clone().hours(am === 'AM' ? value % 12 : (value % 12 + 12) % 24) : date.clone().hours(value); this.setState({ date: newDate }); onChange(newDate.format(time_TIMEZONELESS_FORMAT)); } }, { key: "updateMinutes", value: function updateMinutes() { var onChange = this.props.onChange; var _this$state2 = this.state, minutes = _this$state2.minutes, date = _this$state2.date; var value = parseInt(minutes, 10); if (!Object(external_lodash_["isInteger"])(value) || value < 0 || value > 59) { this.syncState(this.props); return; } var newDate = date.clone().minutes(value); this.setState({ date: newDate }); onChange(newDate.format(time_TIMEZONELESS_FORMAT)); } }, { key: "updateDay", value: function updateDay() { var onChange = this.props.onChange; var _this$state3 = this.state, day = _this$state3.day, date = _this$state3.date; var value = parseInt(day, 10); if (!Object(external_lodash_["isInteger"])(value) || value < 1 || value > 31) { this.syncState(this.props); return; } var newDate = date.clone().date(value); this.setState({ date: newDate }); onChange(newDate.format(time_TIMEZONELESS_FORMAT)); } }, { key: "updateMonth", value: function updateMonth() { var onChange = this.props.onChange; var _this$state4 = this.state, month = _this$state4.month, date = _this$state4.date; var value = parseInt(month, 10); if (!Object(external_lodash_["isInteger"])(value) || value < 1 || value > 12) { this.syncState(this.props); return; } var newDate = date.clone().month(value - 1); this.setState({ date: newDate }); onChange(newDate.format(time_TIMEZONELESS_FORMAT)); } }, { key: "updateYear", value: function updateYear() { var onChange = this.props.onChange; var _this$state5 = this.state, year = _this$state5.year, date = _this$state5.date; var value = parseInt(year, 10); if (!Object(external_lodash_["isInteger"])(value) || value < 1970 || value > 9999) { this.syncState(this.props); return; } var newDate = date.clone().year(value); this.setState({ date: newDate }); onChange(newDate.format(time_TIMEZONELESS_FORMAT)); } }, { key: "updateAmPm", value: function updateAmPm(value) { var _this2 = this; return function () { var onChange = _this2.props.onChange; var _this2$state = _this2.state, am = _this2$state.am, date = _this2$state.date, hours = _this2$state.hours; if (am === value) { return; } var newDate; if (value === 'PM') { newDate = date.clone().hours((parseInt(hours, 10) % 12 + 12) % 24); } else { newDate = date.clone().hours(parseInt(hours, 10) % 12); } _this2.setState({ date: newDate }); onChange(newDate.format(time_TIMEZONELESS_FORMAT)); }; } }, { key: "onChangeDay", value: function onChangeDay(event) { this.setState({ day: event.target.value }); } }, { key: "onChangeMonth", value: function onChangeMonth(event) { this.setState({ month: event.target.value }); } }, { key: "onChangeYear", value: function onChangeYear(event) { this.setState({ year: event.target.value }); } }, { key: "onChangeHours", value: function onChangeHours(event) { this.setState({ hours: event.target.value }); } }, { key: "onChangeMinutes", value: function onChangeMinutes(event) { this.setState({ minutes: event.target.value }); } }, { key: "render", value: function render() { var is12Hour = this.props.is12Hour; var _this$state6 = this.state, day = _this$state6.day, month = _this$state6.month, year = _this$state6.year, minutes = _this$state6.minutes, hours = _this$state6.hours, am = _this$state6.am; return Object(external_this_wp_element_["createElement"])("div", { className: classnames_default()('components-datetime__time', { 'is-12-hour': is12Hour, 'is-24-hour': !is12Hour }) }, Object(external_this_wp_element_["createElement"])("fieldset", null, Object(external_this_wp_element_["createElement"])("legend", { className: "components-datetime__time-legend invisible" }, Object(external_this_wp_i18n_["__"])('Date')), Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-wrapper" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-field components-datetime__time-field-month" }, Object(external_this_wp_element_["createElement"])("select", { "aria-label": Object(external_this_wp_i18n_["__"])('Month'), className: "components-datetime__time-field-month-select", value: month, onChange: this.onChangeMonth, onBlur: this.updateMonth }, Object(external_this_wp_element_["createElement"])("option", { value: "01" }, Object(external_this_wp_i18n_["__"])('January')), Object(external_this_wp_element_["createElement"])("option", { value: "02" }, Object(external_this_wp_i18n_["__"])('February')), Object(external_this_wp_element_["createElement"])("option", { value: "03" }, Object(external_this_wp_i18n_["__"])('March')), Object(external_this_wp_element_["createElement"])("option", { value: "04" }, Object(external_this_wp_i18n_["__"])('April')), Object(external_this_wp_element_["createElement"])("option", { value: "05" }, Object(external_this_wp_i18n_["__"])('May')), Object(external_this_wp_element_["createElement"])("option", { value: "06" }, Object(external_this_wp_i18n_["__"])('June')), Object(external_this_wp_element_["createElement"])("option", { value: "07" }, Object(external_this_wp_i18n_["__"])('July')), Object(external_this_wp_element_["createElement"])("option", { value: "08" }, Object(external_this_wp_i18n_["__"])('August')), Object(external_this_wp_element_["createElement"])("option", { value: "09" }, Object(external_this_wp_i18n_["__"])('September')), Object(external_this_wp_element_["createElement"])("option", { value: "10" }, Object(external_this_wp_i18n_["__"])('October')), Object(external_this_wp_element_["createElement"])("option", { value: "11" }, Object(external_this_wp_i18n_["__"])('November')), Object(external_this_wp_element_["createElement"])("option", { value: "12" }, Object(external_this_wp_i18n_["__"])('December')))), Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-field components-datetime__time-field-day" }, Object(external_this_wp_element_["createElement"])("input", { "aria-label": Object(external_this_wp_i18n_["__"])('Day'), className: "components-datetime__time-field-day-input", type: "number", value: day, step: 1, min: 1, onChange: this.onChangeDay, onBlur: this.updateDay })), Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-field components-datetime__time-field-year" }, Object(external_this_wp_element_["createElement"])("input", { "aria-label": Object(external_this_wp_i18n_["__"])('Year'), className: "components-datetime__time-field-year-input", type: "number", step: 1, value: year, onChange: this.onChangeYear, onBlur: this.updateYear })))), Object(external_this_wp_element_["createElement"])("fieldset", null, Object(external_this_wp_element_["createElement"])("legend", { className: "components-datetime__time-legend invisible" }, Object(external_this_wp_i18n_["__"])('Time')), Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-wrapper" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-field components-datetime__time-field-time" }, Object(external_this_wp_element_["createElement"])("input", { "aria-label": Object(external_this_wp_i18n_["__"])('Hours'), className: "components-datetime__time-field-hours-input", type: "number", step: 1, min: this.getMinHours(), max: this.getMaxHours(), value: hours, onChange: this.onChangeHours, onBlur: this.updateHours }), Object(external_this_wp_element_["createElement"])("span", { className: "components-datetime__time-separator", "aria-hidden": "true" }, ":"), Object(external_this_wp_element_["createElement"])("input", { "aria-label": Object(external_this_wp_i18n_["__"])('Minutes'), className: "components-datetime__time-field-minutes-input", type: "number", min: 0, max: 59, value: minutes, onChange: this.onChangeMinutes, onBlur: this.updateMinutes })), is12Hour && Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__time-field components-datetime__time-field-am-pm" }, Object(external_this_wp_element_["createElement"])(build_module_button, { "aria-pressed": am === 'AM', isDefault: true, className: "components-datetime__time-am-button", isToggled: am === 'AM', onClick: this.updateAmPm('AM') }, Object(external_this_wp_i18n_["__"])('AM')), Object(external_this_wp_element_["createElement"])(build_module_button, { "aria-pressed": am === 'PM', isDefault: true, className: "components-datetime__time-pm-button", isToggled: am === 'PM', onClick: this.updateAmPm('PM') }, Object(external_this_wp_i18n_["__"])('PM')))))); } }]); return TimePicker; }(external_this_wp_element_["Component"]); /* harmony default export */ var time = (time_TimePicker); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/index.js /** * External dependencies */ // Needed to initialise the default datepicker styles. // See: https://github.com/airbnb/react-dates#initialize /** * WordPress dependencies */ /** * Internal dependencies */ var date_time_DateTimePicker = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(DateTimePicker, _Component); function DateTimePicker() { var _this; Object(classCallCheck["a" /* default */])(this, DateTimePicker); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(DateTimePicker).apply(this, arguments)); _this.state = { calendarHelpIsVisible: false }; _this.onClickDescriptionToggle = _this.onClickDescriptionToggle.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(DateTimePicker, [{ key: "onClickDescriptionToggle", value: function onClickDescriptionToggle() { this.setState({ calendarHelpIsVisible: !this.state.calendarHelpIsVisible }); } }, { key: "render", value: function render() { var _this$props = this.props, currentDate = _this$props.currentDate, is12Hour = _this$props.is12Hour, onChange = _this$props.onChange; return Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime" }, !this.state.calendarHelpIsVisible && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(time, { currentTime: currentDate, onChange: onChange, is12Hour: is12Hour }), Object(external_this_wp_element_["createElement"])(date_time_date, { currentDate: currentDate, onChange: onChange })), this.state.calendarHelpIsVisible && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", { className: "components-datetime__calendar-help" }, Object(external_this_wp_element_["createElement"])("h4", null, Object(external_this_wp_i18n_["__"])('Click to Select')), Object(external_this_wp_element_["createElement"])("ul", null, Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_i18n_["__"])('Click the right or left arrows to select other months in the past or the future.')), Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_i18n_["__"])('Click the desired day to select it.'))), Object(external_this_wp_element_["createElement"])("h4", null, Object(external_this_wp_i18n_["__"])('Navigating with a keyboard')), Object(external_this_wp_element_["createElement"])("ul", null, Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_element_["createElement"])("abbr", { "aria-label": Object(external_this_wp_i18n_["_x"])('Enter', 'keyboard button') }, "\u21B5"), ' ' /* JSX removes whitespace, but a space is required for screen readers. */ , Object(external_this_wp_element_["createElement"])("span", null, Object(external_this_wp_i18n_["__"])('Select the date in focus.'))), Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_element_["createElement"])("abbr", { "aria-label": Object(external_this_wp_i18n_["__"])('Left and Right Arrows') }, "\u2190/\u2192"), ' ' /* JSX removes whitespace, but a space is required for screen readers. */ , Object(external_this_wp_i18n_["__"])('Move backward (left) or forward (right) by one day.')), Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_element_["createElement"])("abbr", { "aria-label": Object(external_this_wp_i18n_["__"])('Up and Down Arrows') }, "\u2191/\u2193"), ' ' /* JSX removes whitespace, but a space is required for screen readers. */ , Object(external_this_wp_i18n_["__"])('Move backward (up) or forward (down) by one week.')), Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_element_["createElement"])("abbr", { "aria-label": Object(external_this_wp_i18n_["__"])('Page Up and Page Down') }, Object(external_this_wp_i18n_["__"])('PgUp/PgDn')), ' ' /* JSX removes whitespace, but a space is required for screen readers. */ , Object(external_this_wp_i18n_["__"])('Move backward (PgUp) or forward (PgDn) by one month.')), Object(external_this_wp_element_["createElement"])("li", null, Object(external_this_wp_element_["createElement"])("abbr", { "aria-label": Object(external_this_wp_i18n_["__"])('Home and End') }, Object(external_this_wp_i18n_["__"])('Home/End')), ' ' /* JSX removes whitespace, but a space is required for screen readers. */ , Object(external_this_wp_i18n_["__"])('Go to the first (home) or last (end) day of a week.'))), Object(external_this_wp_element_["createElement"])(build_module_button, { isSmall: true, onClick: this.onClickDescriptionToggle }, Object(external_this_wp_i18n_["__"])('Close')))), !this.state.calendarHelpIsVisible && Object(external_this_wp_element_["createElement"])(build_module_button, { className: "components-datetime__date-help-button", isLink: true, onClick: this.onClickDescriptionToggle }, Object(external_this_wp_i18n_["__"])('Calendar Help'))); } }]); return DateTimePicker; }(external_this_wp_element_["Component"]); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/disabled/index.js /** * External dependencies */ /** * WordPress dependencies */ var disabled_createContext = Object(external_this_wp_element_["createContext"])(false), disabled_Consumer = disabled_createContext.Consumer, disabled_Provider = disabled_createContext.Provider; /** * Names of control nodes which qualify for disabled behavior. * * See WHATWG HTML Standard: 4.10.18.5: "Enabling and disabling form controls: the disabled attribute". * * @link https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#enabling-and-disabling-form-controls:-the-disabled-attribute * * @type {string[]} */ var DISABLED_ELIGIBLE_NODE_NAMES = ['BUTTON', 'FIELDSET', 'INPUT', 'OPTGROUP', 'OPTION', 'SELECT', 'TEXTAREA']; var disabled_Disabled = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Disabled, _Component); function Disabled() { var _this; Object(classCallCheck["a" /* default */])(this, Disabled); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Disabled).apply(this, arguments)); _this.bindNode = _this.bindNode.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.disable = _this.disable.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); // Debounce re-disable since disabling process itself will incur // additional mutations which should be ignored. _this.debouncedDisable = Object(external_lodash_["debounce"])(_this.disable, { leading: true }); return _this; } Object(createClass["a" /* default */])(Disabled, [{ key: "componentDidMount", value: function componentDidMount() { this.disable(); this.observer = new window.MutationObserver(this.debouncedDisable); this.observer.observe(this.node, { childList: true, attributes: true, subtree: true }); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.observer.disconnect(); this.debouncedDisable.cancel(); } }, { key: "bindNode", value: function bindNode(node) { this.node = node; } }, { key: "disable", value: function disable() { external_this_wp_dom_["focus"].focusable.find(this.node).forEach(function (focusable) { if (Object(external_lodash_["includes"])(DISABLED_ELIGIBLE_NODE_NAMES, focusable.nodeName)) { focusable.setAttribute('disabled', ''); } if (focusable.hasAttribute('tabindex')) { focusable.removeAttribute('tabindex'); } if (focusable.hasAttribute('contenteditable')) { focusable.setAttribute('contenteditable', 'false'); } }); } }, { key: "render", value: function render() { var _this$props = this.props, className = _this$props.className, props = Object(objectWithoutProperties["a" /* default */])(_this$props, ["className"]); return Object(external_this_wp_element_["createElement"])(disabled_Provider, { value: true }, Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({ ref: this.bindNode, className: classnames_default()(className, 'components-disabled') }, props), this.props.children)); } }]); return Disabled; }(external_this_wp_element_["Component"]); disabled_Disabled.Consumer = disabled_Consumer; /* harmony default export */ var build_module_disabled = (disabled_Disabled); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/draggable/index.js /** * External dependencies */ /** * WordPress Dependencies */ var dragImageClass = 'components-draggable__invisible-drag-image'; var cloneWrapperClass = 'components-draggable__clone'; var cloneHeightTransformationBreakpoint = 700; var clonePadding = 20; var isChromeUA = function isChromeUA() { return /Chrome/i.test(window.navigator.userAgent); }; var draggable_documentHasIframes = function documentHasIframes() { return Object(toConsumableArray["a" /* default */])(document.getElementById('editor').querySelectorAll('iframe')).length > 0; }; var draggable_Draggable = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Draggable, _Component); function Draggable() { var _this; Object(classCallCheck["a" /* default */])(this, Draggable); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Draggable).apply(this, arguments)); _this.onDragStart = _this.onDragStart.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onDragOver = _this.onDragOver.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onDrop = _this.onDrop.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onDragEnd = _this.onDragEnd.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.resetDragState = _this.resetDragState.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.isChromeAndHasIframes = false; return _this; } Object(createClass["a" /* default */])(Draggable, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.resetDragState(); } /** * Removes the element clone, resets cursor, and removes drag listener. * @param {Object} event The non-custom DragEvent. */ }, { key: "onDragEnd", value: function onDragEnd(event) { var _this$props$onDragEnd = this.props.onDragEnd, onDragEnd = _this$props$onDragEnd === void 0 ? external_lodash_["noop"] : _this$props$onDragEnd; if (event) { event.preventDefault(); } this.resetDragState(); this.props.setTimeout(onDragEnd); } /* * Updates positioning of element clone based on mouse movement during dragging. * @param {Object} event The non-custom DragEvent. */ }, { key: "onDragOver", value: function onDragOver(event) { this.cloneWrapper.style.top = "".concat(parseInt(this.cloneWrapper.style.top, 10) + event.clientY - this.cursorTop, "px"); this.cloneWrapper.style.left = "".concat(parseInt(this.cloneWrapper.style.left, 10) + event.clientX - this.cursorLeft, "px"); // Update cursor coordinates. this.cursorLeft = event.clientX; this.cursorTop = event.clientY; } }, { key: "onDrop", value: function onDrop() { // As per https://html.spec.whatwg.org/multipage/dnd.html#dndevents // the target node for the dragend is the source node that started the drag operation, // while drop event's target is the current target element. this.onDragEnd(null); } /** * - Clones the current element and spawns clone over original element. * - Adds a fake temporary drag image to avoid browser defaults. * - Sets transfer data. * - Adds dragover listener. * @param {Object} event The non-custom DragEvent. * @param {string} elementId The HTML id of the element to be dragged. * @param {Object} transferData The data to be set to the event's dataTransfer - to be accessible in any later drop logic. */ }, { key: "onDragStart", value: function onDragStart(event) { var _this$props = this.props, elementId = _this$props.elementId, transferData = _this$props.transferData, _this$props$onDragSta = _this$props.onDragStart, onDragStart = _this$props$onDragSta === void 0 ? external_lodash_["noop"] : _this$props$onDragSta; var element = document.getElementById(elementId); if (!element) { event.preventDefault(); return; } // Set a fake drag image to avoid browser defaults. Remove from DOM // right after. event.dataTransfer.setDragImage is not supported yet in // IE, we need to check for its existence first. if ('function' === typeof event.dataTransfer.setDragImage) { var dragImage = document.createElement('div'); dragImage.id = "drag-image-".concat(elementId); dragImage.classList.add(dragImageClass); document.body.appendChild(dragImage); event.dataTransfer.setDragImage(dragImage, 0, 0); this.props.setTimeout(function () { document.body.removeChild(dragImage); }); } event.dataTransfer.setData('text', JSON.stringify(transferData)); // Prepare element clone and append to element wrapper. var elementRect = element.getBoundingClientRect(); var elementWrapper = element.parentNode; var elementTopOffset = parseInt(elementRect.top, 10); var elementLeftOffset = parseInt(elementRect.left, 10); var clone = element.cloneNode(true); clone.id = "clone-".concat(elementId); this.cloneWrapper = document.createElement('div'); this.cloneWrapper.classList.add(cloneWrapperClass); this.cloneWrapper.style.width = "".concat(elementRect.width + clonePadding * 2, "px"); if (elementRect.height > cloneHeightTransformationBreakpoint) { // Scale down clone if original element is larger than 700px. this.cloneWrapper.style.transform = 'scale(0.5)'; this.cloneWrapper.style.transformOrigin = 'top left'; // Position clone near the cursor. this.cloneWrapper.style.top = "".concat(event.clientY - 100, "px"); this.cloneWrapper.style.left = "".concat(event.clientX, "px"); } else { // Position clone right over the original element (20px padding). this.cloneWrapper.style.top = "".concat(elementTopOffset - clonePadding, "px"); this.cloneWrapper.style.left = "".concat(elementLeftOffset - clonePadding, "px"); } // Hack: Remove iFrames as it's causing the embeds drag clone to freeze Object(toConsumableArray["a" /* default */])(clone.querySelectorAll('iframe')).forEach(function (child) { return child.parentNode.removeChild(child); }); this.cloneWrapper.appendChild(clone); elementWrapper.appendChild(this.cloneWrapper); // Mark the current cursor coordinates. this.cursorLeft = event.clientX; this.cursorTop = event.clientY; // Update cursor to 'grabbing', document wide. document.body.classList.add('is-dragging-components-draggable'); document.addEventListener('dragover', this.onDragOver); // Fixes https://bugs.chromium.org/p/chromium/issues/detail?id=737691#c8 // dragend event won't be dispatched in the chrome browser // when iframes are affected by the drag operation. So, in that case, // we use the drop event to wrap up the dragging operation. // This way the hack is contained to a specific use case and the external API // still relies mostly on the dragend event. if (isChromeUA() && draggable_documentHasIframes()) { this.isChromeAndHasIframes = true; document.addEventListener('drop', this.onDrop); } this.props.setTimeout(onDragStart); } /** * Cleans up drag state when drag has completed, or component unmounts * while dragging. */ }, { key: "resetDragState", value: function resetDragState() { // Remove drag clone document.removeEventListener('dragover', this.onDragOver); if (this.cloneWrapper && this.cloneWrapper.parentNode) { this.cloneWrapper.parentNode.removeChild(this.cloneWrapper); this.cloneWrapper = null; } if (this.isChromeAndHasIframes) { this.isChromeAndHasIframes = false; document.removeEventListener('drop', this.onDrop); } // Reset cursor. document.body.classList.remove('is-dragging-components-draggable'); } }, { key: "render", value: function render() { var children = this.props.children; return children({ onDraggableStart: this.onDragStart, onDraggableEnd: this.onDragEnd }); } }]); return Draggable; }(external_this_wp_element_["Component"]); /* harmony default export */ var draggable = (Object(external_this_wp_compose_["withSafeTimeout"])(draggable_Draggable)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/drop-zone/provider.js /** * External dependencies */ /** * WordPress dependencies */ var provider_createContext = Object(external_this_wp_element_["createContext"])({ addDropZone: function addDropZone() {}, removeDropZone: function removeDropZone() {} }), provider_Provider = provider_createContext.Provider, provider_Consumer = provider_createContext.Consumer; var provider_getDragEventType = function getDragEventType(_ref) { var dataTransfer = _ref.dataTransfer; if (dataTransfer) { // Use lodash `includes` here as in the Edge browser `types` is implemented // as a DomStringList, whereas in other browsers it's an array. `includes` // happily works with both types. if (Object(external_lodash_["includes"])(dataTransfer.types, 'Files')) { return 'file'; } if (Object(external_lodash_["includes"])(dataTransfer.types, 'text/html')) { return 'html'; } } return 'default'; }; var isTypeSupportedByDropZone = function isTypeSupportedByDropZone(type, dropZone) { return type === 'file' && dropZone.onFilesDrop || type === 'html' && dropZone.onHTMLDrop || type === 'default' && dropZone.onDrop; }; var isWithinElementBounds = function isWithinElementBounds(element, x, y) { var rect = element.getBoundingClientRect(); /// make sure the rect is a valid rect if (rect.bottom === rect.top || rect.left === rect.right) { return false; } return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom; }; var provider_DropZoneProvider = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(DropZoneProvider, _Component); function DropZoneProvider() { var _this; Object(classCallCheck["a" /* default */])(this, DropZoneProvider); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(DropZoneProvider).apply(this, arguments)); // Event listeners _this.onDragOver = _this.onDragOver.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onDrop = _this.onDrop.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); // Context methods so this component can receive data from consumers _this.addDropZone = _this.addDropZone.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.removeDropZone = _this.removeDropZone.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); // Utility methods _this.resetDragState = _this.resetDragState.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.toggleDraggingOverDocument = Object(external_lodash_["throttle"])(_this.toggleDraggingOverDocument.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))), 200); _this.dropZones = []; _this.dropZoneCallbacks = { addDropZone: _this.addDropZone, removeDropZone: _this.removeDropZone }; _this.state = { hoveredDropZone: -1, isDraggingOverDocument: false, isDraggingOverElement: false, position: null, type: null }; return _this; } Object(createClass["a" /* default */])(DropZoneProvider, [{ key: "componentDidMount", value: function componentDidMount() { window.addEventListener('dragover', this.onDragOver); window.addEventListener('mouseup', this.resetDragState); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { window.removeEventListener('dragover', this.onDragOver); window.removeEventListener('mouseup', this.resetDragState); } }, { key: "addDropZone", value: function addDropZone(dropZone) { this.dropZones.push(dropZone); } }, { key: "removeDropZone", value: function removeDropZone(dropZone) { this.dropZones = Object(external_lodash_["filter"])(this.dropZones, function (dz) { return dz !== dropZone; }); } }, { key: "resetDragState", value: function resetDragState() { // Avoid throttled drag over handler calls this.toggleDraggingOverDocument.cancel(); var _this$state = this.state, isDraggingOverDocument = _this$state.isDraggingOverDocument, hoveredDropZone = _this$state.hoveredDropZone; if (!isDraggingOverDocument && hoveredDropZone === -1) { return; } this.setState({ hoveredDropZone: -1, isDraggingOverDocument: false, isDraggingOverElement: false, position: null, type: null }); this.dropZones.forEach(function (dropZone) { return dropZone.setState({ isDraggingOverDocument: false, isDraggingOverElement: false, position: null, type: null }); }); } }, { key: "toggleDraggingOverDocument", value: function toggleDraggingOverDocument(event, dragEventType) { var _this2 = this; // In some contexts, it may be necessary to capture and redirect the // drag event (e.g. atop an `iframe`). To accommodate this, you can // create an instance of CustomEvent with the original event specified // as the `detail` property. // // See: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events var detail = window.CustomEvent && event instanceof window.CustomEvent ? event.detail : event; // Index of hovered dropzone. var hoveredDropZones = Object(external_lodash_["filter"])(this.dropZones, function (dropZone) { return isTypeSupportedByDropZone(dragEventType, dropZone) && isWithinElementBounds(dropZone.element, detail.clientX, detail.clientY); }); // Find the leaf dropzone not containing another dropzone var hoveredDropZone = Object(external_lodash_["find"])(hoveredDropZones, function (zone) { return !Object(external_lodash_["some"])(hoveredDropZones, function (subZone) { return subZone !== zone && zone.element.parentElement.contains(subZone.element); }); }); var hoveredDropZoneIndex = this.dropZones.indexOf(hoveredDropZone); var position = null; if (hoveredDropZone) { var rect = hoveredDropZone.element.getBoundingClientRect(); position = { x: detail.clientX - rect.left < rect.right - detail.clientX ? 'left' : 'right', y: detail.clientY - rect.top < rect.bottom - detail.clientY ? 'top' : 'bottom' }; } // Optimisation: Only update the changed dropzones var toUpdate = []; if (!this.state.isDraggingOverDocument) { toUpdate = this.dropZones; } else if (hoveredDropZoneIndex !== this.state.hoveredDropZone) { if (this.state.hoveredDropZone !== -1) { toUpdate.push(this.dropZones[this.state.hoveredDropZone]); } if (hoveredDropZone) { toUpdate.push(hoveredDropZone); } } else if (hoveredDropZone && hoveredDropZoneIndex === this.state.hoveredDropZone && !Object(external_lodash_["isEqual"])(position, this.state.position)) { toUpdate.push(hoveredDropZone); } // Notifying the dropzones toUpdate.map(function (dropZone) { var index = _this2.dropZones.indexOf(dropZone); var isDraggingOverDropZone = index === hoveredDropZoneIndex; dropZone.setState({ isDraggingOverDocument: isTypeSupportedByDropZone(dragEventType, dropZone), isDraggingOverElement: isDraggingOverDropZone, position: isDraggingOverDropZone ? position : null, type: isDraggingOverDropZone ? dragEventType : null }); }); var newState = { isDraggingOverDocument: true, hoveredDropZone: hoveredDropZoneIndex, position: position }; if (!external_this_wp_isShallowEqual_default()(newState, this.state)) { this.setState(newState); } } }, { key: "onDragOver", value: function onDragOver(event) { this.toggleDraggingOverDocument(event, provider_getDragEventType(event)); event.preventDefault(); } }, { key: "onDrop", value: function onDrop(event) { // This seemingly useless line has been shown to resolve a Safari issue // where files dragged directly from the dock are not recognized event.dataTransfer && event.dataTransfer.files.length; // eslint-disable-line no-unused-expressions var _this$state2 = this.state, position = _this$state2.position, hoveredDropZone = _this$state2.hoveredDropZone; var dragEventType = provider_getDragEventType(event); var dropZone = this.dropZones[hoveredDropZone]; this.resetDragState(); if (dropZone) { switch (dragEventType) { case 'file': dropZone.onFilesDrop(Object(toConsumableArray["a" /* default */])(event.dataTransfer.files), position); break; case 'html': dropZone.onHTMLDrop(event.dataTransfer.getData('text/html'), position); break; case 'default': dropZone.onDrop(event, position); } } event.stopPropagation(); event.preventDefault(); } }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])("div", { onDrop: this.onDrop, className: "components-drop-zone__provider" }, Object(external_this_wp_element_["createElement"])(provider_Provider, { value: this.dropZoneCallbacks }, this.props.children)); } }]); return DropZoneProvider; }(external_this_wp_element_["Component"]); /* harmony default export */ var provider = (provider_DropZoneProvider); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/drop-zone/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var drop_zone_DropZone = function DropZone(props) { return Object(external_this_wp_element_["createElement"])(provider_Consumer, null, function (_ref) { var addDropZone = _ref.addDropZone, removeDropZone = _ref.removeDropZone; return Object(external_this_wp_element_["createElement"])(drop_zone_DropZoneComponent, Object(esm_extends["a" /* default */])({ addDropZone: addDropZone, removeDropZone: removeDropZone }, props)); }); }; var drop_zone_DropZoneComponent = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(DropZoneComponent, _Component); function DropZoneComponent() { var _this; Object(classCallCheck["a" /* default */])(this, DropZoneComponent); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(DropZoneComponent).apply(this, arguments)); _this.dropZoneElement = Object(external_this_wp_element_["createRef"])(); _this.dropZone = { element: null, onDrop: _this.props.onDrop, onFilesDrop: _this.props.onFilesDrop, onHTMLDrop: _this.props.onHTMLDrop, setState: _this.setState.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))) }; _this.state = { isDraggingOverDocument: false, isDraggingOverElement: false, position: null, type: null }; return _this; } Object(createClass["a" /* default */])(DropZoneComponent, [{ key: "componentDidMount", value: function componentDidMount() { // Set element after the component has a node assigned in the DOM this.dropZone.element = this.dropZoneElement.current; this.props.addDropZone(this.dropZone); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.props.removeDropZone(this.dropZone); } }, { key: "render", value: function render() { var _this$props = this.props, className = _this$props.className, label = _this$props.label; var _this$state = this.state, isDraggingOverDocument = _this$state.isDraggingOverDocument, isDraggingOverElement = _this$state.isDraggingOverElement, position = _this$state.position, type = _this$state.type; var classes = classnames_default()('components-drop-zone', className, Object(defineProperty["a" /* default */])({ 'is-active': isDraggingOverDocument || isDraggingOverElement, 'is-dragging-over-document': isDraggingOverDocument, 'is-dragging-over-element': isDraggingOverElement, 'is-close-to-top': position && position.y === 'top', 'is-close-to-bottom': position && position.y === 'bottom', 'is-close-to-left': position && position.x === 'left', 'is-close-to-right': position && position.x === 'right' }, "is-dragging-".concat(type), !!type)); var children; if (isDraggingOverElement) { children = Object(external_this_wp_element_["createElement"])("div", { className: "components-drop-zone__content" }, Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: "upload", size: "40", className: "components-drop-zone__content-icon" }), Object(external_this_wp_element_["createElement"])("span", { className: "components-drop-zone__content-text" }, label ? label : Object(external_this_wp_i18n_["__"])('Drop files to upload'))); } return Object(external_this_wp_element_["createElement"])("div", { ref: this.dropZoneElement, className: classes }, children); } }]); return DropZoneComponent; }(external_this_wp_element_["Component"]); /* harmony default export */ var drop_zone = (drop_zone_DropZone); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigable-container/container.js /** * External Dependencies */ /** * WordPress Dependencies */ function cycleValue(value, total, offset) { var nextValue = value + offset; if (nextValue < 0) { return total + nextValue; } else if (nextValue >= total) { return nextValue - total; } return nextValue; } var container_NavigableContainer = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(NavigableContainer, _Component); function NavigableContainer() { var _this; Object(classCallCheck["a" /* default */])(this, NavigableContainer); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(NavigableContainer).apply(this, arguments)); _this.onKeyDown = _this.onKeyDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.bindContainer = _this.bindContainer.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.getFocusableContext = _this.getFocusableContext.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.getFocusableIndex = _this.getFocusableIndex.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(NavigableContainer, [{ key: "bindContainer", value: function bindContainer(ref) { var forwardedRef = this.props.forwardedRef; this.container = ref; if (Object(external_lodash_["isFunction"])(forwardedRef)) { forwardedRef(ref); } else if (forwardedRef && 'current' in forwardedRef) { forwardedRef.current = ref; } } }, { key: "getFocusableContext", value: function getFocusableContext(target) { var onlyBrowserTabstops = this.props.onlyBrowserTabstops; var finder = onlyBrowserTabstops ? external_this_wp_dom_["focus"].tabbable : external_this_wp_dom_["focus"].focusable; var focusables = finder.find(this.container); var index = this.getFocusableIndex(focusables, target); if (index > -1 && target) { return { index: index, target: target, focusables: focusables }; } return null; } }, { key: "getFocusableIndex", value: function getFocusableIndex(focusables, target) { var directIndex = focusables.indexOf(target); if (directIndex !== -1) { return directIndex; } } }, { key: "onKeyDown", value: function onKeyDown(event) { if (this.props.onKeyDown) { this.props.onKeyDown(event); } var getFocusableContext = this.getFocusableContext; var _this$props = this.props, _this$props$cycle = _this$props.cycle, cycle = _this$props$cycle === void 0 ? true : _this$props$cycle, eventToOffset = _this$props.eventToOffset, _this$props$onNavigat = _this$props.onNavigate, onNavigate = _this$props$onNavigat === void 0 ? external_lodash_["noop"] : _this$props$onNavigat, stopNavigationEvents = _this$props.stopNavigationEvents; var offset = eventToOffset(event); // eventToOffset returns undefined if the event is not handled by the component if (offset !== undefined && stopNavigationEvents) { // Prevents arrow key handlers bound to the document directly interfering event.nativeEvent.stopImmediatePropagation(); // When navigating a collection of items, prevent scroll containers // from scrolling. if (event.target.getAttribute('role') === 'menuitem') { event.preventDefault(); } event.stopPropagation(); } if (!offset) { return; } var context = getFocusableContext(document.activeElement); if (!context) { return; } var index = context.index, focusables = context.focusables; var nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset; if (nextIndex >= 0 && nextIndex < focusables.length) { focusables[nextIndex].focus(); onNavigate(nextIndex, focusables[nextIndex]); } } }, { key: "render", value: function render() { var _this$props2 = this.props, children = _this$props2.children, props = Object(objectWithoutProperties["a" /* default */])(_this$props2, ["children"]); // Disable reason: Assumed role is applied by parent via props spread. /* eslint-disable jsx-a11y/no-static-element-interactions */ return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({ ref: this.bindContainer }, Object(external_lodash_["omit"])(props, ['stopNavigationEvents', 'eventToOffset', 'onNavigate', 'cycle', 'onlyBrowserTabstops', 'forwardedRef']), { onKeyDown: this.onKeyDown, onFocus: this.onFocus }), children); } }]); return NavigableContainer; }(external_this_wp_element_["Component"]); var container_forwardedNavigableContainer = function forwardedNavigableContainer(props, ref) { return Object(external_this_wp_element_["createElement"])(container_NavigableContainer, Object(esm_extends["a" /* default */])({}, props, { forwardedRef: ref })); }; container_forwardedNavigableContainer.displayName = 'NavigableContainer'; /* harmony default export */ var navigable_container_container = (Object(external_this_wp_element_["forwardRef"])(container_forwardedNavigableContainer)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigable-container/menu.js /** * External Dependencies */ /** * WordPress Dependencies */ /** * Internal dependencies */ function NavigableMenu(_ref, ref) { var _ref$role = _ref.role, role = _ref$role === void 0 ? 'menu' : _ref$role, _ref$orientation = _ref.orientation, orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation, rest = Object(objectWithoutProperties["a" /* default */])(_ref, ["role", "orientation"]); var eventToOffset = function eventToOffset(evt) { var keyCode = evt.keyCode; var next = [external_this_wp_keycodes_["DOWN"]]; var previous = [external_this_wp_keycodes_["UP"]]; if (orientation === 'horizontal') { next = [external_this_wp_keycodes_["RIGHT"]]; previous = [external_this_wp_keycodes_["LEFT"]]; } if (orientation === 'both') { next = [external_this_wp_keycodes_["RIGHT"], external_this_wp_keycodes_["DOWN"]]; previous = [external_this_wp_keycodes_["LEFT"], external_this_wp_keycodes_["UP"]]; } if (Object(external_lodash_["includes"])(next, keyCode)) { return 1; } else if (Object(external_lodash_["includes"])(previous, keyCode)) { return -1; } }; return Object(external_this_wp_element_["createElement"])(navigable_container_container, Object(esm_extends["a" /* default */])({ ref: ref, stopNavigationEvents: true, onlyBrowserTabstops: false, role: role, "aria-orientation": role === 'presentation' ? null : orientation, eventToOffset: eventToOffset }, rest)); } /* harmony default export */ var menu = (Object(external_this_wp_element_["forwardRef"])(NavigableMenu)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigable-container/tabbable.js /** * WordPress Dependencies */ /** * Internal dependencies */ function TabbableContainer(_ref, ref) { var eventToOffset = _ref.eventToOffset, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["eventToOffset"]); var innerEventToOffset = function innerEventToOffset(evt) { var keyCode = evt.keyCode, shiftKey = evt.shiftKey; if (external_this_wp_keycodes_["TAB"] === keyCode) { return shiftKey ? -1 : 1; } // Allow custom handling of keys besides Tab. // // By default, TabbableContainer will move focus forward on Tab and // backward on Shift+Tab. The handler below will be used for all other // events. The semantics for `eventToOffset`'s return // values are the following: // // - +1: move focus forward // - -1: move focus backward // - 0: don't move focus, but acknowledge event and thus stop it // - undefined: do nothing, let the event propagate if (eventToOffset) { return eventToOffset(evt); } }; return Object(external_this_wp_element_["createElement"])(navigable_container_container, Object(esm_extends["a" /* default */])({ ref: ref, stopNavigationEvents: true, onlyBrowserTabstops: true, eventToOffset: innerEventToOffset }, props)); } /* harmony default export */ var tabbable = (Object(external_this_wp_element_["forwardRef"])(TabbableContainer)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigable-container/index.js /** * Internal Dependencies */ // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dropdown-menu/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function DropdownMenu(_ref) { var _ref$icon = _ref.icon, icon = _ref$icon === void 0 ? 'menu' : _ref$icon, label = _ref.label, menuLabel = _ref.menuLabel, controls = _ref.controls, className = _ref.className; if (!controls || !controls.length) { return null; } // Normalize controls to nested array of objects (sets of controls) var controlSets = controls; if (!Array.isArray(controlSets[0])) { controlSets = [controlSets]; } return Object(external_this_wp_element_["createElement"])(dropdown, { className: classnames_default()('components-dropdown-menu', className), contentClassName: "components-dropdown-menu__popover", renderToggle: function renderToggle(_ref2) { var isOpen = _ref2.isOpen, onToggle = _ref2.onToggle; var openOnArrowDown = function openOnArrowDown(event) { if (!isOpen && event.keyCode === external_this_wp_keycodes_["DOWN"]) { event.preventDefault(); event.stopPropagation(); onToggle(); } }; return Object(external_this_wp_element_["createElement"])(icon_button, { className: "components-dropdown-menu__toggle", icon: icon, onClick: onToggle, onKeyDown: openOnArrowDown, "aria-haspopup": "true", "aria-expanded": isOpen, label: label, tooltip: label }, Object(external_this_wp_element_["createElement"])("span", { className: "components-dropdown-menu__indicator" })); }, renderContent: function renderContent(_ref3) { var onClose = _ref3.onClose; return Object(external_this_wp_element_["createElement"])(menu, { className: "components-dropdown-menu__menu", role: "menu", "aria-label": menuLabel }, Object(external_lodash_["flatMap"])(controlSets, function (controlSet, indexOfSet) { return controlSet.map(function (control, indexOfControl) { return Object(external_this_wp_element_["createElement"])(icon_button, { key: [indexOfSet, indexOfControl].join(), onClick: function onClick(event) { event.stopPropagation(); onClose(); if (control.onClick) { control.onClick(); } }, className: classnames_default()('components-dropdown-menu__menu-item', { 'has-separator': indexOfSet > 0 && indexOfControl === 0, 'is-active': control.isActive }), icon: control.icon, role: "menuitem", disabled: control.isDisabled }, control.title); }); })); } }); } /* harmony default export */ var dropdown_menu = (DropdownMenu); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/external-link/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function ExternalLink(_ref, ref) { var href = _ref.href, children = _ref.children, className = _ref.className, _ref$rel = _ref.rel, rel = _ref$rel === void 0 ? '' : _ref$rel, additionalProps = Object(objectWithoutProperties["a" /* default */])(_ref, ["href", "children", "className", "rel"]); rel = Object(external_lodash_["uniq"])(Object(external_lodash_["compact"])(Object(toConsumableArray["a" /* default */])(rel.split(' ')).concat(['external', 'noreferrer', 'noopener']))).join(' '); var classes = classnames_default()('components-external-link', className); return Object(external_this_wp_element_["createElement"])("a", Object(esm_extends["a" /* default */])({}, additionalProps, { className: classes, href: href, target: "_blank", rel: rel, ref: ref }), children, Object(external_this_wp_element_["createElement"])("span", { className: "screen-reader-text" }, /* translators: accessibility text */ Object(external_this_wp_i18n_["__"])('(opens in a new tab)')), Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: "external", className: "components-external-link__icon" })); } /* harmony default export */ var external_link = (Object(external_this_wp_element_["forwardRef"])(ExternalLink)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focusable-iframe/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Browser dependencies */ var _window = window, FocusEvent = _window.FocusEvent; var focusable_iframe_FocusableIframe = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(FocusableIframe, _Component); function FocusableIframe(props) { var _this; Object(classCallCheck["a" /* default */])(this, FocusableIframe); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(FocusableIframe).apply(this, arguments)); _this.checkFocus = _this.checkFocus.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.node = props.iframeRef || Object(external_this_wp_element_["createRef"])(); return _this; } /** * Checks whether the iframe is the activeElement, inferring that it has * then received focus, and calls the `onFocus` prop callback. */ Object(createClass["a" /* default */])(FocusableIframe, [{ key: "checkFocus", value: function checkFocus() { var iframe = this.node.current; if (document.activeElement !== iframe) { return; } var focusEvent = new FocusEvent('focus', { bubbles: true }); iframe.dispatchEvent(focusEvent); var onFocus = this.props.onFocus; if (onFocus) { onFocus(focusEvent); } } }, { key: "render", value: function render() { // Disable reason: The rendered iframe is a pass-through component, // assigning props inherited from the rendering parent. It's the // responsibility of the parent to assign a title. /* eslint-disable jsx-a11y/iframe-has-title */ return Object(external_this_wp_element_["createElement"])("iframe", Object(esm_extends["a" /* default */])({ ref: this.node }, Object(external_lodash_["omit"])(this.props, ['iframeRef', 'onFocus']))); /* eslint-enable jsx-a11y/iframe-has-title */ } }]); return FocusableIframe; }(external_this_wp_element_["Component"]); /* harmony default export */ var focusable_iframe = (Object(external_this_wp_compose_["withGlobalEvents"])({ blur: 'checkFocus' })(focusable_iframe_FocusableIframe)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/range-control/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function RangeControl(_ref) { var className = _ref.className, label = _ref.label, value = _ref.value, instanceId = _ref.instanceId, onChange = _ref.onChange, beforeIcon = _ref.beforeIcon, afterIcon = _ref.afterIcon, help = _ref.help, allowReset = _ref.allowReset, initialPosition = _ref.initialPosition, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "label", "value", "instanceId", "onChange", "beforeIcon", "afterIcon", "help", "allowReset", "initialPosition"]); var id = "inspector-range-control-".concat(instanceId); var resetValue = function resetValue() { return onChange(); }; var onChangeValue = function onChangeValue(event) { var newValue = event.target.value; if (newValue === '') { resetValue(); return; } onChange(Number(newValue)); }; var initialSliderValue = Object(external_lodash_["isFinite"])(value) ? value : initialPosition || ''; return Object(external_this_wp_element_["createElement"])(base_control, { label: label, id: id, help: help, className: classnames_default()('components-range-control', className) }, beforeIcon && Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: beforeIcon }), Object(external_this_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({ className: "components-range-control__slider", id: id, type: "range", value: initialSliderValue, onChange: onChangeValue, "aria-describedby": !!help ? id + '__help' : undefined }, props)), afterIcon && Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: afterIcon }), Object(external_this_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({ className: "components-range-control__number", type: "number", onChange: onChangeValue, "aria-label": label, value: value }, props)), allowReset && Object(external_this_wp_element_["createElement"])(build_module_button, { onClick: resetValue, disabled: value === undefined }, Object(external_this_wp_i18n_["__"])('Reset'))); } /* harmony default export */ var range_control = (Object(external_this_wp_compose_["withInstanceId"])(RangeControl)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/font-size-picker/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function FontSizePicker(_ref) { var fallbackFontSize = _ref.fallbackFontSize, _ref$fontSizes = _ref.fontSizes, fontSizes = _ref$fontSizes === void 0 ? [] : _ref$fontSizes, _ref$disableCustomFon = _ref.disableCustomFontSizes, disableCustomFontSizes = _ref$disableCustomFon === void 0 ? false : _ref$disableCustomFon, onChange = _ref.onChange, value = _ref.value, _ref$withSlider = _ref.withSlider, withSlider = _ref$withSlider === void 0 ? false : _ref$withSlider; var onChangeValue = function onChangeValue(event) { var newValue = event.target.value; if (newValue === '') { onChange(undefined); return; } onChange(Number(newValue)); }; var currentFont = fontSizes.find(function (font) { return font.size === value; }); var currentFontSizeName = currentFont && currentFont.name || !value && Object(external_this_wp_i18n_["_x"])('Normal', 'font size name') || Object(external_this_wp_i18n_["_x"])('Custom', 'font size name'); return Object(external_this_wp_element_["createElement"])(base_control, { label: Object(external_this_wp_i18n_["__"])('Font Size') }, Object(external_this_wp_element_["createElement"])("div", { className: "components-font-size-picker__buttons" }, Object(external_this_wp_element_["createElement"])(dropdown, { className: "components-font-size-picker__dropdown", contentClassName: "components-font-size-picker__dropdown-content", position: "bottom", renderToggle: function renderToggle(_ref2) { var isOpen = _ref2.isOpen, onToggle = _ref2.onToggle; return Object(external_this_wp_element_["createElement"])(build_module_button, { className: "components-font-size-picker__selector", isLarge: true, onClick: onToggle, "aria-expanded": isOpen, "aria-label": Object(external_this_wp_i18n_["sprintf"])( /* translators: %s: font size name */ Object(external_this_wp_i18n_["__"])('Font size: %s'), currentFontSizeName) }, currentFontSizeName); }, renderContent: function renderContent() { return Object(external_this_wp_element_["createElement"])(menu, null, Object(external_lodash_["map"])(fontSizes, function (_ref3) { var name = _ref3.name, size = _ref3.size, slug = _ref3.slug; var isSelected = value === size || !value && slug === 'normal'; return Object(external_this_wp_element_["createElement"])(build_module_button, { key: slug, onClick: function onClick() { return onChange(slug === 'normal' ? undefined : size); }, className: "is-font-".concat(slug), role: "menuitemradio", "aria-checked": isSelected }, isSelected && Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: "saved" }), Object(external_this_wp_element_["createElement"])("span", { className: "components-font-size-picker__dropdown-text-size", style: { fontSize: size } }, name)); })); } }), !withSlider && !disableCustomFontSizes && Object(external_this_wp_element_["createElement"])("input", { className: "components-range-control__number", type: "number", onChange: onChangeValue, "aria-label": Object(external_this_wp_i18n_["__"])('Custom font size'), value: value || '' }), Object(external_this_wp_element_["createElement"])(build_module_button, { className: "components-color-palette__clear", type: "button", disabled: value === undefined, onClick: function onClick() { return onChange(undefined); }, isSmall: true, isDefault: true }, Object(external_this_wp_i18n_["__"])('Reset'))), withSlider && Object(external_this_wp_element_["createElement"])(range_control, { className: "components-font-size-picker__custom-input", label: Object(external_this_wp_i18n_["__"])('Custom Size'), value: value || '', initialPosition: fallbackFontSize, onChange: onChange, min: 12, max: 100, beforeIcon: "editor-textcolor", afterIcon: "editor-textcolor" })); } /* harmony default export */ var font_size_picker = (FontSizePicker); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-file-upload/index.js /** * WordPress dependencies */ /** * Internal dependencies */ var form_file_upload_FormFileUpload = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(FormFileUpload, _Component); function FormFileUpload() { var _this; Object(classCallCheck["a" /* default */])(this, FormFileUpload); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(FormFileUpload).apply(this, arguments)); _this.openFileDialog = _this.openFileDialog.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.bindInput = _this.bindInput.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(FormFileUpload, [{ key: "openFileDialog", value: function openFileDialog() { this.input.click(); } }, { key: "bindInput", value: function bindInput(ref) { this.input = ref; } }, { key: "render", value: function render() { var _this$props = this.props, children = _this$props.children, _this$props$multiple = _this$props.multiple, multiple = _this$props$multiple === void 0 ? false : _this$props$multiple, accept = _this$props.accept, onChange = _this$props.onChange, _this$props$icon = _this$props.icon, icon = _this$props$icon === void 0 ? 'upload' : _this$props$icon, props = Object(objectWithoutProperties["a" /* default */])(_this$props, ["children", "multiple", "accept", "onChange", "icon"]); return Object(external_this_wp_element_["createElement"])("div", { className: "components-form-file-upload" }, Object(external_this_wp_element_["createElement"])(icon_button, Object(esm_extends["a" /* default */])({ icon: icon, onClick: this.openFileDialog }, props), children), Object(external_this_wp_element_["createElement"])("input", { type: "file", ref: this.bindInput, multiple: multiple, style: { display: 'none' }, accept: accept, onChange: onChange })); } }]); return FormFileUpload; }(external_this_wp_element_["Component"]); /* harmony default export */ var form_file_upload = (form_file_upload_FormFileUpload); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-toggle/index.js /** * External dependencies */ /** * Internal dependencies */ function FormToggle(_ref) { var className = _ref.className, checked = _ref.checked, id = _ref.id, _ref$onChange = _ref.onChange, onChange = _ref$onChange === void 0 ? external_lodash_["noop"] : _ref$onChange, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "checked", "id", "onChange"]); var wrapperClasses = classnames_default()('components-form-toggle', className, { 'is-checked': checked }); return Object(external_this_wp_element_["createElement"])("span", { className: wrapperClasses }, Object(external_this_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({ className: "components-form-toggle__input", id: id, type: "checkbox", checked: checked, onChange: onChange }, props)), Object(external_this_wp_element_["createElement"])("span", { className: "components-form-toggle__track" }), Object(external_this_wp_element_["createElement"])("span", { className: "components-form-toggle__thumb" }), checked ? Object(external_this_wp_element_["createElement"])(svg_SVG, { className: "components-form-toggle__on", width: "2", height: "6", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2 6" }, Object(external_this_wp_element_["createElement"])(svg_Path, { d: "M0 0h2v6H0z" })) : Object(external_this_wp_element_["createElement"])(svg_SVG, { className: "components-form-toggle__off", width: "6", height: "6", "aria-hidden": "true", role: "img", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 6" }, Object(external_this_wp_element_["createElement"])(svg_Path, { d: "M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z" }))); } /* harmony default export */ var form_toggle = (FormToggle); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js var esm_typeof = __webpack_require__(28); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-token-field/token.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function Token(_ref) { var value = _ref.value, status = _ref.status, title = _ref.title, displayTransform = _ref.displayTransform, _ref$isBorderless = _ref.isBorderless, isBorderless = _ref$isBorderless === void 0 ? false : _ref$isBorderless, _ref$disabled = _ref.disabled, disabled = _ref$disabled === void 0 ? false : _ref$disabled, _ref$onClickRemove = _ref.onClickRemove, onClickRemove = _ref$onClickRemove === void 0 ? external_lodash_["noop"] : _ref$onClickRemove, onMouseEnter = _ref.onMouseEnter, onMouseLeave = _ref.onMouseLeave, messages = _ref.messages, termPosition = _ref.termPosition, termsCount = _ref.termsCount, instanceId = _ref.instanceId; var tokenClasses = classnames_default()('components-form-token-field__token', { 'is-error': 'error' === status, 'is-success': 'success' === status, 'is-validating': 'validating' === status, 'is-borderless': isBorderless, 'is-disabled': disabled }); var onClick = function onClick() { return onClickRemove({ value: value }); }; var transformedValue = displayTransform(value); var termPositionAndCount = Object(external_this_wp_i18n_["sprintf"])( /* translators: 1: term name, 2: term position in a set of terms, 3: total term set count. */ Object(external_this_wp_i18n_["__"])('%1$s (%2$s of %3$s)'), transformedValue, termPosition, termsCount); return Object(external_this_wp_element_["createElement"])("span", { className: tokenClasses, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, title: title }, Object(external_this_wp_element_["createElement"])("span", { className: "components-form-token-field__token-text", id: "components-form-token-field__token-text-".concat(instanceId) }, Object(external_this_wp_element_["createElement"])("span", { className: "screen-reader-text" }, termPositionAndCount), Object(external_this_wp_element_["createElement"])("span", { "aria-hidden": "true" }, transformedValue)), Object(external_this_wp_element_["createElement"])(icon_button, { className: "components-form-token-field__remove-token", icon: "dismiss", onClick: !disabled && onClick, label: messages.remove, "aria-describedby": "components-form-token-field__token-text-".concat(instanceId) })); } /* harmony default export */ var form_token_field_token = (Object(external_this_wp_compose_["withInstanceId"])(Token)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-token-field/token-input.js /** * WordPress dependencies */ var token_input_TokenInput = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(TokenInput, _Component); function TokenInput() { var _this; Object(classCallCheck["a" /* default */])(this, TokenInput); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(TokenInput).apply(this, arguments)); _this.onChange = _this.onChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.bindInput = _this.bindInput.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(TokenInput, [{ key: "focus", value: function focus() { this.input.focus(); } }, { key: "hasFocus", value: function hasFocus() { return this.input === document.activeElement; } }, { key: "bindInput", value: function bindInput(ref) { this.input = ref; } }, { key: "onChange", value: function onChange(event) { this.props.onChange({ value: event.target.value }); } }, { key: "render", value: function render() { var _this$props = this.props, value = _this$props.value, isExpanded = _this$props.isExpanded, instanceId = _this$props.instanceId, selectedSuggestionIndex = _this$props.selectedSuggestionIndex, props = Object(objectWithoutProperties["a" /* default */])(_this$props, ["value", "isExpanded", "instanceId", "selectedSuggestionIndex"]); var size = value.length + 1; return Object(external_this_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({ ref: this.bindInput, id: "components-form-token-input-".concat(instanceId), type: "text" }, props, { value: value, onChange: this.onChange, size: size, className: "components-form-token-field__input", role: "combobox", "aria-expanded": isExpanded, "aria-autocomplete": "list", "aria-owns": isExpanded ? "components-form-token-suggestions-".concat(instanceId) : undefined, "aria-activedescendant": selectedSuggestionIndex !== -1 ? "components-form-token-suggestions-".concat(instanceId, "-").concat(selectedSuggestionIndex) : undefined, "aria-describedby": "components-form-token-suggestions-howto-".concat(instanceId) })); } }]); return TokenInput; }(external_this_wp_element_["Component"]); /* harmony default export */ var token_input = (token_input_TokenInput); // EXTERNAL MODULE: ./node_modules/dom-scroll-into-view/lib/index.js var lib = __webpack_require__(59); var lib_default = /*#__PURE__*/__webpack_require__.n(lib); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-token-field/suggestions-list.js /** * External dependencies */ /** * WordPress dependencies */ var suggestions_list_SuggestionsList = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(SuggestionsList, _Component); function SuggestionsList() { var _this; Object(classCallCheck["a" /* default */])(this, SuggestionsList); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(SuggestionsList).apply(this, arguments)); _this.handleMouseDown = _this.handleMouseDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.bindList = _this.bindList.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(SuggestionsList, [{ key: "componentDidUpdate", value: function componentDidUpdate() { var _this2 = this; // only have to worry about scrolling selected suggestion into view // when already expanded if (this.props.selectedIndex > -1 && this.props.scrollIntoView) { this.scrollingIntoView = true; lib_default()(this.list.children[this.props.selectedIndex], this.list, { onlyScrollIfNeeded: true }); setTimeout(function () { _this2.scrollingIntoView = false; }, 100); } } }, { key: "bindList", value: function bindList(ref) { this.list = ref; } }, { key: "handleHover", value: function handleHover(suggestion) { var _this3 = this; return function () { if (!_this3.scrollingIntoView) { _this3.props.onHover(suggestion); } }; } }, { key: "handleClick", value: function handleClick(suggestion) { var _this4 = this; return function () { _this4.props.onSelect(suggestion); }; } }, { key: "handleMouseDown", value: function handleMouseDown(e) { // By preventing default here, we will not lose focus of <input> when clicking a suggestion e.preventDefault(); } }, { key: "computeSuggestionMatch", value: function computeSuggestionMatch(suggestion) { var match = this.props.displayTransform(this.props.match || '').toLocaleLowerCase(); if (match.length === 0) { return null; } suggestion = this.props.displayTransform(suggestion); var indexOfMatch = suggestion.toLocaleLowerCase().indexOf(match); return { suggestionBeforeMatch: suggestion.substring(0, indexOfMatch), suggestionMatch: suggestion.substring(indexOfMatch, indexOfMatch + match.length), suggestionAfterMatch: suggestion.substring(indexOfMatch + match.length) }; } }, { key: "render", value: function render() { var _this5 = this; // We set `tabIndex` here because otherwise Firefox sets focus on this // div when tabbing off of the input in `TokenField` -- not really sure // why, since usually a div isn't focusable by default // TODO does this still apply now that it's a <ul> and not a <div>? return Object(external_this_wp_element_["createElement"])("ul", { ref: this.bindList, className: "components-form-token-field__suggestions-list", id: "components-form-token-suggestions-".concat(this.props.instanceId), role: "listbox" }, Object(external_lodash_["map"])(this.props.suggestions, function (suggestion, index) { var match = _this5.computeSuggestionMatch(suggestion); var classeName = classnames_default()('components-form-token-field__suggestion', { 'is-selected': index === _this5.props.selectedIndex }); /* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */ return Object(external_this_wp_element_["createElement"])("li", { id: "components-form-token-suggestions-".concat(_this5.props.instanceId, "-").concat(index), role: "option", className: classeName, key: suggestion, onMouseDown: _this5.handleMouseDown, onClick: _this5.handleClick(suggestion), onMouseEnter: _this5.handleHover(suggestion), "aria-selected": index === _this5.props.selectedIndex }, match ? Object(external_this_wp_element_["createElement"])("span", { "aria-label": _this5.props.displayTransform(suggestion) }, match.suggestionBeforeMatch, Object(external_this_wp_element_["createElement"])("strong", { className: "components-form-token-field__suggestion-match" }, match.suggestionMatch), match.suggestionAfterMatch) : _this5.props.displayTransform(suggestion)); /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */ })); } }]); return SuggestionsList; }(external_this_wp_element_["Component"]); suggestions_list_SuggestionsList.defaultProps = { match: '', onHover: function onHover() {}, onSelect: function onSelect() {}, suggestions: Object.freeze([]) }; /* harmony default export */ var suggestions_list = (suggestions_list_SuggestionsList); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-token-field/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var initialState = { incompleteTokenValue: '', inputOffsetFromEnd: 0, isActive: false, isExpanded: false, selectedSuggestionIndex: -1, selectedSuggestionScroll: false }; var form_token_field_FormTokenField = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(FormTokenField, _Component); function FormTokenField() { var _this; Object(classCallCheck["a" /* default */])(this, FormTokenField); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(FormTokenField).apply(this, arguments)); _this.state = initialState; _this.onKeyDown = _this.onKeyDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onKeyPress = _this.onKeyPress.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onFocus = _this.onFocus.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onBlur = _this.onBlur.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.deleteTokenBeforeInput = _this.deleteTokenBeforeInput.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.deleteTokenAfterInput = _this.deleteTokenAfterInput.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.addCurrentToken = _this.addCurrentToken.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onContainerTouched = _this.onContainerTouched.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.renderToken = _this.renderToken.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onTokenClickRemove = _this.onTokenClickRemove.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onSuggestionHovered = _this.onSuggestionHovered.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onSuggestionSelected = _this.onSuggestionSelected.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onInputChange = _this.onInputChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.bindInput = _this.bindInput.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.bindTokensAndInput = _this.bindTokensAndInput.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(FormTokenField, [{ key: "componentDidUpdate", value: function componentDidUpdate() { // Make sure to focus the input when the isActive state is true. if (this.state.isActive && !this.input.hasFocus()) { this.input.focus(); } } }, { key: "bindInput", value: function bindInput(ref) { this.input = ref; } }, { key: "bindTokensAndInput", value: function bindTokensAndInput(ref) { this.tokensAndInput = ref; } }, { key: "onFocus", value: function onFocus(event) { // If focus is on the input or on the container, set the isActive state to true. if (this.input.hasFocus() || event.target === this.tokensAndInput) { this.setState({ isActive: true }); } else { /* * Otherwise, focus is on one of the token "remove" buttons and we * set the isActive state to false to prevent the input to be * re-focused, see componentDidUpdate(). */ this.setState({ isActive: false }); } if ('function' === typeof this.props.onFocus) { this.props.onFocus(event); } } }, { key: "onBlur", value: function onBlur() { if (this.inputHasValidValue()) { this.setState({ isActive: false }); } else { this.setState(initialState); } } }, { key: "onKeyDown", value: function onKeyDown(event) { var preventDefault = false; switch (event.keyCode) { case external_this_wp_keycodes_["BACKSPACE"]: preventDefault = this.handleDeleteKey(this.deleteTokenBeforeInput); break; case external_this_wp_keycodes_["ENTER"]: preventDefault = this.addCurrentToken(); break; case external_this_wp_keycodes_["LEFT"]: preventDefault = this.handleLeftArrowKey(); break; case external_this_wp_keycodes_["UP"]: preventDefault = this.handleUpArrowKey(); break; case external_this_wp_keycodes_["RIGHT"]: preventDefault = this.handleRightArrowKey(); break; case external_this_wp_keycodes_["DOWN"]: preventDefault = this.handleDownArrowKey(); break; case external_this_wp_keycodes_["DELETE"]: preventDefault = this.handleDeleteKey(this.deleteTokenAfterInput); break; case external_this_wp_keycodes_["SPACE"]: if (this.props.tokenizeOnSpace) { preventDefault = this.addCurrentToken(); } break; case external_this_wp_keycodes_["ESCAPE"]: preventDefault = this.handleEscapeKey(event); event.stopPropagation(); break; default: break; } if (preventDefault) { event.preventDefault(); } } }, { key: "onKeyPress", value: function onKeyPress(event) { var preventDefault = false; switch (event.charCode) { case 44: // comma preventDefault = this.handleCommaKey(); break; default: break; } if (preventDefault) { event.preventDefault(); } } }, { key: "onContainerTouched", value: function onContainerTouched(event) { // Prevent clicking/touching the tokensAndInput container from blurring // the input and adding the current token. if (event.target === this.tokensAndInput && this.state.isActive) { event.preventDefault(); } } }, { key: "onTokenClickRemove", value: function onTokenClickRemove(event) { this.deleteToken(event.value); this.input.focus(); } }, { key: "onSuggestionHovered", value: function onSuggestionHovered(suggestion) { var index = this.getMatchingSuggestions().indexOf(suggestion); if (index >= 0) { this.setState({ selectedSuggestionIndex: index, selectedSuggestionScroll: false }); } } }, { key: "onSuggestionSelected", value: function onSuggestionSelected(suggestion) { this.addNewToken(suggestion); } }, { key: "onInputChange", value: function onInputChange(event) { var text = event.value; var separator = this.props.tokenizeOnSpace ? /[ ,\t]+/ : /[,\t]+/; var items = text.split(separator); var tokenValue = Object(external_lodash_["last"])(items) || ''; var inputHasMinimumChars = tokenValue.trim().length > 1; var matchingSuggestions = this.getMatchingSuggestions(tokenValue); var hasVisibleSuggestions = inputHasMinimumChars && !!matchingSuggestions.length; if (items.length > 1) { this.addNewTokens(items.slice(0, -1)); } this.setState({ incompleteTokenValue: tokenValue, selectedSuggestionIndex: -1, selectedSuggestionScroll: false, isExpanded: false }); this.props.onInputChange(tokenValue); if (inputHasMinimumChars) { this.setState({ isExpanded: hasVisibleSuggestions }); if (!!matchingSuggestions.length) { this.props.debouncedSpeak(Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["_n"])('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', matchingSuggestions.length), matchingSuggestions.length), 'assertive'); } else { this.props.debouncedSpeak(Object(external_this_wp_i18n_["__"])('No results.'), 'assertive'); } } } }, { key: "handleDeleteKey", value: function handleDeleteKey(deleteToken) { var preventDefault = false; if (this.input.hasFocus() && this.isInputEmpty()) { deleteToken(); preventDefault = true; } return preventDefault; } }, { key: "handleLeftArrowKey", value: function handleLeftArrowKey() { var preventDefault = false; if (this.isInputEmpty()) { this.moveInputBeforePreviousToken(); preventDefault = true; } return preventDefault; } }, { key: "handleRightArrowKey", value: function handleRightArrowKey() { var preventDefault = false; if (this.isInputEmpty()) { this.moveInputAfterNextToken(); preventDefault = true; } return preventDefault; } }, { key: "handleUpArrowKey", value: function handleUpArrowKey() { var _this2 = this; this.setState(function (state, props) { return { selectedSuggestionIndex: (state.selectedSuggestionIndex === 0 ? _this2.getMatchingSuggestions(state.incompleteTokenValue, props.suggestions, props.value, props.maxSuggestions, props.saveTransform).length : state.selectedSuggestionIndex) - 1, selectedSuggestionScroll: true }; }); return true; // preventDefault } }, { key: "handleDownArrowKey", value: function handleDownArrowKey() { var _this3 = this; this.setState(function (state, props) { return { selectedSuggestionIndex: (state.selectedSuggestionIndex + 1) % _this3.getMatchingSuggestions(state.incompleteTokenValue, props.suggestions, props.value, props.maxSuggestions, props.saveTransform).length, selectedSuggestionScroll: true }; }); return true; // preventDefault } }, { key: "handleEscapeKey", value: function handleEscapeKey(event) { this.setState({ incompleteTokenValue: event.target.value, isExpanded: false, selectedSuggestionIndex: -1, selectedSuggestionScroll: false }); return true; // preventDefault } }, { key: "handleCommaKey", value: function handleCommaKey() { if (this.inputHasValidValue()) { this.addNewToken(this.state.incompleteTokenValue); } return true; // preventDefault } }, { key: "moveInputToIndex", value: function moveInputToIndex(index) { this.setState(function (state, props) { return { inputOffsetFromEnd: props.value.length - Math.max(index, -1) - 1 }; }); } }, { key: "moveInputBeforePreviousToken", value: function moveInputBeforePreviousToken() { this.setState(function (state, props) { return { inputOffsetFromEnd: Math.min(state.inputOffsetFromEnd + 1, props.value.length) }; }); } }, { key: "moveInputAfterNextToken", value: function moveInputAfterNextToken() { this.setState(function (state) { return { inputOffsetFromEnd: Math.max(state.inputOffsetFromEnd - 1, 0) }; }); } }, { key: "deleteTokenBeforeInput", value: function deleteTokenBeforeInput() { var index = this.getIndexOfInput() - 1; if (index > -1) { this.deleteToken(this.props.value[index]); } } }, { key: "deleteTokenAfterInput", value: function deleteTokenAfterInput() { var index = this.getIndexOfInput(); if (index < this.props.value.length) { this.deleteToken(this.props.value[index]); // update input offset since it's the offset from the last token this.moveInputToIndex(index); } } }, { key: "addCurrentToken", value: function addCurrentToken() { var preventDefault = false; var selectedSuggestion = this.getSelectedSuggestion(); if (selectedSuggestion) { this.addNewToken(selectedSuggestion); preventDefault = true; } else if (this.inputHasValidValue()) { this.addNewToken(this.state.incompleteTokenValue); preventDefault = true; } return preventDefault; } }, { key: "addNewTokens", value: function addNewTokens(tokens) { var _this4 = this; var tokensToAdd = Object(external_lodash_["uniq"])(tokens.map(this.props.saveTransform).filter(Boolean).filter(function (token) { return !_this4.valueContainsToken(token); })); if (tokensToAdd.length > 0) { var newValue = Object(external_lodash_["clone"])(this.props.value); newValue.splice.apply(newValue, [this.getIndexOfInput(), 0].concat(tokensToAdd)); this.props.onChange(newValue); } } }, { key: "addNewToken", value: function addNewToken(token) { this.addNewTokens([token]); this.props.speak(this.props.messages.added, 'assertive'); this.setState({ incompleteTokenValue: '', selectedSuggestionIndex: -1, selectedSuggestionScroll: false, isExpanded: false }); if (this.state.isActive) { this.input.focus(); } } }, { key: "deleteToken", value: function deleteToken(token) { var _this5 = this; var newTokens = this.props.value.filter(function (item) { return _this5.getTokenValue(item) !== _this5.getTokenValue(token); }); this.props.onChange(newTokens); this.props.speak(this.props.messages.removed, 'assertive'); } }, { key: "getTokenValue", value: function getTokenValue(token) { if ('object' === Object(esm_typeof["a" /* default */])(token)) { return token.value; } return token; } }, { key: "getMatchingSuggestions", value: function getMatchingSuggestions() { var searchValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.incompleteTokenValue; var suggestions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.suggestions; var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.value; var maxSuggestions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.props.maxSuggestions; var saveTransform = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : this.props.saveTransform; var match = saveTransform(searchValue); var startsWithMatch = []; var containsMatch = []; if (match.length === 0) { suggestions = Object(external_lodash_["difference"])(suggestions, value); } else { match = match.toLocaleLowerCase(); Object(external_lodash_["each"])(suggestions, function (suggestion) { var index = suggestion.toLocaleLowerCase().indexOf(match); if (value.indexOf(suggestion) === -1) { if (index === 0) { startsWithMatch.push(suggestion); } else if (index > 0) { containsMatch.push(suggestion); } } }); suggestions = startsWithMatch.concat(containsMatch); } return Object(external_lodash_["take"])(suggestions, maxSuggestions); } }, { key: "getSelectedSuggestion", value: function getSelectedSuggestion() { if (this.state.selectedSuggestionIndex !== -1) { return this.getMatchingSuggestions()[this.state.selectedSuggestionIndex]; } } }, { key: "valueContainsToken", value: function valueContainsToken(token) { var _this6 = this; return Object(external_lodash_["some"])(this.props.value, function (item) { return _this6.getTokenValue(token) === _this6.getTokenValue(item); }); } }, { key: "getIndexOfInput", value: function getIndexOfInput() { return this.props.value.length - this.state.inputOffsetFromEnd; } }, { key: "isInputEmpty", value: function isInputEmpty() { return this.state.incompleteTokenValue.length === 0; } }, { key: "inputHasValidValue", value: function inputHasValidValue() { return this.props.saveTransform(this.state.incompleteTokenValue).length > 0; } }, { key: "renderTokensAndInput", value: function renderTokensAndInput() { var components = Object(external_lodash_["map"])(this.props.value, this.renderToken); components.splice(this.getIndexOfInput(), 0, this.renderInput()); return components; } }, { key: "renderToken", value: function renderToken(token, index, tokens) { var value = this.getTokenValue(token); var status = token.status ? token.status : undefined; var termPosition = index + 1; var termsCount = tokens.length; return Object(external_this_wp_element_["createElement"])(form_token_field_token, { key: 'token-' + value, value: value, status: status, title: token.title, displayTransform: this.props.displayTransform, onClickRemove: this.onTokenClickRemove, isBorderless: token.isBorderless || this.props.isBorderless, onMouseEnter: token.onMouseEnter, onMouseLeave: token.onMouseLeave, disabled: 'error' !== status && this.props.disabled, messages: this.props.messages, termsCount: termsCount, termPosition: termPosition }); } }, { key: "renderInput", value: function renderInput() { var _this$props = this.props, autoCapitalize = _this$props.autoCapitalize, autoComplete = _this$props.autoComplete, maxLength = _this$props.maxLength, value = _this$props.value, instanceId = _this$props.instanceId; var props = { instanceId: instanceId, autoCapitalize: autoCapitalize, autoComplete: autoComplete, ref: this.bindInput, key: 'input', disabled: this.props.disabled, value: this.state.incompleteTokenValue, onBlur: this.onBlur, isExpanded: this.state.isExpanded, selectedSuggestionIndex: this.state.selectedSuggestionIndex }; if (!(maxLength && value.length >= maxLength)) { props = Object(objectSpread["a" /* default */])({}, props, { onChange: this.onInputChange }); } return Object(external_this_wp_element_["createElement"])(token_input, props); } }, { key: "render", value: function render() { var _this$props2 = this.props, disabled = _this$props2.disabled, _this$props2$label = _this$props2.label, label = _this$props2$label === void 0 ? Object(external_this_wp_i18n_["__"])('Add item') : _this$props2$label, instanceId = _this$props2.instanceId, className = _this$props2.className; var isExpanded = this.state.isExpanded; var classes = classnames_default()(className, 'components-form-token-field__input-container', { 'is-active': this.state.isActive, 'is-disabled': disabled }); var tokenFieldProps = { className: 'components-form-token-field', tabIndex: '-1' }; var matchingSuggestions = this.getMatchingSuggestions(); if (!disabled) { tokenFieldProps = Object.assign({}, tokenFieldProps, { onKeyDown: this.onKeyDown, onKeyPress: this.onKeyPress, onFocus: this.onFocus }); } // Disable reason: There is no appropriate role which describes the // input container intended accessible usability. // TODO: Refactor click detection to use blur to stop propagation. /* eslint-disable jsx-a11y/no-static-element-interactions */ return Object(external_this_wp_element_["createElement"])("div", tokenFieldProps, Object(external_this_wp_element_["createElement"])("label", { htmlFor: "components-form-token-input-".concat(instanceId), className: "components-form-token-field__label" }, label), Object(external_this_wp_element_["createElement"])("div", { ref: this.bindTokensAndInput, className: classes, tabIndex: "-1", onMouseDown: this.onContainerTouched, onTouchStart: this.onContainerTouched }, this.renderTokensAndInput(), isExpanded && Object(external_this_wp_element_["createElement"])(suggestions_list, { instanceId: instanceId, match: this.props.saveTransform(this.state.incompleteTokenValue), displayTransform: this.props.displayTransform, suggestions: matchingSuggestions, selectedIndex: this.state.selectedSuggestionIndex, scrollIntoView: this.state.selectedSuggestionScroll, onHover: this.onSuggestionHovered, onSelect: this.onSuggestionSelected })), Object(external_this_wp_element_["createElement"])("div", { id: "components-form-token-suggestions-howto-".concat(instanceId), className: "screen-reader-text" }, Object(external_this_wp_i18n_["__"])('Separate with commas'))); /* eslint-enable jsx-a11y/no-static-element-interactions */ } }], [{ key: "getDerivedStateFromProps", value: function getDerivedStateFromProps(props, state) { if (!props.disabled || !state.isActive) { return null; } return { isActive: false, incompleteTokenValue: '' }; } }]); return FormTokenField; }(external_this_wp_element_["Component"]); form_token_field_FormTokenField.defaultProps = { suggestions: Object.freeze([]), maxSuggestions: 100, value: Object.freeze([]), displayTransform: external_lodash_["identity"], saveTransform: function saveTransform(token) { return token.trim(); }, onChange: function onChange() {}, onInputChange: function onInputChange() {}, isBorderless: false, disabled: false, tokenizeOnSpace: false, messages: { added: Object(external_this_wp_i18n_["__"])('Item added.'), removed: Object(external_this_wp_i18n_["__"])('Item removed.'), remove: Object(external_this_wp_i18n_["__"])('Remove item') } }; /* harmony default export */ var form_token_field = (with_spoken_messages(Object(external_this_wp_compose_["withInstanceId"])(form_token_field_FormTokenField))); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/icon/index.js /** * WordPress dependencies */ function Icon(_ref) { var _ref$icon = _ref.icon, icon = _ref$icon === void 0 ? null : _ref$icon, size = _ref.size, className = _ref.className; var iconSize; if ('string' === typeof icon) { // Dashicons should be 20x20 by default iconSize = size || 20; return Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: icon, size: iconSize, className: className }); } // Any other icons should be 24x24 by default iconSize = size || 24; if ('function' === typeof icon) { if (icon.prototype instanceof external_this_wp_element_["Component"]) { return Object(external_this_wp_element_["createElement"])(icon, { className: className, size: iconSize }); } return icon(); } if (icon && (icon.type === 'svg' || icon.type === svg_SVG)) { var appliedProps = Object(objectSpread["a" /* default */])({ className: className, width: iconSize, height: iconSize }, icon.props); return Object(external_this_wp_element_["createElement"])(svg_SVG, appliedProps); } if (Object(external_this_wp_element_["isValidElement"])(icon)) { return Object(external_this_wp_element_["cloneElement"])(icon, { className: className, size: iconSize }); } return icon; } /* harmony default export */ var build_module_icon = (Icon); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/menu-group/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function MenuGroup(_ref) { var children = _ref.children, _ref$className = _ref.className, className = _ref$className === void 0 ? '' : _ref$className, instanceId = _ref.instanceId, label = _ref.label; if (!external_this_wp_element_["Children"].count(children)) { return null; } var labelId = "components-menu-group-label-".concat(instanceId); var classNames = classnames_default()(className, 'components-menu-group'); return Object(external_this_wp_element_["createElement"])("div", { className: classNames }, label && Object(external_this_wp_element_["createElement"])("div", { className: "components-menu-group__label", id: labelId }, label), Object(external_this_wp_element_["createElement"])(menu, { orientation: "vertical", "aria-labelledby": labelId }, children)); } /* harmony default export */ var menu_group = (Object(external_this_wp_compose_["withInstanceId"])(MenuGroup)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/menu-item/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Renders a generic menu item for use inside the more menu. * * @return {WPElement} More menu item. */ function MenuItem(_ref) { var children = _ref.children, _ref$label = _ref.label, label = _ref$label === void 0 ? children : _ref$label, info = _ref.info, className = _ref.className, icon = _ref.icon, shortcut = _ref.shortcut, isSelected = _ref.isSelected, _ref$role = _ref.role, role = _ref$role === void 0 ? 'menuitem' : _ref$role, instanceId = _ref.instanceId, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children", "label", "info", "className", "icon", "shortcut", "isSelected", "role", "instanceId"]); className = classnames_default()('components-menu-item__button', className, { 'has-icon': icon }); // Avoid using label if it is passed as non-string children. label = Object(external_lodash_["isString"])(label) ? label : undefined; if (info) { var infoId = 'edit-post-feature-toggle__info-' + instanceId; // Deconstructed props is scoped to the function; mutation is fine. props['aria-describedby'] = infoId; children = Object(external_this_wp_element_["createElement"])("span", { className: "components-menu-item__info-wrapper" }, children, Object(external_this_wp_element_["createElement"])("span", { id: infoId, className: "components-menu-item__info" }, info)); } var tagName = build_module_button; if (icon) { if (!Object(external_lodash_["isString"])(icon)) { icon = Object(external_this_wp_element_["cloneElement"])(icon, { className: 'components-menu-items__item-icon', height: 20, width: 20 }); } tagName = icon_button; props.icon = icon; } return Object(external_this_wp_element_["createElement"])(tagName, Object(objectSpread["a" /* default */])({ 'aria-label': label, // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked 'aria-checked': role === 'menuitemcheckbox' || role === 'menuitemradio' ? isSelected : undefined, role: role, className: className }, props), children, Object(external_this_wp_element_["createElement"])(build_module_shortcut, { className: "components-menu-item__shortcut", shortcut: shortcut })); } /* harmony default export */ var menu_item = (Object(external_this_wp_compose_["withInstanceId"])(MenuItem)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/menu-items-choice/index.js /** * Internal dependencies */ function MenuItemsChoice(_ref) { var _ref$choices = _ref.choices, choices = _ref$choices === void 0 ? [] : _ref$choices, onSelect = _ref.onSelect, value = _ref.value; return choices.map(function (item) { var isSelected = value === item.value; return Object(external_this_wp_element_["createElement"])(menu_item, { key: item.value, role: "menuitemradio", icon: isSelected && 'yes', isSelected: isSelected, shortcut: item.shortcut, onClick: function onClick() { if (!isSelected) { onSelect(item.value); } } }, item.label); }); } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/modal/frame.js /** * WordPress dependencies */ /** * External dependencies */ /** * Internal dependencies */ var frame_ModalFrame = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(ModalFrame, _Component); function ModalFrame() { var _this; Object(classCallCheck["a" /* default */])(this, ModalFrame); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(ModalFrame).apply(this, arguments)); _this.containerRef = Object(external_this_wp_element_["createRef"])(); _this.handleKeyDown = _this.handleKeyDown.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.handleClickOutside = _this.handleClickOutside.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.focusFirstTabbable = _this.focusFirstTabbable.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } /** * Focuses the first tabbable element when props.focusOnMount is true. */ Object(createClass["a" /* default */])(ModalFrame, [{ key: "componentDidMount", value: function componentDidMount() { // Focus on mount if (this.props.focusOnMount) { this.focusFirstTabbable(); } } /** * Focuses the first tabbable element. */ }, { key: "focusFirstTabbable", value: function focusFirstTabbable() { var tabbables = external_this_wp_dom_["focus"].tabbable.find(this.containerRef.current); if (tabbables.length) { tabbables[0].focus(); } } /** * Callback function called when clicked outside the modal. * * @param {Object} event Mouse click event. */ }, { key: "handleClickOutside", value: function handleClickOutside(event) { if (this.props.shouldCloseOnClickOutside) { this.onRequestClose(event); } } /** * Callback function called when a key is pressed. * * @param {KeyboardEvent} event Key down event. */ }, { key: "handleKeyDown", value: function handleKeyDown(event) { if (event.keyCode === external_this_wp_keycodes_["ESCAPE"]) { this.handleEscapeKeyDown(event); } } /** * Handles a escape key down event. * * Calls onRequestClose and prevents default key press behaviour. * * @param {Object} event Key down event. */ }, { key: "handleEscapeKeyDown", value: function handleEscapeKeyDown(event) { if (this.props.shouldCloseOnEsc) { event.preventDefault(); this.onRequestClose(event); } } /** * Calls the onRequestClose callback props when it is available. * * @param {Object} event Event object. */ }, { key: "onRequestClose", value: function onRequestClose(event) { var onRequestClose = this.props.onRequestClose; if (onRequestClose) { onRequestClose(event); } } /** * Renders the modal frame element. * * @return {WPElement} The modal frame element. */ }, { key: "render", value: function render() { var _this$props = this.props, contentLabel = _this$props.contentLabel, _this$props$aria = _this$props.aria, describedby = _this$props$aria.describedby, labelledby = _this$props$aria.labelledby, children = _this$props.children, className = _this$props.className, role = _this$props.role, style = _this$props.style; return Object(external_this_wp_element_["createElement"])("div", { className: className, style: style, ref: this.containerRef, role: role, "aria-label": contentLabel, "aria-labelledby": contentLabel ? null : labelledby, "aria-describedby": describedby, tabIndex: "-1" }, children); } }]); return ModalFrame; }(external_this_wp_element_["Component"]); /* harmony default export */ var modal_frame = (Object(external_this_wp_compose_["compose"])([with_focus_return, with_constrained_tabbing, dist_default.a, Object(external_this_wp_compose_["withGlobalEvents"])({ keydown: 'handleKeyDown' })])(frame_ModalFrame)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/modal/header.js /** * WordPress dependencies */ /** * Internal dependencies. */ var header_ModalHeader = function ModalHeader(_ref) { var icon = _ref.icon, title = _ref.title, onClose = _ref.onClose, closeLabel = _ref.closeLabel, headingId = _ref.headingId, isDismissable = _ref.isDismissable; var label = closeLabel ? closeLabel : Object(external_this_wp_i18n_["__"])('Close dialog'); return Object(external_this_wp_element_["createElement"])("div", { className: "components-modal__header" }, Object(external_this_wp_element_["createElement"])("div", { className: "components-modal__header-heading-container" }, icon && Object(external_this_wp_element_["createElement"])("span", { className: "components-modal__icon-container", "aria-hidden": true }, icon), title && Object(external_this_wp_element_["createElement"])("h1", { id: headingId, className: "components-modal__header-heading" }, title)), isDismissable && Object(external_this_wp_element_["createElement"])(icon_button, { onClick: onClose, icon: "no-alt", label: label })); }; /* harmony default export */ var modal_header = (header_ModalHeader); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/modal/aria-helper.js /** * External dependencies */ var LIVE_REGION_ARIA_ROLES = new Set(['alert', 'status', 'log', 'marquee', 'timer']); var hiddenElements = [], isHidden = false; /** * Hides all elements in the body element from screen-readers except * the provided element and elements that should not be hidden from * screen-readers. * * The reason we do this is because `aria-modal="true"` currently is bugged * in Safari, and support is spotty in other browsers overall. In the future * we should consider removing these helper functions in favor of * `aria-modal="true"`. * * @param {Element} unhiddenElement The element that should not be hidden. */ function hideApp(unhiddenElement) { if (isHidden) { return; } var elements = document.body.children; Object(external_lodash_["forEach"])(elements, function (element) { if (element === unhiddenElement) { return; } if (elementShouldBeHidden(element)) { element.setAttribute('aria-hidden', 'true'); hiddenElements.push(element); } }); isHidden = true; } /** * Determines if the passed element should not be hidden from screen readers. * * @param {HTMLElement} element The element that should be checked. * * @return {boolean} Whether the element should not be hidden from screen-readers. */ function elementShouldBeHidden(element) { var role = element.getAttribute('role'); return !(element.tagName === 'SCRIPT' || element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || LIVE_REGION_ARIA_ROLES.has(role)); } /** * Makes all elements in the body that have been hidden by `hideApp` * visible again to screen-readers. */ function showApp() { if (!isHidden) { return; } Object(external_lodash_["forEach"])(hiddenElements, function (element) { element.removeAttribute('aria-hidden'); }); hiddenElements = []; isHidden = false; } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/modal/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ // Used to count the number of open modals. var parentElement, openModalCount = 0; var modal_Modal = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Modal, _Component); function Modal(props) { var _this; Object(classCallCheck["a" /* default */])(this, Modal); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Modal).call(this, props)); _this.prepareDOM(); return _this; } /** * Appends the modal's node to the DOM, so the portal can render the * modal in it. Also calls the openFirstModal when this is the first modal to be * opened. */ Object(createClass["a" /* default */])(Modal, [{ key: "componentDidMount", value: function componentDidMount() { openModalCount++; if (openModalCount === 1) { this.openFirstModal(); } } /** * Removes the modal's node from the DOM. Also calls closeLastModal when this is * the last modal to be closed. */ }, { key: "componentWillUnmount", value: function componentWillUnmount() { openModalCount--; if (openModalCount === 0) { this.closeLastModal(); } this.cleanDOM(); } /** * Prepares the DOM for the modals to be rendered. * * Every modal is mounted in a separate div appended to a parent div * that is appended to the document body. * * The parent div will be created if it does not yet exist, and the * separate div for this specific modal will be appended to that. */ }, { key: "prepareDOM", value: function prepareDOM() { if (!parentElement) { parentElement = document.createElement('div'); document.body.appendChild(parentElement); } this.node = document.createElement('div'); parentElement.appendChild(this.node); } /** * Removes the specific mounting point for this modal from the DOM. */ }, { key: "cleanDOM", value: function cleanDOM() { parentElement.removeChild(this.node); } /** * Prepares the DOM for this modal and any additional modal to be mounted. * * It appends an additional div to the body for the modals to be rendered in, * it hides any other elements from screen-readers and adds an additional class * to the body to prevent scrolling while the modal is open. */ }, { key: "openFirstModal", value: function openFirstModal() { hideApp(parentElement); document.body.classList.add(this.props.bodyOpenClassName); } /** * Cleans up the DOM after the last modal is closed and makes the app available * for screen-readers again. */ }, { key: "closeLastModal", value: function closeLastModal() { document.body.classList.remove(this.props.bodyOpenClassName); showApp(); } /** * Renders the modal. * * @return {WPElement} The modal element. */ }, { key: "render", value: function render() { var _this$props = this.props, overlayClassName = _this$props.overlayClassName, className = _this$props.className, onRequestClose = _this$props.onRequestClose, title = _this$props.title, icon = _this$props.icon, closeButtonLabel = _this$props.closeButtonLabel, children = _this$props.children, aria = _this$props.aria, instanceId = _this$props.instanceId, isDismissable = _this$props.isDismissable, otherProps = Object(objectWithoutProperties["a" /* default */])(_this$props, ["overlayClassName", "className", "onRequestClose", "title", "icon", "closeButtonLabel", "children", "aria", "instanceId", "isDismissable"]); var headingId = aria.labelledby || "components-modal-header-".concat(instanceId); // Disable reason: this stops mouse events from triggering tooltips and // other elements underneath the modal overlay. /* eslint-disable jsx-a11y/no-static-element-interactions */ return Object(external_this_wp_element_["createPortal"])(Object(external_this_wp_element_["createElement"])(isolated_event_container, { className: classnames_default()('components-modal__screen-overlay', overlayClassName) }, Object(external_this_wp_element_["createElement"])(modal_frame, Object(esm_extends["a" /* default */])({ className: classnames_default()('components-modal__frame', className), onRequestClose: onRequestClose, aria: { labelledby: title ? headingId : null, describedby: aria.describedby } }, otherProps), Object(external_this_wp_element_["createElement"])("div", { className: 'components-modal__content', tabIndex: "0" }, Object(external_this_wp_element_["createElement"])(modal_header, { closeLabel: closeButtonLabel, headingId: headingId, icon: icon, isDismissable: isDismissable, onClose: onRequestClose, title: title }), children))), this.node); /* eslint-enable jsx-a11y/no-static-element-interactions */ } }]); return Modal; }(external_this_wp_element_["Component"]); modal_Modal.defaultProps = { bodyOpenClassName: 'modal-open', role: 'dialog', title: null, onRequestClose: external_lodash_["noop"], focusOnMount: true, shouldCloseOnEsc: true, shouldCloseOnClickOutside: true, isDismissable: true, /* accessibility */ aria: { labelledby: null, describedby: null } }; /* harmony default export */ var modal = (Object(external_this_wp_compose_["withInstanceId"])(modal_Modal)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/notice/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function Notice(_ref) { var className = _ref.className, status = _ref.status, children = _ref.children, _ref$onRemove = _ref.onRemove, onRemove = _ref$onRemove === void 0 ? external_lodash_["noop"] : _ref$onRemove, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, _ref$actions = _ref.actions, actions = _ref$actions === void 0 ? [] : _ref$actions, __unstableHTML = _ref.__unstableHTML; var classes = classnames_default()(className, 'components-notice', 'is-' + status, { 'is-dismissible': isDismissible }); if (__unstableHTML) { children = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["RawHTML"], null, children); } return Object(external_this_wp_element_["createElement"])("div", { className: classes }, Object(external_this_wp_element_["createElement"])("div", { className: "components-notice__content" }, children, actions.map(function (_ref2, index) { var label = _ref2.label, url = _ref2.url, onClick = _ref2.onClick; return Object(external_this_wp_element_["createElement"])(build_module_button, { key: index, href: url, isLink: !!url, onClick: onClick, className: "components-notice__action" }, label); })), isDismissible && Object(external_this_wp_element_["createElement"])(icon_button, { className: "components-notice__dismiss", icon: "no", label: Object(external_this_wp_i18n_["__"])('Dismiss this notice'), onClick: onRemove, tooltip: false })); } /* harmony default export */ var build_module_notice = (Notice); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/notice/list.js /** * External dependencies */ /** * Internal dependencies */ /** * Renders a list of notices. * * @param {Object} $0 Props passed to the component. * @param {Array} $0.notices Array of notices to render. * @param {Function} $0.onRemove Function called when a notice should be removed / dismissed. * @param {Object} $0.className Name of the class used by the component. * @param {Object} $0.children Array of children to be rendered inside the notice list. * @return {Object} The rendered notices list. */ function NoticeList(_ref) { var notices = _ref.notices, _ref$onRemove = _ref.onRemove, onRemove = _ref$onRemove === void 0 ? external_lodash_["noop"] : _ref$onRemove, _ref$className = _ref.className, className = _ref$className === void 0 ? 'components-notice-list' : _ref$className, children = _ref.children; var removeNotice = function removeNotice(id) { return function () { return onRemove(id); }; }; return Object(external_this_wp_element_["createElement"])("div", { className: className }, children, Object(toConsumableArray["a" /* default */])(notices).reverse().map(function (notice) { return Object(external_this_wp_element_["createElement"])(build_module_notice, Object(esm_extends["a" /* default */])({}, Object(external_lodash_["omit"])(notice, ['content']), { key: notice.id, onRemove: removeNotice(notice.id) }), notice.content); })); } /* harmony default export */ var list = (NoticeList); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/header.js function PanelHeader(_ref) { var label = _ref.label, children = _ref.children; return Object(external_this_wp_element_["createElement"])("div", { className: "components-panel__header" }, label && Object(external_this_wp_element_["createElement"])("h2", null, label), children); } /* harmony default export */ var panel_header = (PanelHeader); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/index.js /** * External dependencies */ /** * Internal dependencies */ function Panel(_ref) { var header = _ref.header, className = _ref.className, children = _ref.children; var classNames = classnames_default()(className, 'components-panel'); return Object(external_this_wp_element_["createElement"])("div", { className: classNames }, header && Object(external_this_wp_element_["createElement"])(panel_header, { label: header }), children); } /* harmony default export */ var panel = (Panel); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/body.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var body_PanelBody = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(PanelBody, _Component); function PanelBody(props) { var _this; Object(classCallCheck["a" /* default */])(this, PanelBody); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(PanelBody).apply(this, arguments)); _this.state = { opened: props.initialOpen === undefined ? true : props.initialOpen }; _this.toggle = _this.toggle.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(PanelBody, [{ key: "toggle", value: function toggle(event) { event.preventDefault(); if (this.props.opened === undefined) { this.setState(function (state) { return { opened: !state.opened }; }); } if (this.props.onToggle) { this.props.onToggle(); } } }, { key: "render", value: function render() { var _this$props = this.props, title = _this$props.title, children = _this$props.children, opened = _this$props.opened, className = _this$props.className, icon = _this$props.icon, forwardedRef = _this$props.forwardedRef; var isOpened = opened === undefined ? this.state.opened : opened; var classes = classnames_default()('components-panel__body', className, { 'is-opened': isOpened }); return Object(external_this_wp_element_["createElement"])("div", { className: classes, ref: forwardedRef }, !!title && Object(external_this_wp_element_["createElement"])("h2", { className: "components-panel__body-title" }, Object(external_this_wp_element_["createElement"])(build_module_button, { className: "components-panel__body-toggle", onClick: this.toggle, "aria-expanded": isOpened }, Object(external_this_wp_element_["createElement"])("span", { "aria-hidden": "true" }, isOpened ? Object(external_this_wp_element_["createElement"])(svg_SVG, { className: "components-panel__arrow", width: "24px", height: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, Object(external_this_wp_element_["createElement"])(svg_G, null, Object(external_this_wp_element_["createElement"])(svg_Path, { fill: "none", d: "M0,0h24v24H0V0z" })), Object(external_this_wp_element_["createElement"])(svg_G, null, Object(external_this_wp_element_["createElement"])(svg_Path, { d: "M12,8l-6,6l1.41,1.41L12,10.83l4.59,4.58L18,14L12,8z" }))) : Object(external_this_wp_element_["createElement"])(svg_SVG, { className: "components-panel__arrow", width: "24px", height: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, Object(external_this_wp_element_["createElement"])(svg_G, null, Object(external_this_wp_element_["createElement"])(svg_Path, { fill: "none", d: "M0,0h24v24H0V0z" })), Object(external_this_wp_element_["createElement"])(svg_G, null, Object(external_this_wp_element_["createElement"])(svg_Path, { d: "M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z" })))), title, icon && Object(external_this_wp_element_["createElement"])(build_module_icon, { icon: icon, className: "components-panel__icon", size: 20 }))), isOpened && children); } }]); return PanelBody; }(external_this_wp_element_["Component"]); var body_forwardedPanelBody = function forwardedPanelBody(props, ref) { return Object(external_this_wp_element_["createElement"])(body_PanelBody, Object(esm_extends["a" /* default */])({}, props, { forwardedRef: ref })); }; body_forwardedPanelBody.displayName = 'PanelBody'; /* harmony default export */ var panel_body = (Object(external_this_wp_element_["forwardRef"])(body_forwardedPanelBody)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/row.js /** * External dependencies */ function PanelRow(_ref) { var className = _ref.className, children = _ref.children; var classes = classnames_default()('components-panel__row', className); return Object(external_this_wp_element_["createElement"])("div", { className: classes }, children); } /* harmony default export */ var row = (PanelRow); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/placeholder/index.js /** * External dependencies */ /** * Internal dependencies */ /** * Renders a placeholder. Normally used by blocks to render their empty state. * * @param {Object} props The component props. * @return {Object} The rendered placeholder. */ function Placeholder(_ref) { var icon = _ref.icon, children = _ref.children, label = _ref.label, instructions = _ref.instructions, className = _ref.className, notices = _ref.notices, additionalProps = Object(objectWithoutProperties["a" /* default */])(_ref, ["icon", "children", "label", "instructions", "className", "notices"]); var classes = classnames_default()('components-placeholder', className); return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({}, additionalProps, { className: classes }), notices, Object(external_this_wp_element_["createElement"])("div", { className: "components-placeholder__label" }, Object(external_lodash_["isString"])(icon) ? Object(external_this_wp_element_["createElement"])(dashicon_Dashicon, { icon: icon }) : icon, label), !!instructions && Object(external_this_wp_element_["createElement"])("div", { className: "components-placeholder__instructions" }, instructions), Object(external_this_wp_element_["createElement"])("div", { className: "components-placeholder__fieldset" }, children)); } /* harmony default export */ var placeholder = (Placeholder); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/query-controls/terms.js /** * External dependencies */ /** * Returns terms in a tree form. * * @param {Array} flatTerms Array of terms in flat format. * * @return {Array} Array of terms in tree format. */ function buildTermsTree(flatTerms) { var termsByParent = Object(external_lodash_["groupBy"])(flatTerms, 'parent'); var fillWithChildren = function fillWithChildren(terms) { return terms.map(function (term) { var children = termsByParent[term.id]; return Object(objectSpread["a" /* default */])({}, term, { children: children && children.length ? fillWithChildren(children) : [] }); }); }; return fillWithChildren(termsByParent['0'] || []); } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tree-select/index.js /** * External dependencies */ /** * Internal dependencies */ function getSelectOptions(tree) { var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; return Object(external_lodash_["flatMap"])(tree, function (treeNode) { return [{ value: treeNode.id, label: Object(external_lodash_["repeat"])("\xA0", level * 3) + Object(external_lodash_["unescape"])(treeNode.name) }].concat(Object(toConsumableArray["a" /* default */])(getSelectOptions(treeNode.children || [], level + 1))); }); } function TreeSelect(_ref) { var label = _ref.label, noOptionLabel = _ref.noOptionLabel, onChange = _ref.onChange, selectedId = _ref.selectedId, tree = _ref.tree, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["label", "noOptionLabel", "onChange", "selectedId", "tree"]); var options = Object(external_lodash_["compact"])([noOptionLabel && { value: '', label: noOptionLabel }].concat(Object(toConsumableArray["a" /* default */])(getSelectOptions(tree)))); return Object(external_this_wp_element_["createElement"])(select_control, Object(esm_extends["a" /* default */])({ label: label, options: options, onChange: onChange }, { value: selectedId }, props)); } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/query-controls/category-select.js /** * Internal dependencies */ function CategorySelect(_ref) { var label = _ref.label, noOptionLabel = _ref.noOptionLabel, categoriesList = _ref.categoriesList, selectedCategoryId = _ref.selectedCategoryId, onChange = _ref.onChange; var termsTree = buildTermsTree(categoriesList); return Object(external_this_wp_element_["createElement"])(TreeSelect, Object(esm_extends["a" /* default */])({ label: label, noOptionLabel: noOptionLabel, onChange: onChange }, { tree: termsTree, selectedId: selectedCategoryId })); } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/query-controls/index.js /** * WordPress dependencies */ /** * Internal dependencies */ var DEFAULT_MIN_ITEMS = 1; var DEFAULT_MAX_ITEMS = 100; function QueryControls(_ref) { var categoriesList = _ref.categoriesList, selectedCategoryId = _ref.selectedCategoryId, numberOfItems = _ref.numberOfItems, order = _ref.order, orderBy = _ref.orderBy, _ref$maxItems = _ref.maxItems, maxItems = _ref$maxItems === void 0 ? DEFAULT_MAX_ITEMS : _ref$maxItems, _ref$minItems = _ref.minItems, minItems = _ref$minItems === void 0 ? DEFAULT_MIN_ITEMS : _ref$minItems, onCategoryChange = _ref.onCategoryChange, onNumberOfItemsChange = _ref.onNumberOfItemsChange, onOrderChange = _ref.onOrderChange, onOrderByChange = _ref.onOrderByChange; return [onOrderChange && onOrderByChange && Object(external_this_wp_element_["createElement"])(select_control, { key: "query-controls-order-select", label: Object(external_this_wp_i18n_["__"])('Order by'), value: "".concat(orderBy, "/").concat(order), options: [{ label: Object(external_this_wp_i18n_["__"])('Newest to Oldest'), value: 'date/desc' }, { label: Object(external_this_wp_i18n_["__"])('Oldest to Newest'), value: 'date/asc' }, { /* translators: label for ordering posts by title in ascending order */ label: Object(external_this_wp_i18n_["__"])('A → Z'), value: 'title/asc' }, { /* translators: label for ordering posts by title in descending order */ label: Object(external_this_wp_i18n_["__"])('Z → A'), value: 'title/desc' }], onChange: function onChange(value) { var _value$split = value.split('/'), _value$split2 = Object(slicedToArray["a" /* default */])(_value$split, 2), newOrderBy = _value$split2[0], newOrder = _value$split2[1]; if (newOrder !== order) { onOrderChange(newOrder); } if (newOrderBy !== orderBy) { onOrderByChange(newOrderBy); } } }), onCategoryChange && Object(external_this_wp_element_["createElement"])(CategorySelect, { key: "query-controls-category-select", categoriesList: categoriesList, label: Object(external_this_wp_i18n_["__"])('Category'), noOptionLabel: Object(external_this_wp_i18n_["__"])('All'), selectedCategoryId: selectedCategoryId, onChange: onCategoryChange }), onNumberOfItemsChange && Object(external_this_wp_element_["createElement"])(range_control, { key: "query-controls-range-control", label: Object(external_this_wp_i18n_["__"])('Number of items'), value: numberOfItems, onChange: onNumberOfItemsChange, min: minItems, max: maxItems })]; } // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/radio-control/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function RadioControl(_ref) { var label = _ref.label, className = _ref.className, selected = _ref.selected, help = _ref.help, instanceId = _ref.instanceId, onChange = _ref.onChange, _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options; var id = "inspector-radio-control-".concat(instanceId); var onChangeValue = function onChangeValue(event) { return onChange(event.target.value); }; return !Object(external_lodash_["isEmpty"])(options) && Object(external_this_wp_element_["createElement"])(base_control, { label: label, id: id, help: help, className: classnames_default()(className, 'components-radio-control') }, options.map(function (option, index) { return Object(external_this_wp_element_["createElement"])("div", { key: "".concat(id, "-").concat(index), className: "components-radio-control__option" }, Object(external_this_wp_element_["createElement"])("input", { id: "".concat(id, "-").concat(index), className: "components-radio-control__input", type: "radio", name: id, value: option.value, onChange: onChangeValue, checked: option.value === selected, "aria-describedby": !!help ? "".concat(id, "__help") : undefined }), Object(external_this_wp_element_["createElement"])("label", { htmlFor: "".concat(id, "-").concat(index) }, option.label)); })); } /* harmony default export */ var radio_control = (Object(external_this_wp_compose_["withInstanceId"])(RadioControl)); // EXTERNAL MODULE: external "React" var external_React_ = __webpack_require__(26); // CONCATENATED MODULE: ./node_modules/re-resizable/lib/index.js var lib_classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; var lib_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; }; }(); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var lib_inherits = function (subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }; var lib_possibleConstructorReturn = function (self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }; var styles = { base: { position: 'absolute', userSelect: 'none', MsUserSelect: 'none' }, top: { width: '100%', height: '10px', top: '-5px', left: '0px', cursor: 'row-resize' }, right: { width: '10px', height: '100%', top: '0px', right: '-5px', cursor: 'col-resize' }, bottom: { width: '100%', height: '10px', bottom: '-5px', left: '0px', cursor: 'row-resize' }, left: { width: '10px', height: '100%', top: '0px', left: '-5px', cursor: 'col-resize' }, topRight: { width: '20px', height: '20px', position: 'absolute', right: '-10px', top: '-10px', cursor: 'ne-resize' }, bottomRight: { width: '20px', height: '20px', position: 'absolute', right: '-10px', bottom: '-10px', cursor: 'se-resize' }, bottomLeft: { width: '20px', height: '20px', position: 'absolute', left: '-10px', bottom: '-10px', cursor: 'sw-resize' }, topLeft: { width: '20px', height: '20px', position: 'absolute', left: '-10px', top: '-10px', cursor: 'nw-resize' } }; var Resizer = (function (props) { return Object(external_React_["createElement"])( 'div', { className: props.className, style: _extends({}, styles.base, styles[props.direction], props.replaceStyles || {}), onMouseDown: function onMouseDown(e) { props.onResizeStart(e, props.direction); }, onTouchStart: function onTouchStart(e) { props.onResizeStart(e, props.direction); } }, props.children ); }); var userSelectNone = { userSelect: 'none', MozUserSelect: 'none', WebkitUserSelect: 'none', MsUserSelect: 'none' }; var userSelectAuto = { userSelect: 'auto', MozUserSelect: 'auto', WebkitUserSelect: 'auto', MsUserSelect: 'auto' }; var clamp = function clamp(n, min, max) { return Math.max(Math.min(n, max), min); }; var snap = function snap(n, size) { return Math.round(n / size) * size; }; var findClosestSnap = function findClosestSnap(n, snapArray) { return snapArray.reduce(function (prev, curr) { return Math.abs(curr - n) < Math.abs(prev - n) ? curr : prev; }); }; var endsWith = function endsWith(str, searchStr) { return str.substr(str.length - searchStr.length, searchStr.length) === searchStr; }; var getStringSize = function getStringSize(n) { if (n.toString() === 'auto') return n.toString(); if (endsWith(n.toString(), 'px')) return n.toString(); if (endsWith(n.toString(), '%')) return n.toString(); if (endsWith(n.toString(), 'vh')) return n.toString(); if (endsWith(n.toString(), 'vw')) return n.toString(); if (endsWith(n.toString(), 'vmax')) return n.toString(); if (endsWith(n.toString(), 'vmin')) return n.toString(); return n + 'px'; }; var definedProps = ['style', 'className', 'grid', 'snap', 'bounds', 'size', 'defaultSize', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'lockAspectRatio', 'lockAspectRatioExtraWidth', 'lockAspectRatioExtraHeight', 'enable', 'handleStyles', 'handleClasses', 'handleWrapperStyle', 'handleWrapperClass', 'children', 'onResizeStart', 'onResize', 'onResizeStop', 'handleComponent', 'scale', 'resizeRatio']; var baseClassName = '__resizable_base__'; var lib_Resizable = function (_React$Component) { lib_inherits(Resizable, _React$Component); function Resizable(props) { lib_classCallCheck(this, Resizable); var _this = lib_possibleConstructorReturn(this, (Resizable.__proto__ || Object.getPrototypeOf(Resizable)).call(this, props)); _this.state = { isResizing: false, resizeCursor: 'auto', width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.width, height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.height, direction: 'right', original: { x: 0, y: 0, width: 0, height: 0 } }; _this.updateExtendsProps(props); _this.onResizeStart = _this.onResizeStart.bind(_this); _this.onMouseMove = _this.onMouseMove.bind(_this); _this.onMouseUp = _this.onMouseUp.bind(_this); if (typeof window !== 'undefined') { window.addEventListener('mouseup', _this.onMouseUp); window.addEventListener('mousemove', _this.onMouseMove); window.addEventListener('mouseleave', _this.onMouseUp); window.addEventListener('touchmove', _this.onMouseMove); window.addEventListener('touchend', _this.onMouseUp); } return _this; } lib_createClass(Resizable, [{ key: 'updateExtendsProps', value: function updateExtendsProps(props) { this.extendsProps = Object.keys(props).reduce(function (acc, key) { if (definedProps.indexOf(key) !== -1) return acc; acc[key] = props[key]; return acc; }, {}); } }, { key: 'getParentSize', value: function getParentSize() { var base = this.base; if (!base) return { width: window.innerWidth, height: window.innerHeight }; // INFO: To calculate parent width with flex layout var wrapChanged = false; var wrap = this.parentNode.style.flexWrap; var minWidth = base.style.minWidth; if (wrap !== 'wrap') { wrapChanged = true; this.parentNode.style.flexWrap = 'wrap'; // HACK: Use relative to get parent padding size } base.style.position = 'relative'; base.style.minWidth = '100%'; var size = { width: base.offsetWidth, height: base.offsetHeight }; base.style.position = 'absolute'; if (wrapChanged) this.parentNode.style.flexWrap = wrap; base.style.minWidth = minWidth; return size; } }, { key: 'componentDidMount', value: function componentDidMount() { var size = this.size; this.setState({ width: this.state.width || size.width, height: this.state.height || size.height }); var parent = this.parentNode; if (!(parent instanceof HTMLElement)) return; if (this.base) return; var element = document.createElement('div'); element.style.width = '100%'; element.style.height = '100%'; element.style.position = 'absolute'; element.style.transform = 'scale(0, 0)'; element.style.left = '0'; element.style.flex = '0'; if (element.classList) { element.classList.add(baseClassName); } else { element.className += baseClassName; } parent.appendChild(element); } }, { key: 'componentWillReceiveProps', value: function componentWillReceiveProps(next) { this.updateExtendsProps(next); } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { if (typeof window !== 'undefined') { window.removeEventListener('mouseup', this.onMouseUp); window.removeEventListener('mousemove', this.onMouseMove); window.removeEventListener('mouseleave', this.onMouseUp); window.removeEventListener('touchmove', this.onMouseMove); window.removeEventListener('touchend', this.onMouseUp); var parent = this.parentNode; var base = this.base; if (!base || !parent) return; if (!(parent instanceof HTMLElement) || !(base instanceof Node)) return; parent.removeChild(base); } } }, { key: 'calculateNewSize', value: function calculateNewSize(newSize, kind) { var propsSize = this.propsSize && this.propsSize[kind]; return this.state[kind] === 'auto' && this.state.original[kind] === newSize && (typeof propsSize === 'undefined' || propsSize === 'auto') ? 'auto' : newSize; } }, { key: 'onResizeStart', value: function onResizeStart(event, direction) { var clientX = 0; var clientY = 0; if (event.nativeEvent instanceof MouseEvent) { clientX = event.nativeEvent.clientX; clientY = event.nativeEvent.clientY; // When user click with right button the resize is stuck in resizing mode // until users clicks again, dont continue if right click is used. // HACK: MouseEvent does not have `which` from flow-bin v0.68. if (event.nativeEvent.which === 3) { return; } } else if (event.nativeEvent instanceof TouchEvent) { clientX = event.nativeEvent.touches[0].clientX; clientY = event.nativeEvent.touches[0].clientY; } if (this.props.onResizeStart) { this.props.onResizeStart(event, direction, this.resizable); } // Fix #168 if (this.props.size) { if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) { this.setState({ height: this.props.size.height }); } if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) { this.setState({ width: this.props.size.width }); } } this.setState({ original: { x: clientX, y: clientY, width: this.size.width, height: this.size.height }, isResizing: true, resizeCursor: window.getComputedStyle(event.target).cursor, direction: direction }); } }, { key: 'onMouseMove', value: function onMouseMove(event) { if (!this.state.isResizing) return; var clientX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX; var clientY = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY; var _state = this.state, direction = _state.direction, original = _state.original, width = _state.width, height = _state.height; var _props = this.props, lockAspectRatio = _props.lockAspectRatio, lockAspectRatioExtraHeight = _props.lockAspectRatioExtraHeight, lockAspectRatioExtraWidth = _props.lockAspectRatioExtraWidth; var scale = this.props.scale || 1; var _props2 = this.props, maxWidth = _props2.maxWidth, maxHeight = _props2.maxHeight, minWidth = _props2.minWidth, minHeight = _props2.minHeight; var resizeRatio = this.props.resizeRatio || 1; // TODO: refactor var parentSize = this.getParentSize(); if (maxWidth && typeof maxWidth === 'string' && endsWith(maxWidth, '%')) { var _ratio = Number(maxWidth.replace('%', '')) / 100; maxWidth = parentSize.width * _ratio; } if (maxHeight && typeof maxHeight === 'string' && endsWith(maxHeight, '%')) { var _ratio2 = Number(maxHeight.replace('%', '')) / 100; maxHeight = parentSize.height * _ratio2; } if (minWidth && typeof minWidth === 'string' && endsWith(minWidth, '%')) { var _ratio3 = Number(minWidth.replace('%', '')) / 100; minWidth = parentSize.width * _ratio3; } if (minHeight && typeof minHeight === 'string' && endsWith(minHeight, '%')) { var _ratio4 = Number(minHeight.replace('%', '')) / 100; minHeight = parentSize.height * _ratio4; } maxWidth = typeof maxWidth === 'undefined' ? undefined : Number(maxWidth); maxHeight = typeof maxHeight === 'undefined' ? undefined : Number(maxHeight); minWidth = typeof minWidth === 'undefined' ? undefined : Number(minWidth); minHeight = typeof minHeight === 'undefined' ? undefined : Number(minHeight); var ratio = typeof lockAspectRatio === 'number' ? lockAspectRatio : original.width / original.height; var newWidth = original.width; var newHeight = original.height; if (/right/i.test(direction)) { newWidth = original.width + (clientX - original.x) * resizeRatio / scale; if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight; } if (/left/i.test(direction)) { newWidth = original.width - (clientX - original.x) * resizeRatio / scale; if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight; } if (/bottom/i.test(direction)) { newHeight = original.height + (clientY - original.y) * resizeRatio / scale; if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth; } if (/top/i.test(direction)) { newHeight = original.height - (clientY - original.y) * resizeRatio / scale; if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth; } if (this.props.bounds === 'parent') { var parent = this.parentNode; if (parent instanceof HTMLElement) { var parentRect = parent.getBoundingClientRect(); var parentLeft = parentRect.left; var parentTop = parentRect.top; var _resizable$getBoundin = this.resizable.getBoundingClientRect(), _left = _resizable$getBoundin.left, _top = _resizable$getBoundin.top; var boundWidth = parent.offsetWidth + (parentLeft - _left); var boundHeight = parent.offsetHeight + (parentTop - _top); maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth; maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight; } } else if (this.props.bounds === 'window') { if (typeof window !== 'undefined') { var _resizable$getBoundin2 = this.resizable.getBoundingClientRect(), _left2 = _resizable$getBoundin2.left, _top2 = _resizable$getBoundin2.top; var _boundWidth = window.innerWidth - _left2; var _boundHeight = window.innerHeight - _top2; maxWidth = maxWidth && maxWidth < _boundWidth ? maxWidth : _boundWidth; maxHeight = maxHeight && maxHeight < _boundHeight ? maxHeight : _boundHeight; } } else if (this.props.bounds instanceof HTMLElement) { var targetRect = this.props.bounds.getBoundingClientRect(); var targetLeft = targetRect.left; var targetTop = targetRect.top; var _resizable$getBoundin3 = this.resizable.getBoundingClientRect(), _left3 = _resizable$getBoundin3.left, _top3 = _resizable$getBoundin3.top; if (!(this.props.bounds instanceof HTMLElement)) return; var _boundWidth2 = this.props.bounds.offsetWidth + (targetLeft - _left3); var _boundHeight2 = this.props.bounds.offsetHeight + (targetTop - _top3); maxWidth = maxWidth && maxWidth < _boundWidth2 ? maxWidth : _boundWidth2; maxHeight = maxHeight && maxHeight < _boundHeight2 ? maxHeight : _boundHeight2; } var computedMinWidth = typeof minWidth === 'undefined' ? 10 : minWidth; var computedMaxWidth = typeof maxWidth === 'undefined' || maxWidth < 0 ? newWidth : maxWidth; var computedMinHeight = typeof minHeight === 'undefined' ? 10 : minHeight; var computedMaxHeight = typeof maxHeight === 'undefined' || maxHeight < 0 ? newHeight : maxHeight; if (lockAspectRatio) { var extraMinWidth = (computedMinHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth; var extraMaxWidth = (computedMaxHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth; var extraMinHeight = (computedMinWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight; var extraMaxHeight = (computedMaxWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight; var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth); var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth); var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight); var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight); newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth); newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight); } else { newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth); newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight); } if (this.props.grid) { newWidth = snap(newWidth, this.props.grid[0]); } if (this.props.grid) { newHeight = snap(newHeight, this.props.grid[1]); } if (this.props.snap && this.props.snap.x) { newWidth = findClosestSnap(newWidth, this.props.snap.x); } if (this.props.snap && this.props.snap.y) { newHeight = findClosestSnap(newHeight, this.props.snap.y); } var delta = { width: newWidth - original.width, height: newHeight - original.height }; if (width && typeof width === 'string' && endsWith(width, '%')) { var percent = newWidth / parentSize.width * 100; newWidth = percent + '%'; } if (height && typeof height === 'string' && endsWith(height, '%')) { var _percent = newHeight / parentSize.height * 100; newHeight = _percent + '%'; } this.setState({ width: this.calculateNewSize(newWidth, 'width'), height: this.calculateNewSize(newHeight, 'height') }); if (this.props.onResize) { this.props.onResize(event, direction, this.resizable, delta); } } }, { key: 'onMouseUp', value: function onMouseUp(event) { var _state2 = this.state, isResizing = _state2.isResizing, direction = _state2.direction, original = _state2.original; if (!isResizing) return; var delta = { width: this.size.width - original.width, height: this.size.height - original.height }; if (this.props.onResizeStop) { this.props.onResizeStop(event, direction, this.resizable, delta); } if (this.props.size) { this.setState(this.props.size); } this.setState({ isResizing: false, resizeCursor: 'auto' }); } }, { key: 'updateSize', value: function updateSize(size) { this.setState({ width: size.width, height: size.height }); } }, { key: 'renderResizer', value: function renderResizer() { var _this2 = this; var _props3 = this.props, enable = _props3.enable, handleStyles = _props3.handleStyles, handleClasses = _props3.handleClasses, handleWrapperStyle = _props3.handleWrapperStyle, handleWrapperClass = _props3.handleWrapperClass, handleComponent = _props3.handleComponent; if (!enable) return null; var resizers = Object.keys(enable).map(function (dir) { if (enable[dir] !== false) { return Object(external_React_["createElement"])( Resizer, { key: dir, direction: dir, onResizeStart: _this2.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? Object(external_React_["createElement"])(handleComponent[dir]) : null ); } return null; }); // #93 Wrap the resize box in span (will not break 100% width/height) return Object(external_React_["createElement"])( 'span', { className: handleWrapperClass, style: handleWrapperStyle }, resizers ); } }, { key: 'render', value: function render() { var _this3 = this; var userSelect = this.state.isResizing ? userSelectNone : userSelectAuto; return Object(external_React_["createElement"])( 'div', _extends({ ref: function ref(c) { if (c) { _this3.resizable = c; } }, style: _extends({ position: 'relative' }, userSelect, this.props.style, this.sizeStyle, { maxWidth: this.props.maxWidth, maxHeight: this.props.maxHeight, minWidth: this.props.minWidth, minHeight: this.props.minHeight, boxSizing: 'border-box' }), className: this.props.className }, this.extendsProps), this.state.isResizing && Object(external_React_["createElement"])('div', { style: { height: '100%', width: '100%', backgroundColor: 'rgba(0,0,0,0)', cursor: '' + (this.state.resizeCursor || 'auto'), opacity: '0', position: 'fixed', zIndex: '9999', top: '0', left: '0', bottom: '0', right: '0' } }), this.props.children, this.renderResizer() ); } }, { key: 'parentNode', get: function get$$1() { return this.resizable.parentNode; } }, { key: 'propsSize', get: function get$$1() { return this.props.size || this.props.defaultSize; } }, { key: 'base', get: function get$$1() { var parent = this.parentNode; if (!parent) return undefined; var children = [].slice.call(parent.children); for (var i = 0; i < children.length; i += 1) { var n = children[i]; if (n instanceof HTMLElement) { if (n.classList.contains(baseClassName)) { return n; } } } return undefined; } }, { key: 'size', get: function get$$1() { var width = 0; var height = 0; if (typeof window !== 'undefined') { var orgWidth = this.resizable.offsetWidth; var orgHeight = this.resizable.offsetHeight; // HACK: Set position `relative` to get parent size. // This is because when re-resizable set `absolute`, I can not get base width correctly. var orgPosition = this.resizable.style.position; if (orgPosition !== 'relative') { this.resizable.style.position = 'relative'; } // INFO: Use original width or height if set auto. width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth; height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight; // Restore original position this.resizable.style.position = orgPosition; } return { width: width, height: height }; } }, { key: 'sizeStyle', get: function get$$1() { var _this4 = this; var size = this.props.size; var getSize = function getSize(key) { if (typeof _this4.state[key] === 'undefined' || _this4.state[key] === 'auto') return 'auto'; if (_this4.propsSize && _this4.propsSize[key] && endsWith(_this4.propsSize[key].toString(), '%')) { if (endsWith(_this4.state[key].toString(), '%')) return _this4.state[key].toString(); var parentSize = _this4.getParentSize(); var value = Number(_this4.state[key].toString().replace('px', '')); var percent = value / parentSize[key] * 100; return percent + '%'; } return getStringSize(_this4.state[key]); }; var width = size && typeof size.width !== 'undefined' && !this.state.isResizing ? getStringSize(size.width) : getSize('width'); var height = size && typeof size.height !== 'undefined' && !this.state.isResizing ? getStringSize(size.height) : getSize('height'); return { width: width, height: height }; } }]); return Resizable; }(external_React_["Component"]); lib_Resizable.defaultProps = { onResizeStart: function onResizeStart() {}, onResize: function onResize() {}, onResizeStop: function onResizeStop() {}, enable: { top: true, right: true, bottom: true, left: true, topRight: true, bottomRight: true, bottomLeft: true, topLeft: true }, style: {}, grid: [1, 1], lockAspectRatio: false, lockAspectRatioExtraWidth: 0, lockAspectRatioExtraHeight: 0, scale: 1, resizeRatio: 1 }; /* harmony default export */ var re_resizable_lib = (lib_Resizable); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/resizable-box/index.js /** * External dependencies */ function ResizableBox(_ref) { var className = _ref.className, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className"]); // Removes the inline styles in the drag handles. var handleStylesOverrides = { width: null, height: null, top: null, right: null, bottom: null, left: null }; var handleClassName = 'components-resizable-box__handle'; return Object(external_this_wp_element_["createElement"])(re_resizable_lib, Object(esm_extends["a" /* default */])({ className: classnames_default()('components-resizable-box__container', className), handleClasses: { top: classnames_default()(handleClassName, 'components-resizable-box__handle-top'), right: classnames_default()(handleClassName, 'components-resizable-box__handle-right'), bottom: classnames_default()(handleClassName, 'components-resizable-box__handle-bottom'), left: classnames_default()(handleClassName, 'components-resizable-box__handle-left') }, handleStyles: { top: handleStylesOverrides, right: handleStylesOverrides, bottom: handleStylesOverrides, left: handleStylesOverrides } }, props)); } /* harmony default export */ var resizable_box = (ResizableBox); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/responsive-wrapper/index.js /** * External dependencies */ /** * WordPress Dependencies */ function ResponsiveWrapper(_ref) { var naturalWidth = _ref.naturalWidth, naturalHeight = _ref.naturalHeight, children = _ref.children; if (external_this_wp_element_["Children"].count(children) !== 1) { return null; } var imageStyle = { paddingBottom: naturalHeight / naturalWidth * 100 + '%' }; return Object(external_this_wp_element_["createElement"])("div", { className: "components-responsive-wrapper" }, Object(external_this_wp_element_["createElement"])("div", { style: imageStyle }), Object(external_this_wp_element_["cloneElement"])(children, { className: classnames_default()('components-responsive-wrapper__content', children.props.className) })); } /* harmony default export */ var responsive_wrapper = (ResponsiveWrapper); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/sandbox/index.js /** * WordPress dependencies */ /** * Internal dependencies */ var sandbox_Sandbox = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(Sandbox, _Component); function Sandbox() { var _this; Object(classCallCheck["a" /* default */])(this, Sandbox); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(Sandbox).apply(this, arguments)); _this.trySandbox = _this.trySandbox.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.checkMessageForResize = _this.checkMessageForResize.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.iframe = Object(external_this_wp_element_["createRef"])(); _this.state = { width: 0, height: 0 }; return _this; } Object(createClass["a" /* default */])(Sandbox, [{ key: "componentDidMount", value: function componentDidMount() { this.trySandbox(); } }, { key: "componentDidUpdate", value: function componentDidUpdate() { this.trySandbox(); } }, { key: "isFrameAccessible", value: function isFrameAccessible() { try { return !!this.iframe.current.contentDocument.body; } catch (e) { return false; } } }, { key: "checkMessageForResize", value: function checkMessageForResize(event) { var iframe = this.iframe.current; // Attempt to parse the message data as JSON if passed as string var data = event.data || {}; if ('string' === typeof data) { try { data = JSON.parse(data); } catch (e) {} // eslint-disable-line no-empty } // Verify that the mounted element is the source of the message if (!iframe || iframe.contentWindow !== event.source) { return; } // Update the state only if the message is formatted as we expect, i.e. // as an object with a 'resize' action, width, and height var _data = data, action = _data.action, width = _data.width, height = _data.height; var _this$state = this.state, oldWidth = _this$state.width, oldHeight = _this$state.height; if ('resize' === action && (oldWidth !== width || oldHeight !== height)) { this.setState({ width: width, height: height }); } } }, { key: "trySandbox", value: function trySandbox() { if (!this.isFrameAccessible()) { return; } var body = this.iframe.current.contentDocument.body; if (null !== body.getAttribute('data-resizable-iframe-connected')) { return; } var observeAndResizeJS = "\n\t\t\t( function() {\n\t\t\t\tvar observer;\n\n\t\t\t\tif ( ! window.MutationObserver || ! document.body || ! window.parent ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tfunction sendResize() {\n\t\t\t\t\tvar clientBoundingRect = document.body.getBoundingClientRect();\n\n\t\t\t\t\twindow.parent.postMessage( {\n\t\t\t\t\t\taction: 'resize',\n\t\t\t\t\t\twidth: clientBoundingRect.width,\n\t\t\t\t\t\theight: clientBoundingRect.height,\n\t\t\t\t\t}, '*' );\n\t\t\t\t}\n\n\t\t\t\tobserver = new MutationObserver( sendResize );\n\t\t\t\tobserver.observe( document.body, {\n\t\t\t\t\tattributes: true,\n\t\t\t\t\tattributeOldValue: false,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tcharacterDataOldValue: false,\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tsubtree: true\n\t\t\t\t} );\n\n\t\t\t\twindow.addEventListener( 'load', sendResize, true );\n\n\t\t\t\t// Hack: Remove viewport unit styles, as these are relative\n\t\t\t\t// the iframe root and interfere with our mechanism for\n\t\t\t\t// determining the unconstrained page bounds.\n\t\t\t\tfunction removeViewportStyles( ruleOrNode ) {\n\t\t\t\t\t[ 'width', 'height', 'minHeight', 'maxHeight' ].forEach( function( style ) {\n\t\t\t\t\t\tif ( /^\\d+(vmin|vmax|vh|vw)$/.test( ruleOrNode.style[ style ] ) ) {\n\t\t\t\t\t\t\truleOrNode.style[ style ] = '';\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tArray.prototype.forEach.call( document.querySelectorAll( '[style]' ), removeViewportStyles );\n\t\t\t\tArray.prototype.forEach.call( document.styleSheets, function( stylesheet ) {\n\t\t\t\t\tArray.prototype.forEach.call( stylesheet.cssRules || stylesheet.rules, removeViewportStyles );\n\t\t\t\t} );\n\n\t\t\t\tdocument.body.style.position = 'absolute';\n\t\t\t\tdocument.body.style.width = '100%';\n\t\t\t\tdocument.body.setAttribute( 'data-resizable-iframe-connected', '' );\n\n\t\t\t\tsendResize();\n\n\t\t\t\t// Resize events can change the width of elements with 100% width, but we don't\n\t\t\t\t// get an DOM mutations for that, so do the resize when the window is resized, too.\n\t\t\t\twindow.addEventListener( 'resize', sendResize, true );\n\t\t} )();"; var style = "\n\t\t\tbody {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\thtml,\n\t\t\tbody,\n\t\t\tbody > div,\n\t\t\tbody > div > iframe {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\thtml.wp-has-aspect-ratio,\n\t\t\tbody.wp-has-aspect-ratio,\n\t\t\tbody.wp-has-aspect-ratio > div,\n\t\t\tbody.wp-has-aspect-ratio > div > iframe {\n\t\t\t\theight: 100%;\n\t\t\t\toverflow: hidden; /* If it has an aspect ratio, it shouldn't scroll. */\n\t\t\t}\n\t\t\tbody > div > * {\n\t\t\t\tmargin-top: 0 !important; /* Has to have !important to override inline styles. */\n\t\t\t\tmargin-bottom: 0 !important;\n\t\t\t}\n\t\t"; // put the html snippet into a html document, and then write it to the iframe's document // we can use this in the future to inject custom styles or scripts. // Scripts go into the body rather than the head, to support embedded content such as Instagram // that expect the scripts to be part of the body. var htmlDoc = Object(external_this_wp_element_["createElement"])("html", { lang: document.documentElement.lang, className: this.props.type }, Object(external_this_wp_element_["createElement"])("head", null, Object(external_this_wp_element_["createElement"])("title", null, this.props.title), Object(external_this_wp_element_["createElement"])("style", { dangerouslySetInnerHTML: { __html: style } })), Object(external_this_wp_element_["createElement"])("body", { "data-resizable-iframe-connected": "data-resizable-iframe-connected", className: this.props.type }, Object(external_this_wp_element_["createElement"])("div", { dangerouslySetInnerHTML: { __html: this.props.html } }), Object(external_this_wp_element_["createElement"])("script", { type: "text/javascript", dangerouslySetInnerHTML: { __html: observeAndResizeJS } }), this.props.scripts && this.props.scripts.map(function (src) { return Object(external_this_wp_element_["createElement"])("script", { key: src, src: src }); }))); // writing the document like this makes it act in the same way as if it was // loaded over the network, so DOM creation and mutation, script execution, etc. // all work as expected var iframeDocument = this.iframe.current.contentWindow.document; iframeDocument.open(); iframeDocument.write('<!DOCTYPE html>' + Object(external_this_wp_element_["renderToString"])(htmlDoc)); iframeDocument.close(); } }, { key: "render", value: function render() { var title = this.props.title; return Object(external_this_wp_element_["createElement"])(focusable_iframe, { iframeRef: this.iframe, title: title, className: "components-sandbox", sandbox: "allow-scripts allow-same-origin allow-presentation", onLoad: this.trySandbox, width: Math.ceil(this.state.width), height: Math.ceil(this.state.height) }); } }], [{ key: "defaultProps", get: function get() { return { html: '', title: '' }; } }]); return Sandbox; }(external_this_wp_element_["Component"]); sandbox_Sandbox = Object(external_this_wp_compose_["withGlobalEvents"])({ message: 'checkMessageForResize' })(sandbox_Sandbox); /* harmony default export */ var sandbox = (sandbox_Sandbox); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/select-control/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function SelectControl(_ref) { var help = _ref.help, instanceId = _ref.instanceId, label = _ref.label, _ref$multiple = _ref.multiple, multiple = _ref$multiple === void 0 ? false : _ref$multiple, onChange = _ref.onChange, _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options, className = _ref.className, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["help", "instanceId", "label", "multiple", "onChange", "options", "className"]); var id = "inspector-select-control-".concat(instanceId); var onChangeValue = function onChangeValue(event) { if (multiple) { var selectedOptions = Object(toConsumableArray["a" /* default */])(event.target.options).filter(function (_ref2) { var selected = _ref2.selected; return selected; }); var newValues = selectedOptions.map(function (_ref3) { var value = _ref3.value; return value; }); onChange(newValues); return; } onChange(event.target.value); }; // Disable reason: A select with an onchange throws a warning /* eslint-disable jsx-a11y/no-onchange */ return !Object(external_lodash_["isEmpty"])(options) && Object(external_this_wp_element_["createElement"])(base_control, { label: label, id: id, help: help, className: className }, Object(external_this_wp_element_["createElement"])("select", Object(esm_extends["a" /* default */])({ id: id, className: "components-select-control__input", onChange: onChangeValue, "aria-describedby": !!help ? "".concat(id, "__help") : undefined, multiple: multiple }, props), options.map(function (option, index) { return Object(external_this_wp_element_["createElement"])("option", { key: "".concat(option.label, "-").concat(option.value, "-").concat(index), value: option.value }, option.label); }))); /* eslint-enable jsx-a11y/no-onchange */ } /* harmony default export */ var select_control = (Object(external_this_wp_compose_["withInstanceId"])(SelectControl)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/spinner/index.js function Spinner() { return Object(external_this_wp_element_["createElement"])("span", { className: "components-spinner" }); } // EXTERNAL MODULE: external {"this":["wp","apiFetch"]} var external_this_wp_apiFetch_ = __webpack_require__(30); var external_this_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_apiFetch_); // EXTERNAL MODULE: external {"this":["wp","url"]} var external_this_wp_url_ = __webpack_require__(24); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/server-side-render/index.js /** * External dependencies. */ /** * WordPress dependencies. */ /** * Internal dependencies. */ function rendererPath(block) { var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; var urlQueryArgs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; return Object(external_this_wp_url_["addQueryArgs"])("/core/block-renderer/".concat(block), Object(objectSpread["a" /* default */])({ context: 'edit' }, null !== attributes ? { attributes: attributes } : {}, urlQueryArgs)); } var server_side_render_ServerSideRender = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(ServerSideRender, _Component); function ServerSideRender(props) { var _this; Object(classCallCheck["a" /* default */])(this, ServerSideRender); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(ServerSideRender).call(this, props)); _this.state = { response: null }; return _this; } Object(createClass["a" /* default */])(ServerSideRender, [{ key: "componentDidMount", value: function componentDidMount() { this.isStillMounted = true; this.fetch(this.props); // Only debounce once the initial fetch occurs to ensure that the first // renders show data as soon as possible. this.fetch = Object(external_lodash_["debounce"])(this.fetch, 500); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.isStillMounted = false; } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) { if (!Object(external_lodash_["isEqual"])(prevProps, this.props)) { this.fetch(this.props); } } }, { key: "fetch", value: function fetch(props) { var _this2 = this; if (!this.isStillMounted) { return; } if (null !== this.state.response) { this.setState({ response: null }); } var block = props.block, _props$attributes = props.attributes, attributes = _props$attributes === void 0 ? null : _props$attributes, _props$urlQueryArgs = props.urlQueryArgs, urlQueryArgs = _props$urlQueryArgs === void 0 ? {} : _props$urlQueryArgs; var path = rendererPath(block, attributes, urlQueryArgs); // Store the latest fetch request so that when we process it, we can // check if it is the current request, to avoid race conditions on slow networks. var fetchRequest = this.currentFetchRequest = external_this_wp_apiFetch_default()({ path: path }).then(function (response) { if (_this2.isStillMounted && fetchRequest === _this2.currentFetchRequest && response && response.rendered) { _this2.setState({ response: response.rendered }); } }).catch(function (error) { if (_this2.isStillMounted && fetchRequest === _this2.currentFetchRequest) { _this2.setState({ response: { error: true, errorMsg: error.message } }); } }); return fetchRequest; } }, { key: "render", value: function render() { var response = this.state.response; if (!response) { return Object(external_this_wp_element_["createElement"])(placeholder, null, Object(external_this_wp_element_["createElement"])(Spinner, null)); } else if (response.error) { // translators: %s: error message describing the problem var errorMessage = Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["__"])('Error loading block: %s'), response.errorMsg); return Object(external_this_wp_element_["createElement"])(placeholder, null, errorMessage); } else if (!response.length) { return Object(external_this_wp_element_["createElement"])(placeholder, null, Object(external_this_wp_i18n_["__"])('No results found.')); } return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["RawHTML"], { key: "html" }, response); } }]); return ServerSideRender; }(external_this_wp_element_["Component"]); /* harmony default export */ var server_side_render = (server_side_render_ServerSideRender); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tab-panel/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var tab_panel_TabButton = function TabButton(_ref) { var tabId = _ref.tabId, onClick = _ref.onClick, children = _ref.children, selected = _ref.selected, rest = Object(objectWithoutProperties["a" /* default */])(_ref, ["tabId", "onClick", "children", "selected"]); return Object(external_this_wp_element_["createElement"])("button", Object(esm_extends["a" /* default */])({ role: "tab", tabIndex: selected ? null : -1, "aria-selected": selected, id: tabId, onClick: onClick }, rest), children); }; var tab_panel_TabPanel = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(TabPanel, _Component); function TabPanel() { var _this; Object(classCallCheck["a" /* default */])(this, TabPanel); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(TabPanel).apply(this, arguments)); var _this$props = _this.props, tabs = _this$props.tabs, initialTabName = _this$props.initialTabName; _this.handleClick = _this.handleClick.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.onNavigate = _this.onNavigate.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.state = { selected: initialTabName || (tabs.length > 0 ? tabs[0].name : null) }; return _this; } Object(createClass["a" /* default */])(TabPanel, [{ key: "handleClick", value: function handleClick(tabKey) { var _this$props$onSelect = this.props.onSelect, onSelect = _this$props$onSelect === void 0 ? external_lodash_["noop"] : _this$props$onSelect; this.setState({ selected: tabKey }); onSelect(tabKey); } }, { key: "onNavigate", value: function onNavigate(childIndex, child) { child.click(); } }, { key: "render", value: function render() { var _this2 = this; var selected = this.state.selected; var _this$props2 = this.props, _this$props2$activeCl = _this$props2.activeClass, activeClass = _this$props2$activeCl === void 0 ? 'is-active' : _this$props2$activeCl, className = _this$props2.className, instanceId = _this$props2.instanceId, _this$props2$orientat = _this$props2.orientation, orientation = _this$props2$orientat === void 0 ? 'horizontal' : _this$props2$orientat, tabs = _this$props2.tabs; var selectedTab = Object(external_lodash_["find"])(tabs, { name: selected }); var selectedId = instanceId + '-' + selectedTab.name; return Object(external_this_wp_element_["createElement"])("div", { className: className }, Object(external_this_wp_element_["createElement"])(menu, { role: "tablist", orientation: orientation, onNavigate: this.onNavigate, className: "components-tab-panel__tabs" }, tabs.map(function (tab) { return Object(external_this_wp_element_["createElement"])(tab_panel_TabButton, { className: "".concat(tab.className, " ").concat(tab.name === selected ? activeClass : ''), tabId: instanceId + '-' + tab.name, "aria-controls": instanceId + '-' + tab.name + '-view', selected: tab.name === selected, key: tab.name, onClick: Object(external_lodash_["partial"])(_this2.handleClick, tab.name) }, tab.title); })), selectedTab && Object(external_this_wp_element_["createElement"])("div", { "aria-labelledby": selectedId, role: "tabpanel", id: selectedId + '-view', className: "components-tab-panel__tab-content", tabIndex: "0" }, this.props.children(selectedTab))); } }]); return TabPanel; }(external_this_wp_element_["Component"]); /* harmony default export */ var tab_panel = (Object(external_this_wp_compose_["withInstanceId"])(tab_panel_TabPanel)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/textarea-control/index.js /** * WordPress dependencies */ /** * Internal dependencies */ function TextareaControl(_ref) { var label = _ref.label, value = _ref.value, help = _ref.help, instanceId = _ref.instanceId, onChange = _ref.onChange, _ref$rows = _ref.rows, rows = _ref$rows === void 0 ? 4 : _ref$rows, className = _ref.className, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["label", "value", "help", "instanceId", "onChange", "rows", "className"]); var id = "inspector-textarea-control-".concat(instanceId); var onChangeValue = function onChangeValue(event) { return onChange(event.target.value); }; return Object(external_this_wp_element_["createElement"])(base_control, { label: label, id: id, help: help, className: className }, Object(external_this_wp_element_["createElement"])("textarea", Object(esm_extends["a" /* default */])({ className: "components-textarea-control__input", id: id, rows: rows, onChange: onChangeValue, "aria-describedby": !!help ? id + '__help' : undefined, value: value }, props))); } /* harmony default export */ var textarea_control = (Object(external_this_wp_compose_["withInstanceId"])(TextareaControl)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toggle-control/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var toggle_control_ToggleControl = /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(ToggleControl, _Component); function ToggleControl() { var _this; Object(classCallCheck["a" /* default */])(this, ToggleControl); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(ToggleControl).apply(this, arguments)); _this.onChange = _this.onChange.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(ToggleControl, [{ key: "onChange", value: function onChange(event) { if (this.props.onChange) { this.props.onChange(event.target.checked); } } }, { key: "render", value: function render() { var _this$props = this.props, label = _this$props.label, checked = _this$props.checked, help = _this$props.help, instanceId = _this$props.instanceId; var id = "inspector-toggle-control-".concat(instanceId); var describedBy, helpLabel; if (help) { describedBy = id + '__help'; helpLabel = Object(external_lodash_["isFunction"])(help) ? help(checked) : help; } return Object(external_this_wp_element_["createElement"])(base_control, { id: id, help: helpLabel, className: "components-toggle-control" }, Object(external_this_wp_element_["createElement"])(form_toggle, { id: id, checked: checked, onChange: this.onChange, "aria-describedby": describedBy }), Object(external_this_wp_element_["createElement"])("label", { htmlFor: id, className: "components-toggle-control__label" }, label)); } }]); return ToggleControl; }(external_this_wp_element_["Component"]); /* harmony default export */ var toggle_control = (Object(external_this_wp_compose_["withInstanceId"])(toggle_control_ToggleControl)); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar-button/toolbar-button-container.js var toolbar_button_container_ToolbarButtonContainer = function ToolbarButtonContainer(props) { return Object(external_this_wp_element_["createElement"])("div", { className: props.className }, props.children); }; /* harmony default export */ var toolbar_button_container = (toolbar_button_container_ToolbarButtonContainer); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar-button/index.js /** * External dependencies */ /** * Internal dependencies */ function ToolbarButton(_ref) { var containerClassName = _ref.containerClassName, icon = _ref.icon, title = _ref.title, shortcut = _ref.shortcut, subscript = _ref.subscript, _onClick = _ref.onClick, className = _ref.className, isActive = _ref.isActive, isDisabled = _ref.isDisabled, extraProps = _ref.extraProps, children = _ref.children; return Object(external_this_wp_element_["createElement"])(toolbar_button_container, { className: containerClassName }, Object(external_this_wp_element_["createElement"])(icon_button, Object(esm_extends["a" /* default */])({ icon: icon, label: title, shortcut: shortcut, "data-subscript": subscript, onClick: function onClick(event) { event.stopPropagation(); _onClick(); }, className: classnames_default()('components-toolbar__control', className, { 'is-active': isActive }), "aria-pressed": isActive, disabled: isDisabled }, extraProps)), children); } /* harmony default export */ var toolbar_button = (ToolbarButton); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar-container.js var toolbar_container_ToolbarContainer = function ToolbarContainer(props) { return Object(external_this_wp_element_["createElement"])("div", { className: props.className }, props.children); }; /* harmony default export */ var toolbar_container = (toolbar_container_ToolbarContainer); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/index.js /** * External dependencies */ /** * Internal dependencies */ /** * Renders a toolbar with controls. * * The `controls` prop accepts an array of sets. A set is an array of controls. * Controls have the following shape: * * ``` * { * icon: string, * title: string, * subscript: string, * onClick: Function, * isActive: boolean, * isDisabled: boolean * } * ``` * * For convenience it is also possible to pass only an array of controls. It is * then assumed this is the only set. * * Either `controls` or `children` is required, otherwise this components * renders nothing. * * @param {?Array} controls The controls to render in this toolbar. * @param {?ReactElement} children Any other things to render inside the * toolbar besides the controls. * @param {?string} className Class to set on the container div. * * @return {ReactElement} The rendered toolbar. */ function Toolbar(_ref) { var _ref$controls = _ref.controls, controls = _ref$controls === void 0 ? [] : _ref$controls, children = _ref.children, className = _ref.className, isCollapsed = _ref.isCollapsed, icon = _ref.icon, label = _ref.label; if ((!controls || !controls.length) && !children) { return null; } // Normalize controls to nested array of objects (sets of controls) var controlSets = controls; if (!Array.isArray(controlSets[0])) { controlSets = [controlSets]; } if (isCollapsed) { return Object(external_this_wp_element_["createElement"])(dropdown_menu, { icon: icon, label: label, controls: controlSets, className: classnames_default()('components-toolbar', className) }); } return Object(external_this_wp_element_["createElement"])(toolbar_container, { className: classnames_default()('components-toolbar', className) }, Object(external_lodash_["flatMap"])(controlSets, function (controlSet, indexOfSet) { return controlSet.map(function (control, indexOfControl) { return Object(external_this_wp_element_["createElement"])(toolbar_button, Object(esm_extends["a" /* default */])({ key: [indexOfSet, indexOfControl].join(), containerClassName: indexOfSet > 0 && indexOfControl === 0 ? 'has-left-divider' : null }, control)); }); }), children); } /* harmony default export */ var toolbar = (Toolbar); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/navigate-regions/index.js /** * External Dependencies */ /** * WordPress Dependencies */ /** * Internal Dependencies */ /* harmony default export */ var navigate_regions = (Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(_class, _Component); function _class() { var _this; Object(classCallCheck["a" /* default */])(this, _class); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(_class).apply(this, arguments)); _this.bindContainer = _this.bindContainer.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.focusNextRegion = _this.focusRegion.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this)), 1); _this.focusPreviousRegion = _this.focusRegion.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this)), -1); _this.onClick = _this.onClick.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.state = { isFocusingRegions: false }; return _this; } Object(createClass["a" /* default */])(_class, [{ key: "bindContainer", value: function bindContainer(ref) { this.container = ref; } }, { key: "focusRegion", value: function focusRegion(offset) { var regions = Object(toConsumableArray["a" /* default */])(this.container.querySelectorAll('[role="region"]')); if (!regions.length) { return; } var nextRegion = regions[0]; var selectedIndex = regions.indexOf(document.activeElement); if (selectedIndex !== -1) { var nextIndex = selectedIndex + offset; nextIndex = nextIndex === -1 ? regions.length - 1 : nextIndex; nextIndex = nextIndex === regions.length ? 0 : nextIndex; nextRegion = regions[nextIndex]; } nextRegion.focus(); this.setState({ isFocusingRegions: true }); } }, { key: "onClick", value: function onClick() { this.setState({ isFocusingRegions: false }); } }, { key: "render", value: function render() { var className = classnames_default()('components-navigate-regions', { 'is-focusing-regions': this.state.isFocusingRegions }); // Disable reason: Clicking the editor should dismiss the regions focus style /* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/onclick-has-role, jsx-a11y/click-events-have-key-events */ return Object(external_this_wp_element_["createElement"])("div", { ref: this.bindContainer, className: className, onClick: this.onClick }, Object(external_this_wp_element_["createElement"])(keyboard_shortcuts, { bindGlobal: true, shortcuts: { 'ctrl+`': this.focusNextRegion, 'shift+alt+n': this.focusNextRegion, 'ctrl+shift+`': this.focusPreviousRegion, 'shift+alt+p': this.focusPreviousRegion } }), Object(external_this_wp_element_["createElement"])(WrappedComponent, this.props)); /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/onclick-has-role, jsx-a11y/click-events-have-key-events */ } }]); return _class; }(external_this_wp_element_["Component"]) ); }, 'navigateRegions')); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-fallback-styles/index.js /** * External dependencies */ /** * WordPress dependencies */ /* harmony default export */ var with_fallback_styles = (function (mapNodeToProps) { return Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(_class, _Component); function _class() { var _this; Object(classCallCheck["a" /* default */])(this, _class); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(_class).apply(this, arguments)); _this.nodeRef = _this.props.node; _this.state = { fallbackStyles: undefined, grabStylesCompleted: false }; _this.bindRef = _this.bindRef.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); return _this; } Object(createClass["a" /* default */])(_class, [{ key: "bindRef", value: function bindRef(node) { if (!node) { return; } this.nodeRef = node; } }, { key: "componentDidMount", value: function componentDidMount() { this.grabFallbackStyles(); } }, { key: "componentDidUpdate", value: function componentDidUpdate() { this.grabFallbackStyles(); } }, { key: "grabFallbackStyles", value: function grabFallbackStyles() { var _this$state = this.state, grabStylesCompleted = _this$state.grabStylesCompleted, fallbackStyles = _this$state.fallbackStyles; if (this.nodeRef && !grabStylesCompleted) { var newFallbackStyles = mapNodeToProps(this.nodeRef, this.props); if (!Object(external_lodash_["isEqual"])(newFallbackStyles, fallbackStyles)) { this.setState({ fallbackStyles: newFallbackStyles, grabStylesCompleted: !!Object(external_lodash_["every"])(newFallbackStyles) }); } } } }, { key: "render", value: function render() { var wrappedComponent = Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, this.props, this.state.fallbackStyles)); return this.props.node ? wrappedComponent : Object(external_this_wp_element_["createElement"])("div", { ref: this.bindRef }, " ", wrappedComponent, " "); } }]); return _class; }(external_this_wp_element_["Component"]) ); }, 'withFallbackStyles'); }); // EXTERNAL MODULE: external {"this":["wp","hooks"]} var external_this_wp_hooks_ = __webpack_require__(23); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-filters/index.js /** * External dependencies */ /** * WordPress dependencies */ var ANIMATION_FRAME_PERIOD = 16; /** * Creates a higher-order component which adds filtering capability to the * wrapped component. Filters get applied when the original component is about * to be mounted. When a filter is added or removed that matches the hook name, * the wrapped component re-renders. * * @param {string} hookName Hook name exposed to be used by filters. * * @return {Function} Higher-order component factory. */ function withFilters(hookName) { return Object(external_this_wp_compose_["createHigherOrderComponent"])(function (OriginalComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(FilteredComponent, _Component); /** @inheritdoc */ function FilteredComponent(props) { var _this; Object(classCallCheck["a" /* default */])(this, FilteredComponent); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(FilteredComponent).call(this, props)); _this.onHooksUpdated = _this.onHooksUpdated.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.Component = Object(external_this_wp_hooks_["applyFilters"])(hookName, OriginalComponent); _this.namespace = Object(external_lodash_["uniqueId"])('core/with-filters/component-'); _this.throttledForceUpdate = Object(external_lodash_["debounce"])(function () { _this.Component = Object(external_this_wp_hooks_["applyFilters"])(hookName, OriginalComponent); _this.forceUpdate(); }, ANIMATION_FRAME_PERIOD); Object(external_this_wp_hooks_["addAction"])('hookRemoved', _this.namespace, _this.onHooksUpdated); Object(external_this_wp_hooks_["addAction"])('hookAdded', _this.namespace, _this.onHooksUpdated); return _this; } /** @inheritdoc */ Object(createClass["a" /* default */])(FilteredComponent, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.throttledForceUpdate.cancel(); Object(external_this_wp_hooks_["removeAction"])('hookRemoved', this.namespace); Object(external_this_wp_hooks_["removeAction"])('hookAdded', this.namespace); } /** * When a filter is added or removed for the matching hook name, the wrapped component should re-render. * * @param {string} updatedHookName Name of the hook that was updated. */ }, { key: "onHooksUpdated", value: function onHooksUpdated(updatedHookName) { if (updatedHookName === hookName) { this.throttledForceUpdate(); } } /** @inheritdoc */ }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])(this.Component, this.props); } }]); return FilteredComponent; }(external_this_wp_element_["Component"]) ); }, 'withFilters'); } // EXTERNAL MODULE: ./node_modules/uuid/v4.js var v4 = __webpack_require__(57); var v4_default = /*#__PURE__*/__webpack_require__.n(v4); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-notices/index.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Override the default edit UI to include notices if supported. * * @param {function|Component} OriginalComponent Original component. * @return {Component} Wrapped component. */ /* harmony default export */ var with_notices = (Object(external_this_wp_compose_["createHigherOrderComponent"])(function (OriginalComponent) { return ( /*#__PURE__*/ function (_Component) { Object(inherits["a" /* default */])(WrappedBlockEdit, _Component); function WrappedBlockEdit() { var _this; Object(classCallCheck["a" /* default */])(this, WrappedBlockEdit); _this = Object(possibleConstructorReturn["a" /* default */])(this, Object(getPrototypeOf["a" /* default */])(WrappedBlockEdit).apply(this, arguments)); _this.createNotice = _this.createNotice.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.createErrorNotice = _this.createErrorNotice.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.removeNotice = _this.removeNotice.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.removeAllNotices = _this.removeAllNotices.bind(Object(assertThisInitialized["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this))); _this.state = { noticeList: [] }; _this.noticeOperations = { createNotice: _this.createNotice, createErrorNotice: _this.createErrorNotice, removeAllNotices: _this.removeAllNotices, removeNotice: _this.removeNotice }; return _this; } /** * Function passed down as a prop that adds a new notice. * * @param {Object} notice Notice to add. */ Object(createClass["a" /* default */])(WrappedBlockEdit, [{ key: "createNotice", value: function createNotice(notice) { var noticeToAdd = notice.id ? notice : Object(objectSpread["a" /* default */])({}, notice, { id: v4_default()() }); this.setState(function (state) { return { noticeList: Object(toConsumableArray["a" /* default */])(state.noticeList).concat([noticeToAdd]) }; }); } /** * Function passed as a prop that adds a new error notice. * * @param {string} msg Error message of the notice. */ }, { key: "createErrorNotice", value: function createErrorNotice(msg) { this.createNotice({ status: 'error', content: msg }); } /** * Removes a notice by id. * * @param {string} id Id of the notice to remove. */ }, { key: "removeNotice", value: function removeNotice(id) { this.setState(function (state) { return { noticeList: state.noticeList.filter(function (notice) { return notice.id !== id; }) }; }); } /** * Removes all notices */ }, { key: "removeAllNotices", value: function removeAllNotices() { this.setState({ noticeList: [] }); } }, { key: "render", value: function render() { return Object(external_this_wp_element_["createElement"])(OriginalComponent, Object(esm_extends["a" /* default */])({ noticeList: this.state.noticeList, noticeOperations: this.noticeOperations, noticeUI: this.state.noticeList.length > 0 && Object(external_this_wp_element_["createElement"])(list, { className: "components-with-notices-ui", notices: this.state.noticeList, onRemove: this.removeNotice }) }, this.props)); } }]); return WrappedBlockEdit; }(external_this_wp_element_["Component"]) ); })); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/index.js /* concated harmony reexport Circle */__webpack_require__.d(__webpack_exports__, "Circle", function() { return svg_Circle; }); /* concated harmony reexport G */__webpack_require__.d(__webpack_exports__, "G", function() { return svg_G; }); /* concated harmony reexport Path */__webpack_require__.d(__webpack_exports__, "Path", function() { return svg_Path; }); /* concated harmony reexport Polygon */__webpack_require__.d(__webpack_exports__, "Polygon", function() { return svg_Polygon; }); /* concated harmony reexport Rect */__webpack_require__.d(__webpack_exports__, "Rect", function() { return svg_Rect; }); /* concated harmony reexport SVG */__webpack_require__.d(__webpack_exports__, "SVG", function() { return svg_SVG; }); /* concated harmony reexport Autocomplete */__webpack_require__.d(__webpack_exports__, "Autocomplete", function() { return autocomplete; }); /* concated harmony reexport BaseControl */__webpack_require__.d(__webpack_exports__, "BaseControl", function() { return base_control; }); /* concated harmony reexport Button */__webpack_require__.d(__webpack_exports__, "Button", function() { return build_module_button; }); /* concated harmony reexport ButtonGroup */__webpack_require__.d(__webpack_exports__, "ButtonGroup", function() { return button_group; }); /* concated harmony reexport CheckboxControl */__webpack_require__.d(__webpack_exports__, "CheckboxControl", function() { return checkbox_control; }); /* concated harmony reexport ClipboardButton */__webpack_require__.d(__webpack_exports__, "ClipboardButton", function() { return clipboard_button; }); /* concated harmony reexport ColorIndicator */__webpack_require__.d(__webpack_exports__, "ColorIndicator", function() { return color_indicator; }); /* concated harmony reexport ColorPalette */__webpack_require__.d(__webpack_exports__, "ColorPalette", function() { return ColorPalette; }); /* concated harmony reexport ColorPicker */__webpack_require__.d(__webpack_exports__, "ColorPicker", function() { return color_picker_ColorPicker; }); /* concated harmony reexport Dashicon */__webpack_require__.d(__webpack_exports__, "Dashicon", function() { return dashicon_Dashicon; }); /* concated harmony reexport DateTimePicker */__webpack_require__.d(__webpack_exports__, "DateTimePicker", function() { return date_time_DateTimePicker; }); /* concated harmony reexport DatePicker */__webpack_require__.d(__webpack_exports__, "DatePicker", function() { return date_time_date; }); /* concated harmony reexport TimePicker */__webpack_require__.d(__webpack_exports__, "TimePicker", function() { return time; }); /* concated harmony reexport Disabled */__webpack_require__.d(__webpack_exports__, "Disabled", function() { return build_module_disabled; }); /* concated harmony reexport Draggable */__webpack_require__.d(__webpack_exports__, "Draggable", function() { return draggable; }); /* concated harmony reexport DropZone */__webpack_require__.d(__webpack_exports__, "DropZone", function() { return drop_zone; }); /* concated harmony reexport DropZoneProvider */__webpack_require__.d(__webpack_exports__, "DropZoneProvider", function() { return provider; }); /* concated harmony reexport Dropdown */__webpack_require__.d(__webpack_exports__, "Dropdown", function() { return dropdown; }); /* concated harmony reexport DropdownMenu */__webpack_require__.d(__webpack_exports__, "DropdownMenu", function() { return dropdown_menu; }); /* concated harmony reexport ExternalLink */__webpack_require__.d(__webpack_exports__, "ExternalLink", function() { return external_link; }); /* concated harmony reexport FocusableIframe */__webpack_require__.d(__webpack_exports__, "FocusableIframe", function() { return focusable_iframe; }); /* concated harmony reexport FontSizePicker */__webpack_require__.d(__webpack_exports__, "FontSizePicker", function() { return font_size_picker; }); /* concated harmony reexport FormFileUpload */__webpack_require__.d(__webpack_exports__, "FormFileUpload", function() { return form_file_upload; }); /* concated harmony reexport FormToggle */__webpack_require__.d(__webpack_exports__, "FormToggle", function() { return form_toggle; }); /* concated harmony reexport FormTokenField */__webpack_require__.d(__webpack_exports__, "FormTokenField", function() { return form_token_field; }); /* concated harmony reexport Icon */__webpack_require__.d(__webpack_exports__, "Icon", function() { return build_module_icon; }); /* concated harmony reexport IconButton */__webpack_require__.d(__webpack_exports__, "IconButton", function() { return icon_button; }); /* concated harmony reexport KeyboardShortcuts */__webpack_require__.d(__webpack_exports__, "KeyboardShortcuts", function() { return keyboard_shortcuts; }); /* concated harmony reexport MenuGroup */__webpack_require__.d(__webpack_exports__, "MenuGroup", function() { return menu_group; }); /* concated harmony reexport MenuItem */__webpack_require__.d(__webpack_exports__, "MenuItem", function() { return menu_item; }); /* concated harmony reexport MenuItemsChoice */__webpack_require__.d(__webpack_exports__, "MenuItemsChoice", function() { return MenuItemsChoice; }); /* concated harmony reexport Modal */__webpack_require__.d(__webpack_exports__, "Modal", function() { return modal; }); /* concated harmony reexport ScrollLock */__webpack_require__.d(__webpack_exports__, "ScrollLock", function() { return scroll_lock; }); /* concated harmony reexport NavigableMenu */__webpack_require__.d(__webpack_exports__, "NavigableMenu", function() { return menu; }); /* concated harmony reexport TabbableContainer */__webpack_require__.d(__webpack_exports__, "TabbableContainer", function() { return tabbable; }); /* concated harmony reexport Notice */__webpack_require__.d(__webpack_exports__, "Notice", function() { return build_module_notice; }); /* concated harmony reexport NoticeList */__webpack_require__.d(__webpack_exports__, "NoticeList", function() { return list; }); /* concated harmony reexport Panel */__webpack_require__.d(__webpack_exports__, "Panel", function() { return panel; }); /* concated harmony reexport PanelBody */__webpack_require__.d(__webpack_exports__, "PanelBody", function() { return panel_body; }); /* concated harmony reexport PanelHeader */__webpack_require__.d(__webpack_exports__, "PanelHeader", function() { return panel_header; }); /* concated harmony reexport PanelRow */__webpack_require__.d(__webpack_exports__, "PanelRow", function() { return row; }); /* concated harmony reexport Placeholder */__webpack_require__.d(__webpack_exports__, "Placeholder", function() { return placeholder; }); /* concated harmony reexport Popover */__webpack_require__.d(__webpack_exports__, "Popover", function() { return popover; }); /* concated harmony reexport QueryControls */__webpack_require__.d(__webpack_exports__, "QueryControls", function() { return QueryControls; }); /* concated harmony reexport RadioControl */__webpack_require__.d(__webpack_exports__, "RadioControl", function() { return radio_control; }); /* concated harmony reexport RangeControl */__webpack_require__.d(__webpack_exports__, "RangeControl", function() { return range_control; }); /* concated harmony reexport ResizableBox */__webpack_require__.d(__webpack_exports__, "ResizableBox", function() { return resizable_box; }); /* concated harmony reexport ResponsiveWrapper */__webpack_require__.d(__webpack_exports__, "ResponsiveWrapper", function() { return responsive_wrapper; }); /* concated harmony reexport SandBox */__webpack_require__.d(__webpack_exports__, "SandBox", function() { return sandbox; }); /* concated harmony reexport SelectControl */__webpack_require__.d(__webpack_exports__, "SelectControl", function() { return select_control; }); /* concated harmony reexport Spinner */__webpack_require__.d(__webpack_exports__, "Spinner", function() { return Spinner; }); /* concated harmony reexport ServerSideRender */__webpack_require__.d(__webpack_exports__, "ServerSideRender", function() { return server_side_render; }); /* concated harmony reexport TabPanel */__webpack_require__.d(__webpack_exports__, "TabPanel", function() { return tab_panel; }); /* concated harmony reexport TextControl */__webpack_require__.d(__webpack_exports__, "TextControl", function() { return text_control; }); /* concated harmony reexport TextareaControl */__webpack_require__.d(__webpack_exports__, "TextareaControl", function() { return textarea_control; }); /* concated harmony reexport ToggleControl */__webpack_require__.d(__webpack_exports__, "ToggleControl", function() { return toggle_control; }); /* concated harmony reexport Toolbar */__webpack_require__.d(__webpack_exports__, "Toolbar", function() { return toolbar; }); /* concated harmony reexport ToolbarButton */__webpack_require__.d(__webpack_exports__, "ToolbarButton", function() { return toolbar_button; }); /* concated harmony reexport Tooltip */__webpack_require__.d(__webpack_exports__, "Tooltip", function() { return build_module_tooltip; }); /* concated harmony reexport TreeSelect */__webpack_require__.d(__webpack_exports__, "TreeSelect", function() { return TreeSelect; }); /* concated harmony reexport IsolatedEventContainer */__webpack_require__.d(__webpack_exports__, "IsolatedEventContainer", function() { return isolated_event_container; }); /* concated harmony reexport createSlotFill */__webpack_require__.d(__webpack_exports__, "createSlotFill", function() { return createSlotFill; }); /* concated harmony reexport Slot */__webpack_require__.d(__webpack_exports__, "Slot", function() { return slot_fill_slot; }); /* concated harmony reexport Fill */__webpack_require__.d(__webpack_exports__, "Fill", function() { return slot_fill_fill; }); /* concated harmony reexport SlotFillProvider */__webpack_require__.d(__webpack_exports__, "SlotFillProvider", function() { return slot_fill_context; }); /* concated harmony reexport navigateRegions */__webpack_require__.d(__webpack_exports__, "navigateRegions", function() { return navigate_regions; }); /* concated harmony reexport withConstrainedTabbing */__webpack_require__.d(__webpack_exports__, "withConstrainedTabbing", function() { return with_constrained_tabbing; }); /* concated harmony reexport withFallbackStyles */__webpack_require__.d(__webpack_exports__, "withFallbackStyles", function() { return with_fallback_styles; }); /* concated harmony reexport withFilters */__webpack_require__.d(__webpack_exports__, "withFilters", function() { return withFilters; }); /* concated harmony reexport withFocusOutside */__webpack_require__.d(__webpack_exports__, "withFocusOutside", function() { return with_focus_outside; }); /* concated harmony reexport withFocusReturn */__webpack_require__.d(__webpack_exports__, "withFocusReturn", function() { return with_focus_return; }); /* concated harmony reexport withNotices */__webpack_require__.d(__webpack_exports__, "withNotices", function() { return with_notices; }); /* concated harmony reexport withSpokenMessages */__webpack_require__.d(__webpack_exports__, "withSpokenMessages", function() { return with_spoken_messages; }); // Components // eslint-disable-next-line camelcase // Higher-Order Components /***/ }) /******/ ]);