@microsoft/sp-component-base 1.14.0-rc.2 → 1.15.0-beta.6

package/lib-commonjs/BaseComponentContext.js

@@ -5,8 +5,8 @@ var sp_core_library_1 = require("@microsoft/sp-core-library");
 var sp_diagnostics_1 = require("@microsoft/sp-diagnostics");
 var sp_page_context_1 = require("@microsoft/sp-page-context");
 var sp_http_1 = require("@microsoft/sp-http");
-var DynamicDataProvider_1 = tslib_1.__importDefault(require("./DynamicDataProvider"));
-var DynamicDataSourceManager_1 = tslib_1.__importDefault(require("./DynamicDataSourceManager"));
+var DynamicDataProvider_1 = (0, tslib_1.__importDefault)(require("./DynamicDataProvider"));
+var DynamicDataSourceManager_1 = (0, tslib_1.__importDefault)(require("./DynamicDataSourceManager"));
 /**
  * The base class for context objects for client-side components.
  *

package/lib-commonjs/DynamicDataProvider.js

@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
 var sp_core_library_1 = require("@microsoft/sp-core-library");
 var sp_diagnostics_1 = require("@microsoft/sp-diagnostics");
 var sp_dynamic_data_1 = require("@microsoft/sp-dynamic-data");
-var lodash = tslib_1.__importStar(require("@microsoft/sp-lodash-subset"));
+var lodash = (0, tslib_1.__importStar)(require("@microsoft/sp-lodash-subset"));
 /**
  * The Dynamic Data Provider allows components to consume Dynamic Data.
  * It allows components to request Dynamic Data sources and register/unregister to those.

package/lib-commonjs/DynamicDataSourceManager.js

@@ -4,10 +4,10 @@ var tslib_1 = require("tslib");
 var sp_diagnostics_1 = require("@microsoft/sp-diagnostics");
 var sp_core_library_1 = require("@microsoft/sp-core-library");
 var sp_dynamic_data_1 = require("@microsoft/sp-dynamic-data");
-var lodash = tslib_1.__importStar(require("@microsoft/sp-lodash-subset"));
+var lodash = (0, tslib_1.__importStar)(require("@microsoft/sp-lodash-subset"));
 var sp_lodash_subset_1 = require("@microsoft/sp-lodash-subset");
-var DynamicDataProvider_1 = tslib_1.__importDefault(require("./DynamicDataProvider"));
-var strings = tslib_1.__importStar(require("./loc/Strings.resx"));
+var DynamicDataProvider_1 = (0, tslib_1.__importDefault)(require("./DynamicDataProvider"));
+var strings = (0, tslib_1.__importStar)(require("./loc/Strings.resx"));
 /**
  * The Dynamic Data Source Manager is responsible for:
  *  - Constructing the dynamic data source
@@ -132,7 +132,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
         metadata.alias = undefined;
         metadata.componentId = undefined;
         metadata.instanceId = undefined;
-        sp_lodash_subset_1.merge(this._src.metadata, metadata);
+        (0, sp_lodash_subset_1.merge)(this._src.metadata, metadata);
     };
     Object.defineProperty(DynamicDataSourceManager.prototype, "sourceId", {
         /**
@@ -174,7 +174,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
      */
     DynamicDataSourceManager.prototype._allowedEvents = function () {
         return this._callableFunctions.allowedEvents
-            ? sp_lodash_subset_1.cloneDeep(this._callableFunctions.allowedEvents())
+            ? (0, sp_lodash_subset_1.cloneDeep)(this._callableFunctions.allowedEvents())
             : undefined;
     };
     /**
@@ -193,7 +193,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
      * This assumes that the component has dynamic data and has a controller.
      */
     DynamicDataSourceManager.prototype._getPropertyDefinitions = function () {
-        return sp_lodash_subset_1.cloneDeep(this._callableFunctions.getPropertyDefinitions());
+        return (0, sp_lodash_subset_1.cloneDeep)(this._callableFunctions.getPropertyDefinitions());
     };
     /**
      * This is the getPropertyValue() that the DynamicDataSource actually exposes.
@@ -228,12 +228,11 @@ var DynamicDataSourceManager = /** @class */ (function () {
                     0 &&
                     this._src // Check that the source exists to get its title
                 ) {
-                    throw new Error("Property \"" + propertyId + "\" doesn't exist in source \"" + this._src.metadata.title + "\"");
+                    throw new Error("Property \"".concat(propertyId, "\" doesn't exist in source \"").concat(this._src.metadata.title, "\""));
                 }
             }
-            qosMonitor.writeSuccess(tslib_1.__assign(tslib_1.__assign({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, propertyValue: propertyValue,
-                propertyId: propertyId }));
-            return sp_lodash_subset_1.cloneDeep(propertyValue);
+            qosMonitor.writeSuccess((0, tslib_1.__assign)((0, tslib_1.__assign)({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, propertyValue: propertyValue, propertyId: propertyId }));
+            return (0, sp_lodash_subset_1.cloneDeep)(propertyValue);
         }
         catch (error) {
             qosMonitor.writeUnexpectedFailure('NoPropertyId', error, { propertyId: propertyId });
@@ -294,8 +293,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
                         annotatedPropertyValue = annotatedPropertyValue[paths[0]];
                     }
                 }
-                qosMonitor.writeSuccess(tslib_1.__assign(tslib_1.__assign({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, annotatedPropertyValue: annotatedPropertyValue,
-                    propertyId: propertyId }));
+                qosMonitor.writeSuccess((0, tslib_1.__assign)((0, tslib_1.__assign)({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, annotatedPropertyValue: annotatedPropertyValue, propertyId: propertyId }));
             }
             catch (error) {
                 qosMonitor.writeExpectedFailure('NoAnnotatedPropertyValue', error, { annotatedPropertyValue: annotatedPropertyValue });
@@ -348,7 +346,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
      * @param eventName - Name of the event.
      */
     DynamicDataSourceManager.prototype._assertValidEvent = function (eventName) {
-        if (!this._allowedEvents() || sp_lodash_subset_1.findIndex(this._allowedEvents(), { name: eventName }) === -1) {
+        if (!this._allowedEvents() || (0, sp_lodash_subset_1.findIndex)(this._allowedEvents(), { name: eventName }) === -1) {
             throw new Error(sp_core_library_1.Text.format(strings.InvalidEvent, eventName, this._src.metadata.title));
         }
     };

package/lib-commonjs/DynamicProperty.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var lodash = tslib_1.__importStar(require("@microsoft/sp-lodash-subset"));
+var lodash = (0, tslib_1.__importStar)(require("@microsoft/sp-lodash-subset"));
 var sp_core_library_1 = require("@microsoft/sp-core-library");
 var sp_dynamic_data_1 = require("@microsoft/sp-dynamic-data");
-var DynamicDataProvider_1 = tslib_1.__importDefault(require("./DynamicDataProvider"));
+var DynamicDataProvider_1 = (0, tslib_1.__importDefault)(require("./DynamicDataProvider"));
 var sp_diagnostics_1 = require("@microsoft/sp-diagnostics");
 /**
  * Serializable object that simplifies usage of a DynamicProperty.
@@ -175,7 +175,13 @@ var DynamicProperty = /** @class */ (function () {
      * undefined if the source or the data doesn't exist.
      */
     DynamicProperty.prototype.tryGetValue = function () {
-        sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        if (this.isDisposed &&
+            !sp_core_library_1._SPKillSwitch.isActivated('413769dc-5e0c-4609-9c86-bdf099fe84e3' /*, '12/02/2021', 'DisposedUndefinedNotException'*/)) {
+            return undefined;
+        }
+        else {
+            sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        }
         var value = this._getData();
         if (Array.isArray(value)) {
             value = value[0];
@@ -219,7 +225,13 @@ var DynamicProperty = /** @class */ (function () {
      * Returns undefined if the source doesn't exist.
      */
     DynamicProperty.prototype.tryGetSource = function () {
-        sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        if (this.isDisposed &&
+            !sp_core_library_1._SPKillSwitch.isActivated('413769dc-5e0c-4609-9c86-bdf099fe84e3' /*, '12/02/2021', 'DisposedUndefinedNotException'*/)) {
+            return undefined;
+        }
+        else {
+            sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        }
         return this._hasValue ? undefined : this._provider.tryGetSource(this._sourceId);
     };
     /**
@@ -354,7 +366,13 @@ var DynamicProperty = /** @class */ (function () {
         }
     };
     DynamicProperty.prototype._getData = function () {
-        sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        if (this.isDisposed &&
+            !sp_core_library_1._SPKillSwitch.isActivated('413769dc-5e0c-4609-9c86-bdf099fe84e3' /*, '12/02/2021', 'DisposedUndefinedNotException'*/)) {
+            return undefined;
+        }
+        else {
+            sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        }
         var value;
         try {
             value = this._hasValue ? this._value : this._provider._getData(this._reference);

package/lib-commonjs/EnsureIsolatedDomainUrl.js

@@ -19,7 +19,7 @@ function ensureIsolatedDomainUrl(isolatedDomain, absoluteUrl) {
         absoluteUrl = absoluteUrl + '/';
         slashAdded = true;
     }
-    absoluteUrl = absoluteUrl.replace(domainRegex, "https://" + isolatedDomain + "/");
+    absoluteUrl = absoluteUrl.replace(domainRegex, "https://".concat(isolatedDomain, "/"));
     if (slashAdded) {
         // Remove the ending slash
         absoluteUrl = absoluteUrl.substr(0, absoluteUrl.length - 1);

package/lib-commonjs/LegacyThirdPartyFabricCoreLoader.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };

package/lib-commonjs/PropertyMetadataProcessor.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyMetadataProcessor = void 0;
 var tslib_1 = require("tslib");
-var lodash = tslib_1.__importStar(require("@microsoft/sp-lodash-subset"));
+var lodash = (0, tslib_1.__importStar)(require("@microsoft/sp-lodash-subset"));
 /**
  * The processor to serialize and deserialize the server processed content and component properties
  * based on component metadata.
@@ -172,13 +172,13 @@ var PropertyMetadataProcessor = /** @class */ (function () {
         var wildcardCount = (propPath.match(/\*/g) || []).length;
         if (wildcardCount > 1) {
             // Skip if there are more than one asterisks in the path (not supported)
-            console.warn("Invalid property path: Multiple wildcards are not supported in property paths.\nEntry with path '" + propPath + "' got ignored in the properties metadata.");
+            console.warn("Invalid property path: Multiple wildcards are not supported in property paths.\nEntry with path '".concat(propPath, "' got ignored in the properties metadata."));
             return;
         }
         else if (wildcardCount === 1) {
             var index = propPath.indexOf('[*]');
             if (index < -1) {
-                console.warn("Invalid property path: Wildcards are only supported inside brackets to select array\nindices as in 'foo[*].bar'. Entry with path '" + propPath + "' got ignored in the properties metadata.");
+                console.warn("Invalid property path: Wildcards are only supported inside brackets to select array\nindices as in 'foo[*].bar'. Entry with path '".concat(propPath, "' got ignored in the properties metadata."));
                 // Skip if the wildcard is not used for an array (not supported)
                 return;
             }
@@ -187,12 +187,12 @@ var PropertyMetadataProcessor = /** @class */ (function () {
                 var arrayPath = propPath.substr(0, index);
                 var arrayInstance = lodash.get(properties, arrayPath);
                 if (!arrayInstance) {
-                    console.warn("Invalid property path: Could not find an array named '" + arrayPath + "' in the properties.\nEntry with path '" + propPath + "' got ignored in the properties metadata.");
+                    console.warn("Invalid property path: Could not find an array named '".concat(arrayPath, "' in the properties.\nEntry with path '").concat(propPath, "' got ignored in the properties metadata."));
                     return;
                 }
                 else {
                     for (var i = 0; i < arrayInstance.length; i++) {
-                        var fixedPropPath = propPath.replace('*', "" + i);
+                        var fixedPropPath = propPath.replace('*', "".concat(i));
                         propertyPathHandler(fixedPropPath, i);
                     }
                 }

package/lib-commonjs/ShimmerFactory.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var shimmer_module_scss_1 = tslib_1.__importDefault(require("./styles/shimmer.module.scss"));
+var shimmer_module_scss_1 = (0, tslib_1.__importDefault)(require("./styles/shimmer.module.scss"));
 // These constants are taken from generic shimmer design.
 var SHIMMER_WIDTH_DEFAULT = 100;
 var SHIMMER_HEIGHT_DEFAULT = 100;
@@ -45,7 +45,7 @@ var ShimmerFactory = /** @class */ (function () {
         var rectangle3Y = rectangle2Y + gap;
         var rectangle4Y = rectangle3Y + gap;
         var className = shimmer_module_scss_1.default.shimmerElementFill;
-        shimmerDiv.innerHTML = "<svg width=" + width + " height=" + height + " viewBox=\"0 0 " + width + " " + height + "\" version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n        <title>" + loadingMessage + "</title>\n        <g id=" + componentTag + "_Shimmer stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n          <rect x=\"0\" y=\"0\" width=" + width + " height=" + height + "></rect>\n          " + ShimmerFactory._shimmerRect(componentTag + '_1', className, RECTANGLE_X, rectangle1Y, RECTANGLE_1_LENGTH, rectangleHeight) + "\n          " + ShimmerFactory._shimmerRect(componentTag + '_2', className, RECTANGLE_X, rectangle2Y, RECTANGLE_2_LENGTH, rectangleHeight) + "\n          " + ShimmerFactory._shimmerRect(componentTag + '_3', className, RECTANGLE_X, rectangle3Y, RECTANGLE_3_LENGTH, rectangleHeight) + "\n          " + ShimmerFactory._shimmerRect(componentTag + '_4', className, RECTANGLE_X, rectangle4Y, RECTANGLE_4_LENGTH, rectangleHeight) + "\n        </g>\n      </svg>";
+        shimmerDiv.innerHTML = "<svg width=".concat(width, " height=").concat(height, " viewBox=\"0 0 ").concat(width, " ").concat(height, "\" version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n        <title>").concat(loadingMessage, "</title>\n        <g id=").concat(componentTag, "_Shimmer stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n          <rect x=\"0\" y=\"0\" width=").concat(width, " height=").concat(height, "></rect>\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_1', className, RECTANGLE_X, rectangle1Y, RECTANGLE_1_LENGTH, rectangleHeight), "\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_2', className, RECTANGLE_X, rectangle2Y, RECTANGLE_2_LENGTH, rectangleHeight), "\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_3', className, RECTANGLE_X, rectangle3Y, RECTANGLE_3_LENGTH, rectangleHeight), "\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_4', className, RECTANGLE_X, rectangle4Y, RECTANGLE_4_LENGTH, rectangleHeight), "\n        </g>\n      </svg>");
         if (containerMargin !== undefined) {
             shimmerContainerDiv.style.margin = containerMargin + '';
         }
@@ -57,7 +57,7 @@ var ShimmerFactory = /** @class */ (function () {
         return shimmerContainerDiv;
     };
     ShimmerFactory._shimmerRect = function (id, className, x, y, width, height) {
-        return "<rect id=" + id + " class=" + className + " x=" + x + " y=" + y + " width=\"" + width + "%\" height=" + height + ">\n      <animate\n      attributeName=\"opacity\"\n      dur=\"1s\"\n      values=\"0.2;0.5;0.9\"\n      repeatCount=\"indefinite\"\n      begin=\"0\"/>\n    </rect>";
+        return "<rect id=".concat(id, " class=").concat(className, " x=").concat(x, " y=").concat(y, " width=\"").concat(width, "%\" height=").concat(height, ">\n      <animate\n      attributeName=\"opacity\"\n      dur=\"1s\"\n      values=\"0.2;0.5;0.9\"\n      repeatCount=\"indefinite\"\n      begin=\"0\"/>\n    </rect>");
     };
     return ShimmerFactory;
 }());

package/lib-commonjs/dataCollector/IWebPartLoadData.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * @Copyright (c) Microsoft Corporation.  All rights reserved.
+ * @file Interface that defines the shape of extra data to be uploaded for web part load metrics
+ * @internal
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IWebPartLoadData.js.map

package/lib-commonjs/dataCollector/WebPartLoadDataCollector.js

@@ -0,0 +1,139 @@
+"use strict";
+// Copyright (c) Microsoft. All rights reserved.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebPartLoadDataCollector = void 0;
+var sp_telemetry_1 = require("@ms/sp-telemetry");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
+var NOT_AVAILABLE = 'N/A';
+/**
+ * This is used internally to collect web part and adaptive card extension's module load, init, and render performances.
+ * This file moved from sp-webpart-base to not additional dependency to sp-adaptive-card-extension-base.
+ * @internal
+ */
+var WebPartLoadDataCollector = /** @class */ (function () {
+    function WebPartLoadDataCollector() {
+    }
+    WebPartLoadDataCollector.collect = function (manifest, webPartTag, pageContext) {
+        var getTime = function (key) {
+            return (sp_telemetry_1._PerformanceLogger.readComponentBreakdown(webPartTag, key) ||
+                sp_telemetry_1._PerformanceLogger.readTempData("".concat(webPartTag, ".").concat(key)));
+        };
+        var start = getTime('start');
+        var moduleLoaded = getTime('modulesLoaded');
+        var initialized = getTime('init');
+        var end = getTime('end');
+        var isSpinnyShown = !!getTime('displaySpinner');
+        var isMultiGeo = Boolean(pageContext && pageContext.legacyPageContext && pageContext.legacyPageContext.isMultiGeoTenant);
+        var dataProvider = NOT_AVAILABLE;
+        var layoutID = NOT_AVAILABLE;
+        var webPartCacheHit = "N/A" /* NotAvailable */;
+        var cacheMissReason = "N/A" /* NotApplicable */;
+        // Collect data for first-party web parts only. This ideally should be done outside of spfx.
+        // VSO#855246 Refactor WebPartLoadDataCollector to move out first-party only logging logic.
+        if (manifest.isInternal) {
+            var cacheHit = getTime('CacheHit');
+            var cacheMiss = getTime('CacheMiss');
+            var prefetechedData = getTime('prefetchedData');
+            var isCacheApplicable = Boolean(cacheHit || cacheMiss);
+            webPartCacheHit = isCacheApplicable
+                ? cacheHit
+                    ? "true" /* True */
+                    : "false" /* False */
+                : "N/A" /* NotAvailable */;
+            cacheMissReason = WebPartLoadDataCollector._getCacheMissReason(cacheHit, getTime);
+            var dataProviderTime_1 = sp_telemetry_1._PerformanceLogger.now();
+            var layoutKey_1 = sp_telemetry_1._PerformanceDataDimensions.Layout;
+            var dataProviderKey_1 = sp_telemetry_1._PerformanceDataDimensions.DataProvider;
+            var perfBreakDown_1 = sp_telemetry_1._PerformanceLogger.readFullEUPLBreakDown();
+            // WebParts which have different layouts and dataproviders, will have perf marks such as
+            // webPartTag.dataProvider: [dataProviderName]
+            // webPartTag.Layout: [Layout]
+            // The logic below will extract the data provider and layout, and log them for perf measurements.
+            Object.keys(perfBreakDown_1).forEach(function (key) {
+                if (key.indexOf(webPartTag) > -1) {
+                    // We only have 1 layout
+                    if (layoutID === NOT_AVAILABLE && key.indexOf(layoutKey_1) > -1) {
+                        layoutID = key.split(layoutKey_1)[1];
+                        // Focus on primary data provider
+                    }
+                    else if (key.indexOf(dataProviderKey_1) > -1) {
+                        // Pick earliest data provider, in case there are multiple
+                        if (dataProvider === NOT_AVAILABLE || perfBreakDown_1[key] < dataProviderTime_1) {
+                            dataProvider = key.split(dataProviderKey_1)[1];
+                            dataProviderTime_1 = perfBreakDown_1[key];
+                        }
+                    }
+                }
+            });
+            dataProvider = prefetechedData ? 'Prefetch' : dataProvider;
+        }
+        var webpartPerfFlights = sp_telemetry_1._PerformanceLogger.getWebpartFlightsAndExperiments(webPartTag);
+        var syncRenderTime = this._getSyncRenderTime(layoutID, getTime);
+        var retVal = {
+            alias: manifest.alias,
+            isMultiGeo: isMultiGeo,
+            isInternal: manifest.isInternal,
+            isSpinnyShown: isSpinnyShown,
+            manifestId: manifest.id,
+            moduleLoadTime: Math.floor(moduleLoaded - start),
+            initTime: Math.floor(initialized - moduleLoaded),
+            renderTime: Math.floor(end - initialized),
+            syncRenderTime: syncRenderTime,
+            scenarioId: sp_telemetry_1._PerformanceLogger.getScenarioId(),
+            isFullPage: sp_telemetry_1._PerformanceLogger.fullPageLoad,
+            dataProvider: dataProvider,
+            layout: layoutID,
+            mySiteCacheHit: webPartCacheHit,
+            cacheMissReason: cacheMissReason,
+            flights: webpartPerfFlights,
+            storeAppId: manifest.storeAppId,
+            mpnId: manifest.mpnId,
+            componentDeveloperName: manifest.componentDeveloperName
+        };
+        retVal.teamsHosted = sp_core_library_1._BrowserUtilities.isTeamsHosted();
+        return retVal;
+    };
+    WebPartLoadDataCollector._getSyncRenderTime = function (layoutID, getTime) {
+        var syncRenderTime = undefined;
+        syncRenderTime = Math.floor(getTime('syncRender') - getTime('getDataComplete'));
+        var postRenderCompleteTime = getTime('postRenderComplete');
+        var loadLayoutEnd = getTime('loadLayoutEnd');
+        var syncLayoutRenderComplete = getTime('syncLayoutRenderComplete');
+        if (loadLayoutEnd && syncLayoutRenderComplete) {
+            // render layout and items inside it
+            syncRenderTime = Math.floor(syncRenderTime + (syncLayoutRenderComplete - loadLayoutEnd));
+        }
+        if (postRenderCompleteTime) {
+            syncRenderTime = Math.floor(
+            // transposeRow + transposeItems + render + syncPostRender
+            syncRenderTime + (postRenderCompleteTime - getTime(sp_telemetry_1._PerformanceDataDimensions.Layout + layoutID)));
+        }
+        return syncRenderTime;
+    };
+    WebPartLoadDataCollector._getCacheMissReason = function (cacheHit, getTime) {
+        if (cacheHit) {
+            return "N/A" /* NotApplicable */;
+        }
+        var mySiteCacheMissOnConfgMismatch = !!getTime('CacheMissConfigMismatch');
+        var mySiteCacheMissOnLateFlush = !!getTime('LateFlush');
+        var cachedWebPartNotFound = !!getTime('CachedWebPartNotFound');
+        var cacheExpired = !!getTime('CacheExpired');
+        var cacheMissReason = "NotSpecified" /* NotSpecified */;
+        if (mySiteCacheMissOnConfgMismatch) {
+            cacheMissReason = "CacheConfigMissmatch" /* CacheConfigMissmatch */;
+        }
+        else if (mySiteCacheMissOnLateFlush) {
+            cacheMissReason = "LateFlush" /* LateFlush */;
+        }
+        else if (cachedWebPartNotFound) {
+            cacheMissReason = "CachedItemNotFound" /* CachedItemNotFound */;
+        }
+        else if (cacheExpired) {
+            cacheMissReason = "CacheExpired" /* CacheExpired */;
+        }
+        return cacheMissReason;
+    };
+    return WebPartLoadDataCollector;
+}());
+exports.WebPartLoadDataCollector = WebPartLoadDataCollector;
+//# sourceMappingURL=WebPartLoadDataCollector.js.map

package/lib-commonjs/index.js

@@ -10,19 +10,23 @@
  *
  * @packagedocumentation
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports._WebPartLoadDataCollector = exports._ensureIsolatedDomainUrl = exports._ShimmerFactory = exports.ThemeProvider = exports.ThemeChangedEventArgs = exports._PropertyMetadataProcessor = exports._LegacyThirdPartyFabricCoreLoader = exports.DynamicProperty = exports.DynamicDataSourceManager = exports.DynamicDataProvider = exports.BaseComponentContext = exports.BaseComponent = void 0;
 var BaseComponent_1 = require("./BaseComponent");
-Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return BaseComponent_1.default; } });
+Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return __importDefault(BaseComponent_1).default; } });
 var BaseComponentContext_1 = require("./BaseComponentContext");
-Object.defineProperty(exports, "BaseComponentContext", { enumerable: true, get: function () { return BaseComponentContext_1.default; } });
+Object.defineProperty(exports, "BaseComponentContext", { enumerable: true, get: function () { return __importDefault(BaseComponentContext_1).default; } });
 var DynamicDataProvider_1 = require("./DynamicDataProvider");
-Object.defineProperty(exports, "DynamicDataProvider", { enumerable: true, get: function () { return DynamicDataProvider_1.default; } });
+Object.defineProperty(exports, "DynamicDataProvider", { enumerable: true, get: function () { return __importDefault(DynamicDataProvider_1).default; } });
 var DynamicDataSourceManager_1 = require("./DynamicDataSourceManager");
-Object.defineProperty(exports, "DynamicDataSourceManager", { enumerable: true, get: function () { return DynamicDataSourceManager_1.default; } });
+Object.defineProperty(exports, "DynamicDataSourceManager", { enumerable: true, get: function () { return __importDefault(DynamicDataSourceManager_1).default; } });
 var DynamicProperty_1 = require("./DynamicProperty");
-Object.defineProperty(exports, "DynamicProperty", { enumerable: true, get: function () { return DynamicProperty_1.default; } });
+Object.defineProperty(exports, "DynamicProperty", { enumerable: true, get: function () { return __importDefault(DynamicProperty_1).default; } });
 var LegacyThirdPartyFabricCoreLoader_1 = require("./LegacyThirdPartyFabricCoreLoader");
-Object.defineProperty(exports, "_LegacyThirdPartyFabricCoreLoader", { enumerable: true, get: function () { return LegacyThirdPartyFabricCoreLoader_1.default; } });
+Object.defineProperty(exports, "_LegacyThirdPartyFabricCoreLoader", { enumerable: true, get: function () { return __importDefault(LegacyThirdPartyFabricCoreLoader_1).default; } });
 var PropertyMetadataProcessor_1 = require("./PropertyMetadataProcessor");
 Object.defineProperty(exports, "_PropertyMetadataProcessor", { enumerable: true, get: function () { return PropertyMetadataProcessor_1.PropertyMetadataProcessor; } });
 var ThemeProvider_1 = require("./themeProvider/ThemeProvider");
@@ -30,7 +34,9 @@ Object.defineProperty(exports, "ThemeChangedEventArgs", { enumerable: true, get:
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
 // ShimmerFactory
 var ShimmerFactory_1 = require("./ShimmerFactory");
-Object.defineProperty(exports, "_ShimmerFactory", { enumerable: true, get: function () { return ShimmerFactory_1.default; } });
+Object.defineProperty(exports, "_ShimmerFactory", { enumerable: true, get: function () { return __importDefault(ShimmerFactory_1).default; } });
 var EnsureIsolatedDomainUrl_1 = require("./EnsureIsolatedDomainUrl");
 Object.defineProperty(exports, "_ensureIsolatedDomainUrl", { enumerable: true, get: function () { return EnsureIsolatedDomainUrl_1.ensureIsolatedDomainUrl; } });
+var WebPartLoadDataCollector_1 = require("./dataCollector/WebPartLoadDataCollector");
+Object.defineProperty(exports, "_WebPartLoadDataCollector", { enumerable: true, get: function () { return WebPartLoadDataCollector_1.WebPartLoadDataCollector; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/test-api/MockComponent.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MockComponent = void 0;
 var tslib_1 = require("tslib");
-var BaseComponent_1 = tslib_1.__importDefault(require("../BaseComponent"));
+var BaseComponent_1 = (0, tslib_1.__importDefault)(require("../BaseComponent"));
 var MockComponentContext_1 = require("./MockComponentContext");
 var MockComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(MockComponent, _super);
+    (0, tslib_1.__extends)(MockComponent, _super);
     function MockComponent(mockScope) {
         var _this = _super.call(this) || this;
         _this.mockIDynamicData = {

package/lib-commonjs/test-api/MockComponentContext.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MockComponentContext = void 0;
 var tslib_1 = require("tslib");
-var BaseComponentContext_1 = tslib_1.__importDefault(require("../BaseComponentContext"));
+var BaseComponentContext_1 = (0, tslib_1.__importDefault)(require("../BaseComponentContext"));
 var MockComponentContext = /** @class */ (function (_super) {
-    tslib_1.__extends(MockComponentContext, _super);
+    (0, tslib_1.__extends)(MockComponentContext, _super);
     function MockComponentContext(mockRootScope) {
         return _super.call(this, {
             parentServiceScope: mockRootScope,

package/lib-commonjs/test-api/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockComponentContext = exports.MockComponent = void 0;
 var MockComponent_1 = require("./MockComponent");
 Object.defineProperty(exports, "MockComponent", { enumerable: true, get: function () { return MockComponent_1.MockComponent; } });
 var MockComponentContext_1 = require("./MockComponentContext");

package/lib-commonjs/themeProvider/ThemeProvider.js

@@ -9,7 +9,7 @@ var sp_core_library_1 = require("@microsoft/sp-core-library");
  * @public
  */
 var ThemeChangedEventArgs = /** @class */ (function (_super) {
-    tslib_1.__extends(ThemeChangedEventArgs, _super);
+    (0, tslib_1.__extends)(ThemeChangedEventArgs, _super);
     function ThemeChangedEventArgs() {
         return _super !== null && _super.apply(this, arguments) || this;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/sp-component-base",
-  "version": "1.14.0-rc.2",
+  "version": "1.15.0-beta.6",
   "description": "SharePoint Framework support for building client-side components",
   "license": "SEE LICENSE IN \"EULA\" FOLDER",
   "homepage": "http://aka.ms/spfx",
@@ -11,18 +11,18 @@
     "tsdocFlavor": "AEDoc"
   },
   "dependencies": {
-    "@microsoft/office-ui-fabric-react-bundle": "1.14.0-rc.2",
-    "@microsoft/sp-core-library": "1.14.0-rc.2",
-    "@microsoft/sp-diagnostics": "1.14.0-rc.2",
-    "@microsoft/sp-dynamic-data": "1.14.0-rc.2",
-    "@microsoft/sp-http": "1.14.0-rc.2",
-    "@microsoft/sp-lodash-subset": "1.14.0-rc.2",
-    "@microsoft/sp-module-interfaces": "1.14.0-rc.2",
-    "@microsoft/sp-page-context": "1.14.0-rc.2",
-    "tslib": "~1.10.0"
+    "@microsoft/office-ui-fabric-react-bundle": "1.15.0-beta.6",
+    "@microsoft/sp-core-library": "1.15.0-beta.6",
+    "@microsoft/sp-diagnostics": "1.15.0-beta.6",
+    "@microsoft/sp-dynamic-data": "1.15.0-beta.6",
+    "@microsoft/sp-http": "1.15.0-beta.6",
+    "@microsoft/sp-lodash-subset": "1.15.0-beta.6",
+    "@microsoft/sp-module-interfaces": "1.15.0-beta.6",
+    "@microsoft/sp-page-context": "1.15.0-beta.6",
+    "tslib": "2.3.1"
   },
   "scripts": {},
   "engines": {
-    "node": ">=12.13.0 <13.0.0 || >=14.15.0 <15.0.0"
+    "node": ">=12.13.0 <13.0.0 || >=14.15.0 <15.0.0 || >=16.13.0 <17.0.0"
   }
 }

package/dist/sp-component-base_default_f510dfc265b8222fa720.js

@@ -1 +0,0 @@
-define("467dc675-7cc5-4709-8aac-78e3b71bd2f6_1.14.0",["tslib","@microsoft/sp-dynamic-data","@microsoft/sp-lodash-subset","@microsoft/sp-core-library","@microsoft/sp-page-context","@microsoft/load-themed-styles","@microsoft/sp-diagnostics","@microsoft/sp-http"],function(n,a,i,r,o,s,c,d){return function(e){function t(t){for(var n,i,r=t[0],o=t[1],s=0,d=[];s<r.length;s++)i=r[s],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&d.push(a[i][0]),a[i]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);for(c&&c(t);d.length;)d.shift()()}var n={},a={1:0};function i(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.e=function(e){var t=[],n=a[e];if(0!==n)if(n)t.push(n[2]);else{var r=new Promise(function(t,i){n=a[e]=[t,i]});t.push(n[2]=r);var o,s=document.createElement("script");s.charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.src=function(e){return i.p+"chunk."+({0:"legacy-third-party-fabric-core-localfont"}[e]||e)+"_"+"none"+"_"+{0:"99c6fc3c6a2dea12779c"}[e]+".js"}(e),0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous");var c=new Error;o=function(t){s.onerror=s.onload=null,clearTimeout(d);var n=a[e];if(0!==n){if(n){var i=t&&("load"===t.type?"missing":t.type),r=t&&t.target&&t.target.src;c.message="Loading chunk "+e+" failed.\n("+i+": "+r+")",c.name="ChunkLoadError",c.type=i,c.request=r,n[1](c)}a[e]=void 0}};var d=setTimeout(function(){o({type:"timeout",target:s})},12e4);s.onerror=s.onload=o,document.head.appendChild(s)}return Promise.all(t)},i.m=e,i.c=n,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(n,a,function(t){return e[t]}.bind(null,a));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i.oe=function(e){throw console.error(e),e};var r=window.webpackJsonp_467dc675_7cc5_4709_8aac_78e3b71bd2f6_1_14_0=window.webpackJsonp_467dc675_7cc5_4709_8aac_78e3b71bd2f6_1_14_0||[],o=r.push.bind(r);r.push=t,r=r.slice();for(var s=0;s<r.length;s++)t(r[s]);var c=o;return function(){var e,t=document.getElementsByTagName("script"),n="undefined"!=typeof spScriptNamePattern?spScriptNamePattern:/sp-component-base_default_f510dfc265b8222fa720\.js/i;if(t&&t.length)for(var a=0;a<t.length;a++)if(t[a]){var r=t[a].getAttribute("src");if(r&&r.match(n)){e=r.substring(0,r.lastIndexOf("/")+1);break}}if(!e)for(var o in window.__setWebpackPublicPathLoaderSrcRegistry__)if(o&&o.match(n)){e=o.substring(0,o.lastIndexOf("/")+1);break}i.p=e}(),i(i.s="mwqp")}({"17wl":function(e,t){e.exports=n},"84nK":function(e,t){e.exports=a},Pk8u:function(e,t){e.exports=i},UWqr:function(e,t){e.exports=r},"X+PM":function(e,t){e.exports=o},jOlS:function(e,t){e.exports=s},mGD9:function(e){e.exports=JSON.parse('{"r":"SourceAlreadyInitialized","i":"NoSendEventWhenAllowedEventsIsNonEmpty","t":"DynamicDataSourceManagerIsDisposed","n":"DynamicDataSourceManagerIsNotInitialized","e":"DynamicDataSourceIsNotInitialized","a":"InvalidEvent"}')},mwqp:function(e,t,n){"use strict";n.r(t),n.d(t,"BaseComponent",function(){return a}),n.d(t,"BaseComponentContext",function(){return m}),n.d(t,"DynamicDataProvider",function(){return l}),n.d(t,"DynamicDataSourceManager",function(){return p}),n.d(t,"DynamicProperty",function(){return _}),n.d(t,"_LegacyThirdPartyFabricCoreLoader",function(){return h}),n.d(t,"_PropertyMetadataProcessor",function(){return b}),n.d(t,"ThemeChangedEventArgs",function(){return g}),n.d(t,"ThemeProvider",function(){return v}),n.d(t,"_ShimmerFactory",function(){return y}),n.d(t,"_ensureIsolatedDomainUrl",function(){return D});var a=function(){function e(){this._isDisposed=!1}return Object.defineProperty(e.prototype,"_dynamicDataSourceId",{get:function(){return this.manifest.componentType+"."+this.manifest.id+"."+this.instanceId},enumerable:!1,configurable:!0}),e.prototype.dispose=function(){this._isDisposed||(this.onDispose(),this.context.dispose(),delete this.context,this._isDisposed=!0)},Object.defineProperty(e.prototype,"isDisposed",{get:function(){return this._isDisposed},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"manifest",{get:function(){return this.context.manifest},enumerable:!1,configurable:!0}),e.prototype.onDispose=function(){},Object.defineProperty(e.prototype,"instanceId",{get:function(){return this.context.instanceId},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"componentId",{get:function(){return this.context.manifest.id},enumerable:!1,configurable:!0}),e.prototype._initializeContext=function(e){this.context=e,this.onProvideServices(e.serviceScope),e.serviceScope._isFinished||e.serviceScope.finish(),this.context._initializeDynamicData(this,e.serviceScope)},e.prototype.onProvideServices=function(e){},e}(),i=n("UWqr"),r=n("ut3N"),o=n("X+PM"),s=n("vlQI"),c=n("84nK"),d=n("Pk8u"),l=function(){function e(){this._isDisposed=!1,this._isInitialized=!1,this._isSourcesChangedEventListenerAdded=!1}return e.prototype._initialize=function(e,t){i.Validate.isNotNullOrUndefined(e,"component"),i.Validate.isNotNullOrUndefined(t,"serviceScope"),this._component=e,this._pendingRegistrations=new Map,this._dynamicDataManager=t.consume(c._DynamicDataUtilities.IDynamicDataManagerServiceKey),this._isInitialized=!0,this._onSourcesChanged=this._onSourcesChanged.bind(this)},e.prototype.dispose=function(){this._isDisposed||(delete this._pendingRegistrations,this._dynamicDataManager.sourcesChangedEvent.remove(this._component,this._onSourcesChanged),delete this._dynamicDataManager,delete this._component,this._isInitialized=!1,this._isDisposed=!0)},Object.defineProperty(e.prototype,"isDisposed",{get:function(){return this._isDisposed},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_isProviderInitialized",{get:function(){return this._isInitialized},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_dynamicDataSourceId",{get:function(){return this._component._dynamicDataSourceId},enumerable:!1,configurable:!0}),e.prototype.registerSourceChanged=function(e,t){this._assertNotDisposed(),this._assertInitialized(),i.Validate.isNonemptyString(e,"sourceId"),i.Validate.isNotNullOrUndefined(t,"callback"),-1!==this.getAvailableSources().map(function(e){return e.id}).indexOf(e)?(this._dynamicDataManager.registerSourceChanged(e,this._component,t),this._logFeatureEntry("RegisterSourceChanged",{sourceId:e})):this._addPendingRegistration({id:e,callback:t})},e.prototype.unregisterSourceChanged=function(e,t){this._assertNotDisposed(),this._assertInitialized(),i.Validate.isNonemptyString(e,"sourceId"),i.Validate.isNotNullOrUndefined(t,"callback");var n={id:e,callback:t};this.isRegistrationPending(n)?this._removePendingRegistration(n):(this._dynamicDataManager.unregisterSourceChanged(e,this._component,t),this._logFeatureEntry("UnregisterSourceChanged",{sourceId:e}))},e.prototype.registerPropertyChanged=function(e,t,n){this._assertNotDisposed(),this._assertInitialized(),i.Validate.isNonemptyString(e,"sourceId"),i.Validate.isNonemptyString(t,"propertyId"),i.Validate.isNotNullOrUndefined(n,"callback"),-1!==this.getAvailableSources().map(function(e){return e.id}).indexOf(e)?(this._dynamicDataManager.registerPropertyChanged(e,t,this._component,n),this._logFeatureEntry("RegisterPropertyChanged",{sourceId:e,propertyId:t})):this._addPendingRegistration({id:e,propertyId:t,callback:n})},e.prototype.unregisterPropertyChanged=function(e,t,n){this._assertNotDisposed(),this._assertInitialized(),i.Validate.isNonemptyString(e,"sourceId"),i.Validate.isNonemptyString(t,"propertyId"),i.Validate.isNotNullOrUndefined(n,"callback");var a={id:e,callback:n,propertyId:t};this.isRegistrationPending(a)?this._removePendingRegistration(a):(this._dynamicDataManager.unregisterPropertyChanged(e,t,this._component,n),this._logFeatureEntry("UnregisterPropertyChanged",{sourceId:e,propertyId:t}))},e.prototype.registerAvailableSourcesChanged=function(e){i.Validate.isNotNullOrUndefined(e,"callback"),this._assertNotDisposed(),this._assertInitialized(),this._dynamicDataManager.sourcesChangedEvent.add(this._component,e)},e.prototype.unregisterAvailableSourcesChanged=function(e){i.Validate.isNotNullOrUndefined(e,"callback"),this._assertNotDisposed(),this._assertInitialized(),this._dynamicDataManager.sourcesChangedEvent.remove(this._component,e)},e.prototype.getAvailableSources=function(){return this._assertNotDisposed(),this._assertInitialized(),this._dynamicDataManager.getSources()},e.prototype.getAvailableSourcesByComponentId=function(e){this._assertNotDisposed(),this._assertInitialized();var t=[];return this._dynamicDataManager.getSources().forEach(function(n){e.equals(i.Guid.tryParse(n.metadata.componentId)||i.Guid.empty)&&t.push(n)}),t},e.prototype.tryGetSource=function(e){return this._assertNotDisposed(),this._assertInitialized(),i.Validate.isNotNullOrUndefined(e,"id"),this._dynamicDataManager.tryGetSource(e)},e.prototype._getData=function(t){this._assertNotDisposed(),this._assertInitialized(),i.Validate.isNotNullOrUndefined(t,"dataReference");var n=this._dynamicDataManager.tryGetSource(t.sourceId);if(n){var a=n.getPropertyValue(t.property);return a&&t.propertyPath&&t.propertyPath.split(".").forEach(function(t){var n=t.split(e._jsonPathArrayRegex),i=n[0];if(a)if(Array.isArray(a)){var r=[];a.forEach(function(e){e.hasOwnProperty(i)&&r.push(e[i])});var o=n[1];if(n.length>1){var s=[];r.forEach(function(e){e.forEach(function(e){return s.push(e)})}),r=s}a=isNaN(parseInt(o,10))?r:r[o]}else a=a.hasOwnProperty(i)?a[i]:void 0}),a}},e.prototype._onSourcesChanged=function(){var e=this,t=this.getAvailableSources().map(function(e){return e.id});this._pendingRegistrations.forEach(function(n){-1!==t.indexOf(n.id)&&(n.propertyId?(e._dynamicDataManager.registerPropertyChanged(n.id,n.propertyId,e._component,n.callback),e._logFeatureEntry("RegisterPropertyChanged",{sourceId:n.id,propertyId:n.propertyId})):(e._dynamicDataManager.registerSourceChanged(n.id,e._component,n.callback),e._logFeatureEntry("RegisterSourceChanged",{sourceId:n.id})),e._removePendingRegistration(n))})},e.prototype._assertNotDisposed=function(){if(this.isDisposed)throw new Error("Dynamic Data Provider has been disposed")},e.prototype._assertInitialized=function(){if(!this._isInitialized)throw new Error("Dynamic Data Provider has not been initialized.")},e.prototype._addPendingRegistration=function(e){this.isRegistrationPending(e)||this._pendingRegistrations.set(e.id+(e.propertyId||""),{id:e.id,propertyId:e.propertyId,callback:e.callback}),this._isSourcesChangedEventListenerAdded||(this._dynamicDataManager.sourcesChangedEvent.add(this._component,this._onSourcesChanged),this._isSourcesChangedEventListenerAdded=!0)},e.prototype._removePendingRegistration=function(e){this._pendingRegistrations.delete(e.id+(e.propertyId||"")),0===this._pendingRegistrations.size&&(this._dynamicDataManager.sourcesChangedEvent.remove(this._component,this._onSourcesChanged),this._isSourcesChangedEventListenerAdded=!1)},e.prototype.isRegistrationPending=function(e){return this._pendingRegistrations.has(e.id+(e.propertyId||""))},e.prototype._logFeatureEntry=function(e,t){var n=this._component.manifest.isInternal||!1,a={alias:this._component.manifest.alias,isInternal:n.toString()},i=new r._LogEntry("DynamicDataProvider",e,r._LogType.Event,d.merge(a,t));r._EngagementLogger.logEventWithLogEntry(i)},e._jsonPathArrayRegex=new RegExp(/\[|\]/),e}(),u=n("17wl"),f=n("mGD9"),p=function(){function e(){this._src=void 0,this._isDisposed=!1,this._isInitialized=!1,this._logSource=r._LogSource.create("DynamicDataSourceManager")}return e.prototype._initialize=function(e,t){i.Validate.isNotNullOrUndefined(e,"component"),i.Validate.isNotNullOrUndefined(t,"serviceScope"),this._component=e,this._dynamicDataManager=t.consume(c._DynamicDataUtilities.IDynamicDataManagerServiceKey),this._isInitialized=!0},e.prototype.dispose=function(){this._isDisposed||(this._src&&(this._dynamicDataManager.removeSource(this._src.id),delete this._src),delete this._dynamicDataManager,delete this._component,this._isInitialized=!1,this._isDisposed=!0)},Object.defineProperty(e.prototype,"isDisposed",{get:function(){return this._isDisposed},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_source",{get:function(){return this._src},enumerable:!1,configurable:!0}),e.prototype.initializeSource=function(e){if(this._assertNotDisposed(),this._assertInitialized(),this._src)throw new Error(f.r);this._callableFunctions=e,this._src=this._buildSource(this._component),this._dynamicDataManager.addSource(this._src),this._logFeatureEntry("DynamicDataSourceInitialized",{sourceId:this._src.id})},e.prototype.notifySourceChanged=function(){this._assertNotDisposed(),this._assertInitialized(),this._assertSourceExists(),this._dynamicDataManager.notifySourceChanged(this._src.id)},e.prototype.notifyPropertyChanged=function(e){i.Validate.isNonemptyString(e,"propertyId"),this._assertNotDisposed(),this._assertInitialized(),this._assertSourceExists(),this._dynamicDataManager.notifyPropertyChanged(this._src.id,e)},e.prototype.updateMetadata=function(e){this._assertNotDisposed(),this._assertInitialized(),this._assertSourceExists(),i.Validate.isNotNullOrUndefined(e,"metadata"),e.alias=void 0,e.componentId=void 0,e.instanceId=void 0,Object(d.merge)(this._src.metadata,e)},Object.defineProperty(e.prototype,"sourceId",{get:function(){return this._src?this._src.id:""},enumerable:!1,configurable:!0}),e.prototype._buildSource=function(e){if(this._callableFunctions.allowedEvents&&this._callableFunctions.allowedEvents.length>0&&!this._callableFunctions.sendEvent)throw new Error(f.i);return{id:this._component._dynamicDataSourceId,metadata:this._buildMetadata(e),getPropertyDefinitions:this._getPropertyDefinitions.bind(this),getPropertyValue:this._getPropertyValue.bind(this),getAnnotatedPropertyValue:this._getAnnotatedPropertyValue.bind(this),getPropertyDefinitionsAsync:this._getPropertyDefinitionsAsync.bind(this),getPropertyValueAsync:this._getPropertyValueAsync.bind(this),getAnnotatedPropertyValueAsync:this._getAnnotatedPropertyValueAsync.bind(this),allowedEventsAsync:this._allowedEventsAsync.bind(this),sendEvent:this._sendEvent.bind(this)}},e.prototype._allowedEvents=function(){return this._callableFunctions.allowedEvents?Object(d.cloneDeep)(this._callableFunctions.allowedEvents()):void 0},e.prototype._sendEvent=function(e,t){this._assertValidEvent(e),this._callableFunctions.sendEvent(e,t)},e.prototype._getPropertyDefinitions=function(){return Object(d.cloneDeep)(this._callableFunctions.getPropertyDefinitions())},e.prototype._getPropertyValue=function(e){i.Validate.isNotNullOrUndefined(e,"propertyId");var t=new r._QosMonitor("DynamicDataSourceManager._getPropertyValue"),n=e.split(l._jsonPathArrayRegex);try{var a=this._callableFunctions.getPropertyValue(n.shift());if(n.length>0&&!isNaN(parseInt(n[0],10))&&Array.isArray(a)&&(a=a[n[0]]),void 0===a&&0===this._callableFunctions.getPropertyDefinitions().filter(function(t){return t.id===e}).length&&this._src)throw new Error('Property "'+e+'" doesn\'t exist in source "'+this._src.metadata.title+'"');return t.writeSuccess(Object(u.__assign)(Object(u.__assign)({},this._src&&this._src.metadata||{}),{sourceId:this._src&&this._src.id,propertyValue:a,propertyId:e})),Object(d.cloneDeep)(a)}catch(n){return t.writeUnexpectedFailure("NoPropertyId",n,{propertyId:e}),void r._TraceLogger.logErrorData({source:this._logSource,error:n})}},e.prototype._getPropertyDefinitionsAsync=function(){return Promise.resolve(this._getPropertyDefinitions())},e.prototype._getPropertyValueAsync=function(e){return Promise.resolve(this._getPropertyValue(e))},e.prototype._allowedEventsAsync=function(){return Promise.resolve(this._allowedEvents())},e.prototype._getAnnotatedPropertyValue=function(e){i.Validate.isNotNullOrUndefined(e,"propertyId");var t,n=new r._QosMonitor("DynamicDataSourceManager._getAnnotatedPropertyValue");if(this._callableFunctions.getAnnotatedPropertyValue){var a=e.split(l._jsonPathArrayRegex);try{t=this._callableFunctions.getAnnotatedPropertyValue(a.shift()),a.length>0&&!isNaN(parseInt(a[0],10))&&Array.isArray(t)&&(t=t[a[0]]),n.writeSuccess(Object(u.__assign)(Object(u.__assign)({},this._src&&this._src.metadata||{}),{sourceId:this._src&&this._src.id,annotatedPropertyValue:t,propertyId:e}))}catch(e){n.writeExpectedFailure("NoAnnotatedPropertyValue",e,{annotatedPropertyValue:t}),r._TraceLogger.logErrorData({source:this._logSource,error:e}),t=void 0}}return t||(t={sampleValue:this._getPropertyValue(e),metadata:void 0}),t},e.prototype._getAnnotatedPropertyValueAsync=function(e){return Promise.resolve(this._getAnnotatedPropertyValue(e))},e.prototype._buildMetadata=function(e){var t={title:e.manifest.alias,alias:e.manifest.alias,componentId:e.componentId,instanceId:e.instanceId},n=e;return n.title&&(t.title=n.title),n.description&&(t.description=n.description),t},e.prototype._assertValidEvent=function(e){if(!this._allowedEvents()||-1===Object(d.findIndex)(this._allowedEvents(),{name:e}))throw new Error(i.Text.format(f.a,e,this._src.metadata.title))},e.prototype._assertNotDisposed=function(){if(this.isDisposed)throw new Error(f.t)},e.prototype._assertInitialized=function(){if(!this._isInitialized)throw new Error(f.n)},e.prototype._assertSourceExists=function(){if(!this._src)throw new Error(f.e)},e.prototype._logFeatureEntry=function(e,t){var n=this._component.manifest.isInternal||!1,a={alias:this._component.manifest.alias,isInternal:n.toString()},i=new r._LogEntry("DynamicDataSourceManager",e,r._LogType.Event,d.merge(a,t));r._EngagementLogger.logEventWithLogEntry(i)},e}(),m=function(){function e(e){var t=this;this._isDisposed=!1,this._isServedFromLocalhost=!1,i.Validate.isNotNullOrUndefined(e,"parameters"),i.Validate.isNotNullOrUndefined(e.manifest,"manifest"),this.manifest=e.manifest;var n=this.manifest.loaderConfig;n&&n.internalModuleBaseUrls&&n.internalModuleBaseUrls.length&&(this._isServedFromLocalhost=/^http(s)?\:\/\/(localhost|127.0.0.1)/gim.test(n.internalModuleBaseUrls[0])),i.Validate.isNotNullOrUndefined(e.parentServiceScope,"parentServiceScope"),this._serviceScope=e.parentServiceScope.startNewChild(),i.Validate.isNotNullOrUndefined(e.loggingTag,"loggingTag"),this.serviceScope.provide(r._logSourceServiceKey,r._LogSource.create(e.loggingTag)),i.Validate.isNonemptyString(e.instanceId,"instanceId"),this._instanceId=e.instanceId,this._httpClient=this.serviceScope.createDefaultAndProvide(s.HttpClient.serviceKey),this._spHttpClient=this.serviceScope.createDefaultAndProvide(s.SPHttpClient.serviceKey),this._msGraphClientFactory=this.serviceScope.createDefaultAndProvide(s.MSGraphClientFactory.serviceKey),this._aadClientFactory=this.serviceScope.createDefaultAndProvide(s.AadHttpClientFactory.serviceKey),this._aadTokenFactory=this.serviceScope.createDefaultAndProvide(s.AadTokenProviderFactory.serviceKey),this.serviceScope.provide(i._ClientManifestData.serviceKey,new i._ClientManifestData(this.serviceScope,this.manifest)),this.serviceScope.whenFinished(function(){t._pageContext=t.serviceScope.consume(o.PageContext.serviceKey)}),this._dynamicDataProvider=new l,this._dynamicDataSourceManager=new p}return Object.defineProperty(e.prototype,"isDisposed",{get:function(){return this._isDisposed},enumerable:!1,configurable:!0}),e.prototype.dispose=function(){this._isDisposed||(this._dynamicDataProvider&&this._dynamicDataProvider.dispose(),this._dynamicDataSourceManager&&this._dynamicDataSourceManager.dispose(),delete this._serviceScope,delete this._pageContext,delete this._dynamicDataProvider,delete this._dynamicDataSourceManager,this._isDisposed=!0)},Object.defineProperty(e.prototype,"serviceScope",{get:function(){return this._serviceScope},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"instanceId",{get:function(){return this._instanceId},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pageContext",{get:function(){return this._pageContext},enumerable:!1,configurable:!0}),e.prototype._initializeDynamicData=function(e,t){this._dynamicDataProvider._initialize(e,t),this._dynamicDataSourceManager._initialize(e,t)},Object.defineProperty(e.prototype,"dynamicDataProvider",{get:function(){return this._dynamicDataProvider},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"dynamicDataSourceManager",{get:function(){return this._dynamicDataSourceManager},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"aadHttpClientFactory",{get:function(){return this._aadClientFactory},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"aadTokenProviderFactory",{get:function(){return this._aadTokenFactory},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"msGraphClientFactory",{get:function(){return this._msGraphClientFactory},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"httpClient",{get:function(){return this._httpClient},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"spHttpClient",{get:function(){return this._spHttpClient},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isServedFromLocalhost",{get:function(){return this._isServedFromLocalhost},enumerable:!1,configurable:!0}),e}(),_=function(){function e(t,n){this._hasValue=!1,this._isDisposed=!1,i.Validate.isNotNullOrUndefined(t,"provider"),this.__type=e._TYPE_NAME,this._provider=t,this._callbacks=new Set,this._pendingCallbacks=new Set,n?(this._pendingCallbacks.add(n),this._defaultCallback=n):this._defaultCallback=void 0,this._onSourcesChanged=this._onSourcesChangedCallback.bind(this),this._cloneDeep=this._cloneDeep.bind(this),this._provider.registerAvailableSourcesChanged(this._onSourcesChanged)}return e.prototype.setReference=function(e){var t=this;i.Validate.isNonemptyString(e,"id"),this._value=void 0,this._hasValue=!1;var n=new Set;this._callbacks.forEach(function(e){return n.add(e)}),this._callbacks.forEach(function(e){return t.unregister(e)}),this._reference=new c.DynamicDataReference(e),this._sourceId=this._getSourceId(),n.forEach(function(e){return t.register(e)}),this._onSourcesChangedCallback()},e.prototype.setValue=function(e){var t=this,n=this._callbacks;n.forEach(function(e){return t.unregister(e)}),this._value=e,this._reference=void 0,this._sourceId=void 0,this._hasValue=!0,n.forEach(function(e){return t.register(e)})},Object.defineProperty(e.prototype,"isDisposed",{get:function(){return this._isDisposed},enumerable:!1,configurable:!0}),e.prototype.dispose=function(){var e=this;this._isDisposed||(this._provider.unregisterAvailableSourcesChanged(this._onSourcesChanged),this._defaultCallback&&(this.unregister(this._defaultCallback),delete this._defaultCallback),this._callbacks.forEach(function(t){return e.unregister(t)}),delete this._callbacks,delete this._onSourcesChanged,delete this._pendingCallbacks,delete this._provider,delete this._reference,delete this._sourceId,this._isDisposed=!0)},e.prototype.toJSON=function(){return this._hasValue?{__type:e._TYPE_NAME,value:this._value}:{__type:e._TYPE_NAME,reference:this._reference}},Object.defineProperty(e.prototype,"reference",{get:function(){return this._hasValue?void 0:this._reference.reference},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},enumerable:!1,configurable:!0}),e.prototype.tryGetValue=function(){i.Validate.isNotDisposed(this,"DynamicData");var e=this._getData();return Array.isArray(e)&&(e=e[0]),e},e.prototype.tryGetValues=function(){var e=this._getData();return e?Array.isArray(e)||(e=[e]):e=[],e},e.prototype.tryGetSource=function(){return i.Validate.isNotDisposed(this,"DynamicData"),this._hasValue?void 0:this._provider.tryGetSource(this._sourceId)},e.prototype.register=function(e){i.Validate.isNotDisposed(this,"DynamicData"),!this._hasValue&&this._sourceId&&this._provider.tryGetSource(this._sourceId)?(this._provider.registerPropertyChanged(this._sourceId,this._getPropertyToRegister(),e),this._callbacks.add(e)):this._pendingCallbacks.add(e)},e.prototype.unregister=function(e){i.Validate.isNotDisposed(this,"DynamicData"),!this._hasValue&&this._sourceId&&this._provider.tryGetSource(this._sourceId)&&this._provider.unregisterPropertyChanged(this._sourceId,this._getPropertyToRegister(),e),this._pendingCallbacks.delete(e),this._callbacks.delete(e)},e.prototype.hasDefaultCallback=function(){return!!this._defaultCallback},e.prototype.removeDefaultCallback=function(){this._defaultCallback&&(this.unregister(this._defaultCallback),this._defaultCallback=void 0)},e.prototype._getSourceId=function(){return i.Validate.isNotDisposed(this,"DynamicData"),this._hasValue?"":this._reference.sourceId},e.prototype._getProperty=function(){return i.Validate.isNotDisposed(this,"DynamicData"),this._hasValue?"":this._reference.property},e.prototype._getPropertyPath=function(){return i.Validate.isNotDisposed(this,"DynamicData"),this._hasValue?"":this._reference.propertyPath||""},e.prototype._cloneDeep=function(e){return d.cloneDeepWith(e,function(e){if(e instanceof l)return e})},e.prototype._getPropertyToRegister=function(){return i.Validate.isNotDisposed(this,"DynamicData"),this._getProperty().split(e._arrayRegex)[0]},e.prototype._onSourcesChangedCallback=function(){var e=this;if(!this._hasValue&&this._sourceId&&this._provider.tryGetSource(this._sourceId)){var t=this._pendingCallbacks;this._pendingCallbacks=new Set,t.forEach(function(t){e.register(t),t()})}},e.prototype._getData=function(){var e;i.Validate.isNotDisposed(this,"DynamicData");try{e=this._hasValue?this._value:this._provider._getData(this._reference)}catch(e){throw r._EngagementLogger.logEventWithLogEntry(e),e}return r._EngagementLogger.logEventWithLogEntry(new r._LogEntry("DynamicData","getData",r._LogType.Event,{value:JSON.stringify(this.value)})),e},e._TYPE_NAME="DynamicProperty",e._arrayRegex=new RegExp(/\[\*\]$/),e}(),h=function(){function e(){}return e.load=function(t){return t||e.isLoaded?Promise.resolve():n.e(0).then(n.bind(null,"TL+I")).then(function(){e.isLoaded=!0})},e.forceLoad=function(t){try{return e._shouldLoad(t)?n.e(0).then(n.bind(null,"TL+I")).then(function(){e.isLoaded=!0}):Promise.resolve()}catch(e){return Promise.reject(e)}},e.needLegacyFabricCss=function(e){if(e.isInternal)return!1;if(void 0===e.loadLegacyFabricCss){var t=i.Version._tryParseSPFxVersion(e);return!t||t.lessThan(i.Version.parse("1.8.2"))}return e.loadLegacyFabricCss},e._shouldLoad=function(t){return!e.isLoaded&&e.needLegacyFabricCss(t)},e.isLoaded=!1,e}(),b=function(){function e(){}return e.serializeServerProcessedData=function(e,t,n){var a=this;this._forEachPropertyWithMetaData(e,t,function(e,i,r){i.shouldNotPersist&&d.set(t,e,void 0);var o=e,s=d.get(t,e);if(n&&"string"==typeof s&&s){if(n.htmlStrings&&i.isHtmlString?n.htmlStrings[o]=s:n.searchablePlainTexts&&i.isSearchablePlainText?n.searchablePlainTexts[o]=s:n.links&&i.isLink?n.links[o]=s:n.imageSources&&i.isImageSource?n.imageSources[o]=s:i.isComponentDependency&&(n.componentDependencies||(n.componentDependencies={}),n.componentDependencies[o]=s),i.customMetadata){var c={};if(i&&i.customMetadata)for(var l in i.customMetadata){var u=i.customMetadata[l];void 0!==r&&-1!==u.indexOf("*")&&(u=u.replace("*",r.toString())),a._validateAndIteratePath(u,t,function(e,a){if(void 0===a&&i.customMetadata){var r=d.get(t,e);n&&void 0!==r&&(c[e]=r)}})}n.customMetadata||(n.customMetadata={}),n.customMetadata[o]=c}d.set(t,e,void 0)}})},e.reInstateServerProcessedData=function(e,t,n,a){if(a&&this._forEachPropertyWithMetaData(e,t,function(e,n){"b7dd04e1-19ce-4b24-9132-b60a1c2b910d"!==a.id&&n.isHtmlString&&d.set(t,e,void 0)}),n)for(var i=0,r=[n.htmlStrings,n.searchablePlainTexts,n.imageSources,n.links,n.componentDependencies];i<r.length;i++){var o=r[i];if(o)for(var s in o){var c=o[s];"string"==typeof c&&d.set(t,s,c)}}},e._forEachPropertyWithMetaData=function(e,t,n){if(e){var a=function(a){var r=e[a];i._validateAndIteratePath(a,t,function(e,t){n(e,r,t)})},i=this;for(var r in e)a(r)}},e._validateAndIteratePath=function(e,t,n){var a=(e.match(/\*/g)||[]).length;if(a>1)console.warn("Invalid property path: Multiple wildcards are not supported in property paths.\nEntry with path '"+e+"' got ignored in the properties metadata.");else if(1===a){var i=e.indexOf("[*]");if(i<-1)return void console.warn("Invalid property path: Wildcards are only supported inside brackets to select array\nindices as in 'foo[*].bar'. Entry with path '"+e+"' got ignored in the properties metadata.");var r=e.substr(0,i),o=d.get(t,r);if(!o)return void console.warn("Invalid property path: Could not find an array named '"+r+"' in the properties.\nEntry with path '"+e+"' got ignored in the properties metadata.");for(var s=0;s<o.length;s++)n(e.replace("*",""+s),s)}else n(e)},e}(),g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Object(u.__extends)(t,e),t}(i.SPEventArgs),v=function(){function e(t,n){this._id=e._instanceCount++,this.themeChangedEvent=new i.SPEvent(this._themeChangedEventName),n&&(this._theme=Object.freeze(n))}return Object.defineProperty(e.prototype,"_themeChangedEventName",{get:function(){return e._themeChangedEventNameLiteral+this._id},enumerable:!1,configurable:!0}),e.prototype._clearTheme=function(){this._theme=void 0,this._raiseEvent()},e.prototype._setTheme=function(e){i.Validate.isNotNullOrUndefined(e,"theme"),this._theme=Object.freeze(e),this._raiseEvent()},e.prototype.tryGetTheme=function(){return this._theme},e.prototype._raiseEvent=function(){i._SPEventManager.instance.raiseEvent(this._themeChangedEventName,{theme:this._theme})},e.serviceKey=i.ServiceKey.create("sp-component-base.ThemeProvider",e),e._themeChangedEventNameLiteral="ThemeProvider.themeChangedEvent",e._instanceCount=0,e}();n("jOlS").loadStyles(".a_a_a3996340{position:relative;width:100%;margin:5px;height:100%;background-color:transparent}.b_a_a3996340{fill:#f4f4f4}",!0);var y=function(){function e(){}return e.createShimmer=function(t,n,a,i,r){void 0===r&&(r=void 0),t=t||100,n=n||100;var o=document.createElement("div");o.className="a_a_a3996340";var s=document.createElement("div"),c=.9*n/9,d=2*(c=Math.min(16,c)),l=c,u=l+d,f=u+d,p=f+d,m="b_a_a3996340";s.innerHTML="<svg width="+t+" height="+n+' viewBox="0 0 '+t+" "+n+'" version="1.1"\n        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n        <title>'+i+"</title>\n        <g id="+a+'_Shimmer stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n          <rect x="0" y="0" width='+t+" height="+n+"></rect>\n          "+e._shimmerRect(a+"_1",m,8,l,20,c)+"\n          "+e._shimmerRect(a+"_2",m,8,u,40,c)+"\n          "+e._shimmerRect(a+"_3",m,8,f,90,c)+"\n          "+e._shimmerRect(a+"_4",m,8,p,80,c)+"\n        </g>\n      </svg>",void 0!==r&&(o.style.margin=r+""),o.appendChild(s);var _=document.createElement("div");return _.setAttribute("role","status"),_.setAttribute("aria-live","polite"),o.appendChild(_),o},e._shimmerRect=function(e,t,n,a,i,r){return"<rect id="+e+" class="+t+" x="+n+" y="+a+' width="'+i+'%" height='+r+'>\n      <animate\n      attributeName="opacity"\n      dur="1s"\n      values="0.2;0.5;0.9"\n      repeatCount="indefinite"\n      begin="0"/>\n    </rect>'},e}(),S=new RegExp("^https://[^/]*/");function D(e,t){if(!e)return t;var n=!1;return"/"!==t.charAt(t.length-1)&&(t+="/",n=!0),t=t.replace(S,"https://"+e+"/"),n&&(t=t.substr(0,t.length-1)),t}},ut3N:function(e,t){e.exports=c},vlQI:function(e,t){e.exports=d}})});