")) { + value = "
" + value + "
"; + } + this.data.innerHTML = value; + }, + enumerable: false, + configurable: true + }); + Object.defineProperty(ClientsideText.prototype, "order", { + get: function () { + return this.data.position.controlIndex; + }, + set: function (value) { + this.data.position.controlIndex = value; + }, + enumerable: false, + configurable: true + }); + ClientsideText.prototype.onColumnChange = function (col) { + this.data.position.sectionFactor = col.factor; + this.data.position.controlIndex = Object(_funcs__WEBPACK_IMPORTED_MODULE_12__["getNextOrder"])(col.controls); + this.data.position.zoneIndex = col.data.position.zoneIndex; + this.data.position.sectionIndex = col.order; + this.data.position.layoutIndex = col.data.position.layoutIndex; + }; + ClientsideText.Default = { + addedFromPersistedData: false, + anchorComponentId: "", + controlType: 4, + displayMode: 2, + editorType: "CKEditor", + emphasis: {}, + id: "", + innerHTML: "", + position: { + controlIndex: 1, + layoutIndex: 1, + sectionFactor: 12, + sectionIndex: 1, + zoneIndex: 1, + }, + }; + return ClientsideText; +}(ColumnControl)); + +var ClientsideWebpart = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ClientsideWebpart, _super); + function ClientsideWebpart(json) { + if (json === void 0) { json = JSON.parse(JSON.stringify(ClientsideWebpart.Default)); } + return _super.call(this, json) || this; + } + ClientsideWebpart.fromComponentDef = function (definition) { + var part = new ClientsideWebpart(); + part.import(definition); + return part; + }; + Object.defineProperty(ClientsideWebpart.prototype, "title", { + get: function () { + return this.data.webPartData.title; + }, + set: function (value) { + this.data.webPartData.title = value; + }, + enumerable: false, + configurable: true + }); + Object.defineProperty(ClientsideWebpart.prototype, "description", { + get: function () { + return this.data.webPartData.description; + }, + set: function (value) { + this.data.webPartData.description = value; + }, + enumerable: false, + configurable: true + }); + Object.defineProperty(ClientsideWebpart.prototype, "order", { + get: function () { + return this.data.position.controlIndex; + }, + set: function (value) { + this.data.position.controlIndex = value; + }, + enumerable: false, + configurable: true + }); + Object.defineProperty(ClientsideWebpart.prototype, "height", { + get: function () { + return this.data.reservedHeight; + }, + set: function (value) { + this.data.reservedHeight = value; + }, + enumerable: false, + configurable: true + }); + Object.defineProperty(ClientsideWebpart.prototype, "width", { + get: function () { + return this.data.reservedWidth; + }, + set: function (value) { + this.data.reservedWidth = value; + }, + enumerable: false, + configurable: true + }); + Object.defineProperty(ClientsideWebpart.prototype, "dataVersion", { + get: function () { + return this.data.webPartData.dataVersion; + }, + set: function (value) { + this.data.webPartData.dataVersion = value; + }, + enumerable: false, + configurable: true + }); + ClientsideWebpart.prototype.setProperties = function (properties) { + this.data.webPartData.properties = Object(_pnp_common__WEBPACK_IMPORTED_MODULE_2__["assign"])(this.data.webPartData.properties, properties); + return this; + }; + ClientsideWebpart.prototype.getProperties = function () { + return this.data.webPartData.properties; + }; + ClientsideWebpart.prototype.onColumnChange = function (col) { + this.data.position.sectionFactor = col.factor; + this.data.position.controlIndex = Object(_funcs__WEBPACK_IMPORTED_MODULE_12__["getNextOrder"])(col.controls); + this.data.position.zoneIndex = col.data.position.zoneIndex; + this.data.position.sectionIndex = col.data.position.sectionIndex; + this.data.position.layoutIndex = col.data.position.layoutIndex; + }; + ClientsideWebpart.prototype.import = function (component) { + var id = Object(_pnp_common__WEBPACK_IMPORTED_MODULE_2__["getGUID"])(); + var componendId = component.Id.replace(/^\{|\}$/g, "").toLowerCase(); + var manifest = JSON.parse(component.Manifest); + var preconfiguredEntries = manifest.preconfiguredEntries[0]; + this.setData(Object.assign({}, this.data, { + id: id, + webPartData: { + dataVersion: "1.0", + description: preconfiguredEntries.description.default, + id: componendId, + instanceId: id, + properties: preconfiguredEntries.properties, + title: preconfiguredEntries.title.default, + }, + webPartId: componendId, + })); + }; + ClientsideWebpart.Default = { + addedFromPersistedData: false, + controlType: 3, + displayMode: 2, + emphasis: {}, + id: null, + position: { + controlIndex: 1, + layoutIndex: 1, + sectionFactor: 12, + sectionIndex: 1, + zoneIndex: 1, + }, + reservedHeight: 500, + reservedWidth: 500, + webPartData: null, + webPartId: null, + }; + return ClientsideWebpart; +}(ColumnControl)); + +//# sourceMappingURL=types.js.map + +/***/ }), + +/***/ "+p1r": +/*!******************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-controls-react/node_modules/@uifabric/styling/lib/styles/hiddenContentStyle.js ***! + \******************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +exports.hiddenContentStyle = { + position: 'absolute', + width: 1, + height: 1, + margin: -1, + padding: 0, + border: 0, + overflow: 'hidden' +}; +//# sourceMappingURL=hiddenContentStyle.js.map + +/***/ }), + +/***/ "+qqh": +/*!*********************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/moment/locale/ku.js ***! + \*********************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +//! moment.js locale configuration +//! locale : Kurdish [ku] +//! author : Shahram Mebashar : https://github.com/ShahramMebashar + +;(function (global, factory) { + true ? factory(__webpack_require__(/*! ../moment */ "AdnS")) : + undefined +}(this, (function (moment) { 'use strict'; + + //! moment.js locale configuration + + var symbolMap = { + 1: '١', + 2: '٢', + 3: '٣', + 4: '٤', + 5: '٥', + 6: '٦', + 7: '٧', + 8: '٨', + 9: '٩', + 0: '٠', + }, + numberMap = { + '١': '1', + '٢': '2', + '٣': '3', + '٤': '4', + '٥': '5', + '٦': '6', + '٧': '7', + '٨': '8', + '٩': '9', + '٠': '0', + }, + months = [ + 'کانونی دووەم', + 'شوبات', + 'ئازار', + 'نیسان', + 'ئایار', + 'حوزەیران', + 'تەمموز', + 'ئاب', + 'ئەیلوول', + 'تشرینی یەكەم', + 'تشرینی دووەم', + 'كانونی یەکەم', + ]; + + var ku = moment.defineLocale('ku', { + months: months, + monthsShort: months, + weekdays: 'یهكشهممه_دووشهممه_سێشهممه_چوارشهممه_پێنجشهممه_ههینی_شهممه'.split( + '_' + ), + weekdaysShort: 'یهكشهم_دووشهم_سێشهم_چوارشهم_پێنجشهم_ههینی_شهممه'.split( + '_' + ), + weekdaysMin: 'ی_د_س_چ_پ_ه_ش'.split('_'), + weekdaysParseExact: true, + longDateFormat: { + LT: 'HH:mm', + LTS: 'HH:mm:ss', + L: 'DD/MM/YYYY', + LL: 'D MMMM YYYY', + LLL: 'D MMMM YYYY HH:mm', + LLLL: 'dddd, D MMMM YYYY HH:mm', + }, + meridiemParse: /ئێواره|بهیانی/, + isPM: function (input) { + return /ئێواره/.test(input); + }, + meridiem: function (hour, minute, isLower) { + if (hour < 12) { + return 'بهیانی'; + } else { + return 'ئێواره'; + } + }, + calendar: { + sameDay: '[ئهمرۆ كاتژمێر] LT', + nextDay: '[بهیانی كاتژمێر] LT', + nextWeek: 'dddd [كاتژمێر] LT', + lastDay: '[دوێنێ كاتژمێر] LT', + lastWeek: 'dddd [كاتژمێر] LT', + sameElse: 'L', + }, + relativeTime: { + future: 'له %s', + past: '%s', + s: 'چهند چركهیهك', + ss: 'چركه %d', + m: 'یهك خولهك', + mm: '%d خولهك', + h: 'یهك كاتژمێر', + hh: '%d كاتژمێر', + d: 'یهك ڕۆژ', + dd: '%d ڕۆژ', + M: 'یهك مانگ', + MM: '%d مانگ', + y: 'یهك ساڵ', + yy: '%d ساڵ', + }, + preparse: function (string) { + return string + .replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) { + return numberMap[match]; + }) + .replace(/،/g, ','); + }, + postformat: function (string) { + return string + .replace(/\d/g, function (match) { + return symbolMap[match]; + }) + .replace(/,/g, '،'); + }, + week: { + dow: 6, // Saturday is the first day of the week. + doy: 12, // The week that contains Jan 12th is the first week of the year. + }, + }); + + return ku; + +}))); + + +/***/ }), + +/***/ "+u5p": +/*!*********************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-controls-react/node_modules/@uifabric/merge-styles/lib/transforms/provideUnits.js ***! + \*********************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var NON_PIXEL_NUMBER_PROPS = [ + 'column-count', + 'font-weight', + 'flex-basis', + 'flex', + 'flex-grow', + 'flex-shrink', + 'fill-opacity', + 'opacity', + 'order', + 'z-index', + 'zoom' +]; +function provideUnits(rulePairs, index) { + var name = rulePairs[index]; + var value = rulePairs[index + 1]; + if (typeof value === 'number') { + var unit = (NON_PIXEL_NUMBER_PROPS.indexOf(name) === -1) ? 'px' : ''; + rulePairs[index + 1] = "" + value + unit; + } +} +exports.provideUnits = provideUnits; +//# sourceMappingURL=provideUnits.js.map + +/***/ }), + +/***/ "+xxz": +/*!********************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/sp/utils/extractweburl.js ***! + \********************************************************************************************************************************/ +/*! exports provided: extractWebUrl */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extractWebUrl", function() { return extractWebUrl; }); +/* harmony import */ var _pnp_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pnp/common */ "12fc"); + +function extractWebUrl(candidateUrl) { + if (Object(_pnp_common__WEBPACK_IMPORTED_MODULE_0__["stringIsNullOrEmpty"])(candidateUrl)) { + return ""; + } + var index = candidateUrl.indexOf("_api/"); + if (index < 0) { + index = candidateUrl.indexOf("_vti_bin/"); + } + if (index > -1) { + return candidateUrl.substr(0, index); + } + // if all else fails just give them what they gave us back + return candidateUrl; +} +//# sourceMappingURL=extractweburl.js.map + +/***/ }), + +/***/ "+yB5": +/*!*******************************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-property-controls/node_modules/@uifabric/styling/lib/styles/PulsingBeaconAnimationStyles.js ***! + \*******************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var tslib_1 = __webpack_require__(/*! tslib */ "pL+6"); +var index_1 = __webpack_require__(/*! @uifabric/merge-styles/lib/index */ "qK96"); +var DEFAULT_DURATION = '14s'; +var DEFAULT_DELAY = '2s'; +var DEFAULT_ITERATION_COUNT = '1'; +function _continuousPulseStepOne(beaconColorOne, innerDimension) { + return { + borderColor: beaconColorOne, + borderWidth: '0px', + width: innerDimension, + height: innerDimension + }; +} +function _continuousPulseStepTwo(borderWidth) { + return { + opacity: 1, + borderWidth: borderWidth + }; +} +function _continuousPulseStepThree() { + return { + opacity: 1 + }; +} +function _continuousPulseStepFour(beaconColorTwo, outerDimension) { + return { + borderWidth: '0', + width: outerDimension, + height: outerDimension, + opacity: 0, + borderColor: beaconColorTwo + }; +} +function _continuousPulseStepFive(beaconColorOne, innerDimension) { + return tslib_1.__assign({}, _continuousPulseStepOne(beaconColorOne, innerDimension), { + opacity: 0 + }); +} +function _continuousPulseAnimationDouble(beaconColorOne, beaconColorTwo, innerDimension, outerDimension, borderWidth) { + return index_1.keyframes({ + '0%': _continuousPulseStepOne(beaconColorOne, innerDimension), + '1.42%': _continuousPulseStepTwo(borderWidth), + '3.57%': _continuousPulseStepThree(), + '7.14%': _continuousPulseStepFour(beaconColorTwo, outerDimension), + '8%': _continuousPulseStepFive(beaconColorOne, innerDimension), + '29.99%': _continuousPulseStepFive(beaconColorOne, innerDimension), + '30%': _continuousPulseStepOne(beaconColorOne, innerDimension), + '31.42%': _continuousPulseStepTwo(borderWidth), + '33.57%': _continuousPulseStepThree(), + '37.14%': _continuousPulseStepFour(beaconColorTwo, outerDimension), + '38%': _continuousPulseStepFive(beaconColorOne, innerDimension), + '79.42%': _continuousPulseStepFive(beaconColorOne, innerDimension), + '79.43': _continuousPulseStepOne(beaconColorOne, innerDimension), + '81.85': _continuousPulseStepTwo(borderWidth), + '83.42': _continuousPulseStepThree(), + '87%': _continuousPulseStepFour(beaconColorTwo, outerDimension), + '100%': {} + }); +} +function _continuousPulseAnimationSingle(beaconColorOne, beaconColorTwo, innerDimension, outerDimension, borderWidth) { + return index_1.keyframes({ + '0%': _continuousPulseStepOne(beaconColorOne, innerDimension), + '14.2%': _continuousPulseStepTwo(borderWidth), + '35.7%': _continuousPulseStepThree(), + '71.4%': _continuousPulseStepFour(beaconColorTwo, outerDimension), + '100%': {} + }); +} +function _createDefaultAnimation(animationName) { + return { + animationName: animationName, + animationIterationCount: DEFAULT_ITERATION_COUNT, + animationDuration: DEFAULT_DURATION, + animationDelay: DEFAULT_DELAY + }; +} +exports.PulsingBeaconAnimationStyles = { + continuousPulseAnimationDouble: _continuousPulseAnimationDouble, + continuousPulseAnimationSingle: _continuousPulseAnimationSingle, + createDefaultAnimation: _createDefaultAnimation, +}; +//# sourceMappingURL=PulsingBeaconAnimationStyles.js.map + +/***/ }), + +/***/ "/6YK": +/*!***********************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-property-controls/node_modules/office-ui-fabric-react/lib/components/Panel/Panel.js ***! + \***********************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var tslib_1 = __webpack_require__(/*! tslib */ "pL+6"); +var React = __webpack_require__(/*! react */ "cDcd"); +var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "95fW"); +var index_1 = __webpack_require__(/*! ../FocusTrapZone/index */ "mzJR"); +var Panel_types_1 = __webpack_require__(/*! ./Panel.types */ "kPDu"); +var Layer_1 = __webpack_require__(/*! ../Layer/Layer */ "f0xO"); +var Overlay_1 = __webpack_require__(/*! ../../Overlay */ "EWmA"); +var Popup_1 = __webpack_require__(/*! ../../Popup */ "YGxc"); +var Button_1 = __webpack_require__(/*! ../../Button */ "iEYH"); +var Styling_1 = __webpack_require__(/*! ../../Styling */ "so4G"); +var stylesImport = __webpack_require__(/*! ./Panel.scss */ "GLHW"); +var styles = stylesImport; +var theme = Styling_1.getTheme(); +var Panel = /** @class */ (function (_super) { + tslib_1.__extends(Panel, _super); + function Panel(props) { + var _this = _super.call(this, props) || this; + _this._panel = Utilities_1.createRef(); + _this._content = Utilities_1.createRef(); + _this.dismiss = function () { + if (_this.state.isOpen) { + _this.setState({ + isOpen: false, + isAnimating: true + }, function () { + _this._async.setTimeout(_this._onTransitionComplete, 200); + }); + if (_this.props.onDismiss) { + _this.props.onDismiss(); + } + } + }; + _this._onRenderNavigation = function (props) { + var closeButtonAriaLabel = props.closeButtonAriaLabel, hasCloseButton = props.hasCloseButton; + if (hasCloseButton) { + return (React.createElement("div", { className: Utilities_1.css('ms-Panel-navigation', styles.navigation) }, + React.createElement(Button_1.IconButton, { styles: { + root: { + height: 'auto', + width: '44px', + color: theme.palette.neutralSecondary, + fontSize: Styling_1.IconFontSizes.large, + }, + rootHovered: { + color: theme.palette.neutralPrimary + } + }, className: Utilities_1.css('ms-Panel-closeButton ms-PanelAction-close'), onClick: _this._onPanelClick, ariaLabel: closeButtonAriaLabel, "data-is-visible": true, iconProps: { iconName: 'Cancel' } }))); + } + return null; + }; + _this._onRenderHeader = function (props, defaultRender, headerTextId) { + var headerText = props.headerText, _a = props.headerClassName, headerClassName = _a === void 0 ? '' : _a; + if (headerText) { + return (React.createElement("div", { className: Utilities_1.css('ms-Panel-header', styles.header) }, + React.createElement("p", { className: Utilities_1.css('ms-Panel-headerText', styles.headerText, headerClassName), id: headerTextId, role: 'heading' }, headerText))); + } + return null; + }; + _this._onRenderBody = function (props) { + var contentClass = Utilities_1.css('ms-Panel-content', styles.content, props.isFooterAtBottom && styles.contentGrow); + return (React.createElement("div", { ref: _this._content, className: contentClass, "data-is-scrollable": true }, props.children)); + }; + _this._onRenderFooter = function (props) { + var isFooterSticky = _this.state.isFooterSticky; + var _a = _this.props.onRenderFooterContent, onRenderFooterContent = _a === void 0 ? null : _a; + if (onRenderFooterContent) { + return (React.createElement("div", { className: Utilities_1.css('ms-Panel-footer', styles.footer, isFooterSticky && styles.footerIsSticky) }, + React.createElement("div", { className: Utilities_1.css('ms-Panel-footerInner', styles.footerInner) }, onRenderFooterContent()))); + } + return null; + }; + _this._onPanelClick = function () { + _this.dismiss(); + }; + _this._onTransitionComplete = function () { + _this.setState({ + isAnimating: false + }); + if (!_this.state.isOpen && _this.props.onDismissed) { + _this.props.onDismissed(); + } + }; + _this._warnDeprecations({ + 'ignoreExternalFocusing': 'focusTrapZoneProps', + 'forceFocusInsideTrap': 'focusTrapZoneProps', + 'firstFocusableSelector': 'focusTrapZoneProps' + }); + _this.state = { + isFooterSticky: false, + isOpen: false, + isAnimating: false, + id: Utilities_1.getId('Panel') + }; + return _this; + } + Panel.prototype.componentDidMount = function () { + this._events.on(window, 'resize', this._updateFooterPosition); + if (this._shouldListenForOuterClick(this.props)) { + this._events.on(document.body, 'click', this._dismissOnOuterClick, true); + } + if (this.props.isOpen) { + this.open(); + } + }; + Panel.prototype.componentDidUpdate = function (previousProps) { + var shouldListenOnOuterClick = this._shouldListenForOuterClick(this.props); + var previousShouldListenOnOuterClick = this._shouldListenForOuterClick(previousProps); + if (shouldListenOnOuterClick && !previousShouldListenOnOuterClick) { + this._events.on(document.body, 'click', this._dismissOnOuterClick, true); + } + else if (!shouldListenOnOuterClick && previousShouldListenOnOuterClick) { + this._events.off(document.body, 'click', this._dismissOnOuterClick, true); + } + }; + Panel.prototype.componentWillReceiveProps = function (newProps) { + if (newProps.isOpen !== this.state.isOpen) { + if (newProps.isOpen) { + this.open(); + } + else { + this.dismiss(); + } + } + }; + Panel.prototype.render = function () { + var _a = this.props, _b = _a.className, className = _b === void 0 ? '' : _b, elementToFocusOnDismiss = _a.elementToFocusOnDismiss, firstFocusableSelector = _a.firstFocusableSelector, focusTrapZoneProps = _a.focusTrapZoneProps, forceFocusInsideTrap = _a.forceFocusInsideTrap, hasCloseButton = _a.hasCloseButton, headerText = _a.headerText, ignoreExternalFocusing = _a.ignoreExternalFocusing, isBlocking = _a.isBlocking, isLightDismiss = _a.isLightDismiss, isHiddenOnDismiss = _a.isHiddenOnDismiss, layerProps = _a.layerProps, type = _a.type, customWidth = _a.customWidth, _c = _a.onLightDismissClick, onLightDismissClick = _c === void 0 ? this._onPanelClick : _c, _d = _a.onRenderNavigation, onRenderNavigation = _d === void 0 ? this._onRenderNavigation : _d, _e = _a.onRenderHeader, onRenderHeader = _e === void 0 ? this._onRenderHeader : _e, _f = _a.onRenderBody, onRenderBody = _f === void 0 ? this._onRenderBody : _f, _g = _a.onRenderFooter, onRenderFooter = _g === void 0 ? this._onRenderFooter : _g; + var _h = this.state, isOpen = _h.isOpen, isAnimating = _h.isAnimating, id = _h.id; + var isLeft = type === Panel_types_1.PanelType.smallFixedNear ? true : false; + var isRTL = Utilities_1.getRTL(); + var isOnRightSide = isRTL ? isLeft : !isLeft; + var headerTextId = headerText && id + '-headerText'; + var customWidthStyles = (type === Panel_types_1.PanelType.custom) ? { width: customWidth } : {}; + var nativeProps = Utilities_1.getNativeProps(this.props, Utilities_1.divProperties); + if (!isOpen && !isAnimating && !isHiddenOnDismiss) { + return null; + } + var overlay; + if (isBlocking && isOpen) { + overlay = (React.createElement(Overlay_1.Overlay, { className: Utilities_1.css(styles.overlay, isOpen && isAnimating && Styling_1.AnimationClassNames.fadeIn200, !isOpen && isAnimating && Styling_1.AnimationClassNames.fadeOut200), isDarkThemed: false, onClick: isLightDismiss ? onLightDismissClick : undefined })); + } + var header = onRenderHeader(this.props, this._onRenderHeader, headerTextId); + return (React.createElement(Layer_1.Layer, tslib_1.__assign({}, layerProps), + React.createElement(Popup_1.Popup, { role: 'dialog', ariaLabelledBy: header ? headerTextId : undefined, onDismiss: this.dismiss, className: Utilities_1.css(!isOpen && !isAnimating && isHiddenOnDismiss && styles.hiddenPanel) }, + React.createElement("div", tslib_1.__assign({}, nativeProps, { ref: this._panel, className: Utilities_1.css('ms-Panel', styles.root, className, + // because the RTL animations are not being used, we need to set a class + isOpen && ('is-open ' + styles.rootIsOpen), type === Panel_types_1.PanelType.smallFluid && ('ms-Panel--smFluid ' + styles.rootIsSmallFluid), type === Panel_types_1.PanelType.smallFixedNear && ('ms-Panel--smLeft ' + styles.rootIsSmallLeft), type === Panel_types_1.PanelType.smallFixedFar && ('ms-Panel--sm ' + styles.rootIsSmall), type === Panel_types_1.PanelType.medium && ('ms-Panel--md ' + styles.rootIsMedium), (type === Panel_types_1.PanelType.large || type === Panel_types_1.PanelType.largeFixed) && ('ms-Panel--lg ' + styles.rootIsLarge), type === Panel_types_1.PanelType.largeFixed && ('ms-Panel--fixed ' + styles.rootIsFixed), type === Panel_types_1.PanelType.extraLarge && ('ms-Panel--xl ' + styles.rootIsXLarge), type === Panel_types_1.PanelType.custom && ('ms-Panel--custom ' + styles.rootIsCustom), hasCloseButton && ('ms-Panel--hasCloseButton ' + styles.rootHasCloseButton), !isOpen && !isAnimating && isHiddenOnDismiss && styles.hiddenPanel) }), + overlay, + React.createElement(index_1.FocusTrapZone, tslib_1.__assign({ ignoreExternalFocusing: ignoreExternalFocusing, forceFocusInsideTrap: isHiddenOnDismiss && !isOpen ? false : forceFocusInsideTrap, firstFocusableSelector: firstFocusableSelector, isClickableOutsideFocusTrap: true }, focusTrapZoneProps, { className: Utilities_1.css('ms-Panel-main', styles.main, isOpen && isAnimating && !isOnRightSide && Styling_1.AnimationClassNames.slideRightIn40, isOpen && isAnimating && isOnRightSide && Styling_1.AnimationClassNames.slideLeftIn40, !isOpen && isAnimating && !isOnRightSide && Styling_1.AnimationClassNames.slideLeftOut40, !isOpen && isAnimating && isOnRightSide && Styling_1.AnimationClassNames.slideRightOut40, focusTrapZoneProps ? focusTrapZoneProps.className : undefined), style: customWidthStyles, elementToFocusOnDismiss: elementToFocusOnDismiss }), + React.createElement("div", { className: Utilities_1.css('ms-Panel-commands'), "data-is-visible": true }, onRenderNavigation(this.props, this._onRenderNavigation)), + React.createElement("div", { className: Utilities_1.css('ms-Panel-contentInner', styles.contentInner) }, + header, + onRenderBody(this.props, this._onRenderBody), + onRenderFooter(this.props, this._onRenderFooter))))))); + }; + Panel.prototype.open = function () { + var _this = this; + if (!this.state.isOpen) { + this.setState({ + isOpen: true, + isAnimating: true + }, function () { + _this._async.setTimeout(_this._onTransitionComplete, 200); + }); + } + }; + Panel.prototype._shouldListenForOuterClick = function (props) { + return !!props.isBlocking && !!props.isOpen; + }; + Panel.prototype._updateFooterPosition = function () { + var _content = this._content.current; + if (_content) { + var height = _content.clientHeight; + var innerHeight_1 = _content.scrollHeight; + this.setState({ + isFooterSticky: height < innerHeight_1 ? true : false + }); + } + }; + Panel.prototype._dismissOnOuterClick = function (ev) { + var panel = this._panel.current; + if (this.state.isOpen && panel) { + if (!Utilities_1.elementContains(panel, ev.target)) { + if (this.props.onOuterClick) { + this.props.onOuterClick(); + ev.preventDefault(); + } + else { + this.dismiss(); + } + } + } + }; + Panel.defaultProps = { + isHiddenOnDismiss: false, + isOpen: false, + isBlocking: true, + hasCloseButton: true, + type: Panel_types_1.PanelType.smallFixedFar, + }; + return Panel; +}(Utilities_1.BaseComponent)); +exports.Panel = Panel; +//# sourceMappingURL=Panel.js.map + +/***/ }), + +/***/ "/Aqh": +/*!*********************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/sp/clientside-pages/web.js ***! + \*********************************************************************************************************************************/ +/*! no exports provided */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _webs_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../webs/types */ "p6JM"); +/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "+kAZ"); +/* harmony import */ var _sharepointqueryable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../sharepointqueryable */ "iBxB"); + + + +_webs_types__WEBPACK_IMPORTED_MODULE_0__["_Web"].prototype.getClientsideWebParts = function () { + return this.clone(_sharepointqueryable__WEBPACK_IMPORTED_MODULE_2__["SharePointQueryableCollection"], "GetClientSideWebParts")(); +}; +_webs_types__WEBPACK_IMPORTED_MODULE_0__["_Web"].prototype.addClientsidePage = + function (pageName, title, layout, promotedState) { + if (title === void 0) { title = pageName.replace(/\.[^/.]+$/, ""); } + return Object(_types__WEBPACK_IMPORTED_MODULE_1__["CreateClientsidePage"])(this, pageName, title, layout, promotedState); + }; +_webs_types__WEBPACK_IMPORTED_MODULE_0__["_Web"].prototype.loadClientsidePage = function (path) { + return Object(_types__WEBPACK_IMPORTED_MODULE_1__["ClientsidePageFromFile"])(this.getFileByServerRelativePath(path)); +}; +//# sourceMappingURL=web.js.map + +/***/ }), + +/***/ "/Dpc": +/*!**************************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-property-controls/node_modules/office-ui-fabric-react/lib/components/Dropdown/index.js ***! + \**************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var tslib_1 = __webpack_require__(/*! tslib */ "pL+6"); +tslib_1.__exportStar(__webpack_require__(/*! ./Dropdown */ "M9Lh"), exports); +tslib_1.__exportStar(__webpack_require__(/*! ./Dropdown.types */ "9igm"), exports); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "/FDx": +/*!**********************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/sp/telemetry.js ***! + \**********************************************************************************************************************/ +/*! exports provided: tag */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tag", function() { return tag; }); +/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "RBFL"); +/* harmony import */ var _pnp_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pnp/common */ "12fc"); +/* harmony import */ var _pnp_odata__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pnp/odata */ "b60l"); + + + +/** + * Includes this method name in the X-ClientService-ClientTag used to record pnpjs usage + * + * @param name Method name, displayed in the + */ +function tag(name) { + return function (target, key, descriptor) { + if (descriptor === undefined) { + descriptor = Object.getOwnPropertyDescriptor(target, key); + } + var originalMethod = descriptor.value; + descriptor.value = function () { + var args = []; + for (var _i = 0; _i < arguments.length; _i++) { + args[_i] = arguments[_i]; + } + return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () { + return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_a) { + this.configure(Object(_pnp_odata__WEBPACK_IMPORTED_MODULE_2__["headers"])({ "X-PnPjs-Tracking": name })); + return [2 /*return*/, originalMethod.apply(this, args)]; + }); + }); + }; + return descriptor; + }; +} +tag.getClientTag = function (h, deleteFromCollection) { + if (deleteFromCollection === void 0) { deleteFromCollection = true; } + if (h.has("X-PnPjs-Tracking")) { + var methodName = h.get("X-PnPjs-Tracking"); + if (deleteFromCollection) { + h.delete("X-PnPjs-Tracking"); + } + if (!Object(_pnp_common__WEBPACK_IMPORTED_MODULE_1__["stringIsNullOrEmpty"])(methodName)) { + return methodName; + } + } + return ""; +}; +tag.configure = function (o, name) { + return o.configure(Object(_pnp_odata__WEBPACK_IMPORTED_MODULE_2__["headers"])({ "X-PnPjs-Tracking": name })); +}; +tag.isTagged = function (o) { + return o.data.options.headers && o.data.options.headers["X-PnPjs-Tracking"]; +}; +//# sourceMappingURL=telemetry.js.map + +/***/ }), + +/***/ "/HJ3": +/*!*********************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-property-controls/node_modules/office-ui-fabric-react/lib/components/Icon/Icon.js ***! + \*********************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "95fW"); +var Icon_base_1 = __webpack_require__(/*! ./Icon.base */ "K2nB"); +var Icon_styles_1 = __webpack_require__(/*! ./Icon.styles */ "yDuq"); +/** + * Icons are used for rendering an individual's avatar, presence and details. + * They are used within the PeoplePicker components. + */ +exports.Icon = Utilities_1.styled(Icon_base_1.IconBase, Icon_styles_1.getStyles); +//# sourceMappingURL=Icon.js.map + +/***/ }), + +/***/ "/Hu+": +/*!*************************************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/BaseButton.classNames.js ***! + \*************************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "f/6L"); +var Styling_1 = __webpack_require__(/*! ../../Styling */ "cjZ2"); +exports.getBaseButtonClassNames = Utilities_1.memoizeFunction(function (styles, className, variantClassName, iconClassName, menuIconClassName, disabled, checked, expanded, isSplit) { + var isExpanded = expanded && !isSplit; + return Styling_1.mergeStyleSets({ + root: [ + 'ms-Button', + styles.root, + className, + variantClassName, + checked && [ + 'is-checked', + styles.rootChecked + ], + isExpanded && [ + 'is-expanded', + styles.rootExpanded, + { + selectors: { + ':hover .ms-Button-icon': styles.iconExpandedHovered, + ':hover .ms-Button-menuIcon': styles.rootExpandedHovered, + ':hover': styles.rootExpandedHovered + } + } + ], + disabled && [ + 'is-disabled', + styles.rootDisabled + ], + !disabled && !isExpanded && !checked && { + selectors: { + ':hover': styles.rootHovered, + ':hover .ms-Button-icon': styles.iconHovered, + ':hover .ms-Button-description': styles.descriptionHovered, + ':hover .ms-Button-menuIcon': styles.menuIconHovered, + ':focus': styles.rootFocused, + ':active': styles.rootPressed, + ':active .ms-Button-icon': styles.iconPressed, + ':active .ms-Button-description': styles.descriptionPressed, + ':active .ms-Button-menuIcon': styles.menuIconPressed + } + }, + disabled && checked && [ + styles.rootCheckedDisabled + ], + !disabled && checked && { + selectors: { + ':hover': styles.rootCheckedHovered, + ':active': styles.rootCheckedPressed + } + } + ], + flexContainer: [ + 'ms-Button-flexContainer', + styles.flexContainer + ], + textContainer: [ + 'ms-Button-textContainer', + styles.textContainer + ], + icon: [ + 'ms-Button-icon', + iconClassName, + styles.icon, + isExpanded && styles.iconExpanded, + checked && styles.iconChecked, + disabled && styles.iconDisabled, + ], + label: [ + 'ms-Button-label', + styles.label, + checked && styles.labelChecked, + disabled && styles.labelDisabled, + ], + menuIcon: [ + 'ms-Button-menuIcon', + menuIconClassName, + styles.menuIcon, + checked && styles.menuIconChecked, + disabled && styles.menuIconDisabled, + !disabled && + !isExpanded && + !checked && { + selectors: { + ':hover': styles.menuIconHovered, + ':active': styles.menuIconPressed, + }, + }, + isExpanded && [ + 'is-expanded', + styles.menuIconExpanded, + { + selectors: { + ':hover': styles.menuIconExpandedHovered, + }, + }, + ] + ], + description: [ + 'ms-Button-description', + styles.description, + checked && styles.descriptionChecked, + disabled && styles.descriptionDisabled + ], + screenReaderText: [ + 'ms-Button-screenReaderText', + styles.screenReaderText + ] + }); +}); +//# sourceMappingURL=BaseButton.classNames.js.map + +/***/ }), + +/***/ "/LjX": +/*!************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/moment/locale/es-mx.js ***! + \************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +//! moment.js locale configuration +//! locale : Spanish (Mexico) [es-mx] +//! author : JC Franco : https://github.com/jcfranco + +;(function (global, factory) { + true ? factory(__webpack_require__(/*! ../moment */ "AdnS")) : + undefined +}(this, (function (moment) { 'use strict'; + + //! moment.js locale configuration + + var monthsShortDot = 'ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.'.split( + '_' + ), + monthsShort = 'ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic'.split('_'), + monthsParse = [ + /^ene/i, + /^feb/i, + /^mar/i, + /^abr/i, + /^may/i, + /^jun/i, + /^jul/i, + /^ago/i, + /^sep/i, + /^oct/i, + /^nov/i, + /^dic/i, + ], + monthsRegex = /^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre|ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i; + + var esMx = moment.defineLocale('es-mx', { + months: 'enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre'.split( + '_' + ), + monthsShort: function (m, format) { + if (!m) { + return monthsShortDot; + } else if (/-MMM-/.test(format)) { + return monthsShort[m.month()]; + } else { + return monthsShortDot[m.month()]; + } + }, + monthsRegex: monthsRegex, + monthsShortRegex: monthsRegex, + monthsStrictRegex: /^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i, + monthsShortStrictRegex: /^(ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i, + monthsParse: monthsParse, + longMonthsParse: monthsParse, + shortMonthsParse: monthsParse, + weekdays: 'domingo_lunes_martes_miércoles_jueves_viernes_sábado'.split('_'), + weekdaysShort: 'dom._lun._mar._mié._jue._vie._sáb.'.split('_'), + weekdaysMin: 'do_lu_ma_mi_ju_vi_sá'.split('_'), + weekdaysParseExact: true, + longDateFormat: { + LT: 'H:mm', + LTS: 'H:mm:ss', + L: 'DD/MM/YYYY', + LL: 'D [de] MMMM [de] YYYY', + LLL: 'D [de] MMMM [de] YYYY H:mm', + LLLL: 'dddd, D [de] MMMM [de] YYYY H:mm', + }, + calendar: { + sameDay: function () { + return '[hoy a la' + (this.hours() !== 1 ? 's' : '') + '] LT'; + }, + nextDay: function () { + return '[mañana a la' + (this.hours() !== 1 ? 's' : '') + '] LT'; + }, + nextWeek: function () { + return 'dddd [a la' + (this.hours() !== 1 ? 's' : '') + '] LT'; + }, + lastDay: function () { + return '[ayer a la' + (this.hours() !== 1 ? 's' : '') + '] LT'; + }, + lastWeek: function () { + return ( + '[el] dddd [pasado a la' + + (this.hours() !== 1 ? 's' : '') + + '] LT' + ); + }, + sameElse: 'L', + }, + relativeTime: { + future: 'en %s', + past: 'hace %s', + s: 'unos segundos', + ss: '%d segundos', + m: 'un minuto', + mm: '%d minutos', + h: 'una hora', + hh: '%d horas', + d: 'un día', + dd: '%d días', + w: 'una semana', + ww: '%d semanas', + M: 'un mes', + MM: '%d meses', + y: 'un año', + yy: '%d años', + }, + dayOfMonthOrdinalParse: /\d{1,2}º/, + ordinal: '%dº', + week: { + dow: 0, // Sunday is the first day of the week. + doy: 4, // The week that contains Jan 4th is the first week of the year. + }, + invalidDate: 'Fecha inválida', + }); + + return esMx; + +}))); + + +/***/ }), + +/***/ "/VN/": +/*!***************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-property-controls/node_modules/@uifabric/utilities/lib/array.js ***! + \***************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +/** + * Helper to find the index of an item within an array, using a callback to + * determine the match. + * + * @public + * @param array - Array to search. + * @param cb - Callback which returns true on matches. + */ +function findIndex(array, cb) { + var index = -1; + for (var i = 0; array && i < array.length; i++) { + if (cb(array[i], i)) { + index = i; + break; + } + } + return index; +} +exports.findIndex = findIndex; +/** + * Helper to find the first item within an array that satisfies the callback. + * @param array - Array to search + * @param cb - Callback which returns true on matches + */ +function find(array, cb) { + var index = findIndex(array, cb); + if (index < 0) { + return undefined; + } + return array[index]; +} +exports.find = find; +/** + * Creates an array of a given size and helper method to populate. + * + * @public + * @param size - Size of array. + * @param getItem - Callback to populate given cell index. + */ +function createArray(size, getItem) { + var array = []; + for (var i = 0; i < size; i++) { + array.push(getItem(i)); + } + return array; +} +exports.createArray = createArray; +/** + * Convert the given array to a matrix with columnCount number + * of columns. + * + * @public + * @param items - The array to convert + * @param columnCount - The number of columns for the resulting matrix + * @returns {any[][]} - A matrix of items + */ +function toMatrix(items, columnCount) { + return items.reduce(function (rows, currentValue, index) { + if (index % columnCount === 0) { + rows.push([currentValue]); + } + else { + rows[rows.length - 1].push(currentValue); + } + return rows; + }, []); +} +exports.toMatrix = toMatrix; +/** + * Given an array, it returns a new array that does not contain the item at the given index. + * @param array - The array to operate on + * @param index - The index of the element to remove + */ +function removeIndex(array, index) { + return array.filter(function (_, i) { return index !== i; }); +} +exports.removeIndex = removeIndex; +/** + * Given an array, this function returns a new array where the element at a given index has been replaced. + * @param array - The array to operate on + * @param newElement - The element that will be placed in the new array + * @param index - The index of the element that should be replaced + */ +function replaceElement(array, newElement, index) { + var copy = array.slice(); + copy[index] = newElement; + return copy; +} +exports.replaceElement = replaceElement; +/** + * Given an array, this function returns a new array where an element has been inserted at the given index. + * @param array - The array to operate on + * @param index - The index where an element should be inserted + * @param itemToAdd - The element to insert + */ +function addElementAtIndex(array, index, itemToAdd) { + var copy = array.slice(); + copy.splice(index, 0, itemToAdd); + return copy; +} +exports.addElementAtIndex = addElementAtIndex; +/** + * Given an array where each element is of type T or T[], flatten it into an array of T + * @param array - The array where each element can optionally also be an array + */ +function flatten(array) { + var result = []; + array.forEach(function (item) { return (result = result.concat(item)); }); + return result; +} +exports.flatten = flatten; +/** + * Returns a boolean indicating if the two given arrays are equal in length and values. + * + * @param array1 - First array to compare + * @param array2 - Second array to compare + * @returns {boolean} True if the arrays are the same length and have the same values in the same positions, false otherwise. + */ +function arraysEqual(array1, array2) { + if (array1.length !== array2.length) { + return false; + } + for (var i = 0; i < array1.length; i++) { + if (array1[i] !== array2[i]) { + return false; + } + } + return true; +} +exports.arraysEqual = arraysEqual; +//# sourceMappingURL=array.js.map + +/***/ }), + +/***/ "/Zh+": +/*!****************************************************************************************************************************************************************************************************!*\ + !*** c:/users/hugoa/onedrive/github/sp-dev-fx-webparts/samples/react-world-clocks/node_modules/@pnp/spfx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/Button.types.js ***! + \****************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +Object.defineProperty(exports, "__esModule", { value: true }); +var ElementType; +(function (ElementType) { + /**