@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.7

package/fesm2022/theseam-ui-common-utils.mjs

@@ -29,12 +29,14 @@ function hasAttribute(element, name) {
  */
 function getClosestWidgetCdkDrag(element, dragDirectives) {
     let parent = element.nativeElement.parentElement;
-    while (parent && !(parent.classList.contains('cdk-drag') && hasAttribute(parent, 'data-widget-id'))) {
+    while (parent &&
+        !(parent.classList.contains('cdk-drag') &&
+            hasAttribute(parent, 'data-widget-id'))) {
         parent = parent.parentElement;
     }
     const parentId = parent ? getAttribute(parent, 'data-widget-id') : null;
     return parentId
-        ? dragDirectives.find(drag => getAttribute(drag.getRootElement(), 'data-widget-id') === parentId)
+        ? dragDirectives.find((drag) => getAttribute(drag.getRootElement(), 'data-widget-id') === parentId)
         : null;
 }
 
@@ -66,7 +68,7 @@ function getControlName(c) {
     // array index type, but it works and we actually want the index as a string
     // anyway.
     const controls = c.parent.controls;
-    return Object.keys(controls).find(name => c === controls[name]) || null;
+    return Object.keys(controls).find((name) => c === controls[name]) || null;
 }
 
 /**
@@ -110,9 +112,7 @@ function getControlPath(c, path = '') {
  * Observe the value of a control.
  */
 function observeControlValue(control) {
-    return of(control)
-        .pipe(switchMap(_control => _control.valueChanges
-        .pipe(startWith(_control.value))));
+    return of(control).pipe(switchMap((_control) => _control.valueChanges.pipe(startWith(_control.value))));
 }
 
 /**
@@ -127,8 +127,7 @@ function observeControlValue(control) {
  */
 function observeControlIsDifferent(control) {
     const _initial = JSON.stringify(control.value);
-    return observeControlValue(control)
-        .pipe(map(value => JSON.stringify(value) !== _initial), distinctUntilChanged());
+    return observeControlValue(control).pipe(map((value) => JSON.stringify(value) !== _initial), distinctUntilChanged());
 }
 
 /**
@@ -141,9 +140,9 @@ function observeControlIsDifferent(control) {
  *  if observable).
  */
 function waitOnNonPendingStatus(control) {
-    return merge(control.statusChanges, interval(30).pipe(mapTo(control), map(c => c.status)))
+    return merge(control.statusChanges, interval(30).pipe(mapTo(control), map((c) => c.status)))
         .pipe(startWith(control.status))
-        .pipe(filter(v => v !== 'PENDING'))
+        .pipe(filter((v) => v !== 'PENDING'))
         .pipe(take(1));
 }
 
@@ -152,12 +151,10 @@ function waitOnNonPendingStatus(control) {
  * after pending.
  */
 function observeControlStatus(control) {
-    return of(control)
-        .pipe(switchMap(_control => _control.statusChanges
+    return of(control).pipe(switchMap((_control) => _control.statusChanges
         .pipe(startWith(_control.status))
-        .pipe(switchMap(status => status === 'PENDING'
-        ? waitOnNonPendingStatus(control)
-            .pipe(startWith(status))
+        .pipe(switchMap((status) => status === 'PENDING'
+        ? waitOnNonPendingStatus(control).pipe(startWith(status))
         : of(status)))));
 }
 
@@ -178,14 +175,14 @@ function observeControlValid(control, waitOnPending = false) {
             .pipe(distinctUntilChanged())
             .pipe(startWith(undefined))
             .pipe(pairwise())
-            .pipe(map(v => ({ previous: v[0], current: v[1] })))
-            .pipe(map(v => v.current === 'PENDING' ? v.previous : v.current))
-            .pipe(map(status => status === 'VALID'));
+            .pipe(map((v) => ({ previous: v[0], current: v[1] })))
+            .pipe(map((v) => (v.current === 'PENDING' ? v.previous : v.current)))
+            .pipe(map((status) => status === 'VALID'));
     }
     else {
         return observeControlStatus(control)
             .pipe(distinctUntilChanged())
-            .pipe(map(status => status === 'VALID'));
+            .pipe(map((status) => status === 'VALID'));
     }
 }
 
@@ -193,15 +190,13 @@ function observeControlValid(control, waitOnPending = false) {
  * Observe the value of a control with the previous.
  */
 function observeControlValueChange(control) {
-    return observeControlValue(control)
-        .pipe(startWith(undefined), pairwise(), map(v => ({ previous: v[0], current: v[1] })));
+    return observeControlValue(control).pipe(startWith(undefined), pairwise(), map((v) => ({ previous: v[0], current: v[1] })));
 }
 
 // Source: https://stackoverflow.com/a/59361497/7926298
-function hasProperty(style, prop
-// ): style is T & { [P in K]-?: Exclude<T[K], undefined> } {
-) {
-    return Object.prototype.hasOwnProperty.call(style, prop) && style[prop] !== undefined;
+function hasProperty(style, prop) {
+    return (Object.prototype.hasOwnProperty.call(style, prop) &&
+        style[prop] !== undefined);
 }
 
 /**
@@ -260,7 +255,7 @@ function isEmptyInputValue(value) {
 }
 
 function mapEach(predicate) {
-    return (source$) => source$.pipe(switchMap(v => from(v).pipe(map(m => predicate(m)), toArray())));
+    return (source$) => source$.pipe(switchMap((v) => from(v).pipe(map((m) => predicate(m)), toArray())));
 }
 
 /**
@@ -268,7 +263,7 @@ function mapEach(predicate) {
  */
 function tapFirst(predicate) {
     let _initialized = false;
-    return (source$) => source$.pipe(tap(v => {
+    return (source$) => source$.pipe(tap((v) => {
         if (!_initialized) {
             predicate(v);
             _initialized = true;
@@ -285,19 +280,26 @@ function leafChildRoute(activatedRoute) {
 }
 
 function hasRouteConfigDataProp(route, prop) {
-    return !!(route && route.routeConfig && route.routeConfig.data && Object.prototype.hasOwnProperty.call(route.routeConfig.data, prop));
+    return !!(route &&
+        route.routeConfig &&
+        route.routeConfig.data &&
+        Object.prototype.hasOwnProperty.call(route.routeConfig.data, prop));
 }
 function hasRouteConfigResolveProp(route, prop) {
-    return !!(route && route.routeConfig && route.routeConfig.resolve && Object.prototype.hasOwnProperty.call(route.routeConfig.resolve, prop));
+    return !!(route &&
+        route.routeConfig &&
+        route.routeConfig.resolve &&
+        Object.prototype.hasOwnProperty.call(route.routeConfig.resolve, prop));
 }
 function willHaveDataProp(route, prop) {
-    return hasRouteConfigDataProp(route, prop) || hasRouteConfigResolveProp(route, prop);
+    return (hasRouteConfigDataProp(route, prop) ||
+        hasRouteConfigResolveProp(route, prop));
 }
 
 function activatedRoutesWithDataProperty(prop, mustHaveDefined = false) {
-    const _data = (r) => r.data.pipe(map(_d => ({ route: r, data: _d })));
-    return (source$) => source$.pipe(map(route => leafChildRoute(route)), map(route => route.pathFromRoot), switchMap(routes => combineLatest(routes.map(r => _data(r)))), map(v => v.filter(_v => Object.prototype.hasOwnProperty.call(_v.data, prop))), map(v => mustHaveDefined
-        ? v.filter(_v => willHaveDataProp(_v.route, prop))
+    const _data = (r) => r.data.pipe(map((_d) => ({ route: r, data: _d })));
+    return (source$) => source$.pipe(map((route) => leafChildRoute(route)), map((route) => route.pathFromRoot), switchMap((routes) => combineLatest(routes.map((r) => _data(r)))), map((v) => v.filter((_v) => Object.prototype.hasOwnProperty.call(_v.data, prop))), map((v) => mustHaveDefined
+        ? v.filter((_v) => willHaveDataProp(_v.route, prop))
         : v));
 }
 
@@ -378,7 +380,7 @@ function isFeatureCollectionValidator() {
             return {
                 [IS_FEATURE_COLLECTION_VALIDATOR_NAME]: {
                     reason: `Must be a FeatureCollection.`,
-                }
+                },
             };
         }
         return null;
@@ -423,14 +425,14 @@ function isOnlyGeometryTypesValidator(types) {
         }
         if (!isOnlyGeometryTypes(value, types)) {
             const typesNotAllowed = value.features
-                .map(f => f.geometry.type)
-                .filter(t => types.indexOf(t) === -1);
+                .map((f) => f.geometry.type)
+                .filter((t) => types.indexOf(t) === -1);
             const distinctTypesNotAllowed = Array.from(new Set(typesNotAllowed));
             return {
                 [IS_ONLY_GEOMETRY_TYPES_VALIDATOR_NAME]: {
-                    reason: `Only geometry type${(types.length === 1 ? '' : 's')} ${types.join(', ')} allowed.`,
+                    reason: `Only geometry type${types.length === 1 ? '' : 's'} ${types.join(', ')} allowed.`,
                     notAllowedGeometryTypesFound: distinctTypesNotAllowed,
-                }
+                },
             };
         }
         return null;
@@ -493,8 +495,8 @@ function minMaxPointsValidator(min = 3, max) {
                 : `A polygon must have at least ${min} points.`;
             return {
                 [MIN_MAX_POINTS_VALIDATOR_NAME]: {
-                    reason
-                }
+                    reason,
+                },
             };
         }
         return null;
@@ -523,7 +525,8 @@ function collectionViolatesMinMax(featureCollection, min, max) {
     return false;
 }
 function polygonViolatesMinMax(coordinateLength, min, max) {
-    if (coordinateLength < min || (notNullOrUndefined(max) && max > min && coordinateLength > max)) {
+    if (coordinateLength < min ||
+        (notNullOrUndefined(max) && max > min && coordinateLength > max)) {
         return true;
     }
     return false;
@@ -544,7 +547,7 @@ function noEmptyFeatureCollectionValidator() {
             return {
                 [NO_EMPTY_FEATURE_COLLECTION_VALIDATOR_NAME]: {
                     reason: `FeatureCollection must have a value.`,
-                }
+                },
             };
         }
         return null;
@@ -574,8 +577,8 @@ function noInnerRingsValidator() {
         if (hasInnerRing(value)) {
             return {
                 [NO_INNER_RINGS_VALIDATOR_NAME]: {
-                    reason: `A shape cannot have an inner ring.`
-                }
+                    reason: `A shape cannot have an inner ring.`,
+                },
             };
         }
         return null;
@@ -612,7 +615,12 @@ function hasInnerRing(featureCollection) {
     return false;
 }
 
-const kinkableGeometryTypes = ['LineString', 'MultiLineString', 'MultiPolygon', 'Polygon'];
+const kinkableGeometryTypes = [
+    'LineString',
+    'MultiLineString',
+    'MultiPolygon',
+    'Polygon',
+];
 const NO_KINKS_VALIDATOR_NAME = 'no-kinks';
 function noKinksValidator() {
     return (control) => {
@@ -641,7 +649,7 @@ function noKinksValidator() {
                 [NO_KINKS_VALIDATOR_NAME]: {
                     reason: 'Paths should not intersect themselves.',
                     featuresWithKink: kinksFound,
-                }
+                },
             };
         }
         return null;
@@ -668,7 +676,7 @@ async function readFileAsDataUrlAsync(file) {
 }
 async function fileBufferToBlob(fileBuffer, defaultMime = 'application/octet-stream') {
     const fType = fileType(fileBuffer);
-    const mime = (fType) ? fType.mime : defaultMime;
+    const mime = fType ? fType.mime : defaultMime;
     const blob = new Blob([fileBuffer], { type: mime });
     return blob;
 }
@@ -763,9 +771,11 @@ async function coerceFileOrBufferToBuffer(fileOrBuffer) {
 // NOTE: Our current version of file-type does not detect shp files. We can
 // remove this function when file-types is upgraded.
 function isShpFile(buffer) {
-    const header = [0x27, 0x0A, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00];
+    const header = [
+        0x27, 0x0a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+    ];
     const offset = 2;
-    if (buffer.length < (header.length + offset)) {
+    if (buffer.length < header.length + offset) {
         return false;
     }
     for (let i = 0; i < header.length; i++) {
@@ -779,11 +789,11 @@ async function parseShpFile(buffer) {
     const geometries = await shp.parseShp(buffer, undefined);
     const featCollection = {
         type: 'FeatureCollection',
-        features: geometries.map(geom => ({
+        features: geometries.map((geom) => ({
             type: 'Feature',
             geometry: geom,
-            properties: {}
-        }))
+            properties: {},
+        })),
     };
     return featCollection;
 }
@@ -819,7 +829,7 @@ function splitMultiPolygons(featureCollection) {
         if (featureCollection.features[i]) {
             const geometry = featureCollection.features[i].geometry;
             if (geometry.type === 'MultiPolygon') {
-                const features = splitMultPolygon(geometry).map(p => ({
+                const features = splitMultPolygon(geometry).map((p) => ({
                     type: 'Feature',
                     geometry: p,
                     properties: {},
@@ -831,7 +841,7 @@ function splitMultiPolygons(featureCollection) {
     }
 }
 function splitMultPolygon(multiPolygon) {
-    return multiPolygon.coordinates.map(c => ({
+    return multiPolygon.coordinates.map((c) => ({
         type: 'Polygon',
         coordinates: c,
     }));
@@ -977,21 +987,38 @@ function toggleAttribute(element, name, force) {
     }
 }
 
-const phoneNumberMask = ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/];
+const phoneNumberMask = [
+    '(',
+    /[1-9]/,
+    /\d/,
+    /\d/,
+    ')',
+    ' ',
+    /\d/,
+    /\d/,
+    /\d/,
+    '-',
+    /\d/,
+    /\d/,
+    /\d/,
+    /\d/,
+];
 
 function isNullOrUndefined(value) {
     return value === undefined || value === null;
 }
 
 function isNullOrUndefinedOrEmpty(value, trim = true) {
-    return value === undefined || value === null || (trim ? value.trim() : value).length === 0;
+    return (value === undefined ||
+        value === null ||
+        (trim ? value.trim() : value).length === 0);
 }
 
 function loadStyle(content) {
     return new Promise((resolve, reject) => {
         const s = document.createElement('style');
         s.onload = () => resolve(s);
-        s.onerror = e => {
+        s.onerror = (e) => {
             document.head.removeChild(s);
             reject(e);
         };
@@ -1004,7 +1031,7 @@ function loadStyleSheet(path) {
     return new Promise((resolve, reject) => {
         const s = document.createElement('link');
         s.onload = () => resolve(s);
-        s.onerror = e => {
+        s.onerror = (e) => {
             document.head.removeChild(s);
             reject(e);
         };
@@ -1015,7 +1042,9 @@ function loadStyleSheet(path) {
 }
 
 function notNullOrUndefinedOrEmpty(value, trim = true) {
-    return value !== null && value !== undefined && (trim ? value.trim() : value).length > 0;
+    return (value !== null &&
+        value !== undefined &&
+        (trim ? value.trim() : value).length > 0);
 }
 
 async function waitOnConditionAsync(condition, timeoutDuration = -1, throwOnTimeout = true) {
@@ -1037,7 +1066,9 @@ async function waitOnConditionAsync(condition, timeoutDuration = -1, throwOnTime
                     callbackFn(false);
                 }
             }
-            setTimeout(() => { _waitFunc(callbackFn); }, 30);
+            setTimeout(() => {
+                _waitFunc(callbackFn);
+            }, 30);
         }
     };
     return new Promise((resolve, reject) => {
@@ -1083,11 +1114,9 @@ class IntervalTimer {
         this.start();
     }
 }
-// tslint:disable:no-inferrable-types
 class PollingTickerOptions {
     emitOnInit = true;
 }
-// tslint:enable:no-inferrable-types
 // TODO: Simplify complexity.
 /**
  * Call an action and emits the result to its subscriber on an interval or when
@@ -1098,7 +1127,7 @@ class PollingTickerOptions {
  */
 function pollingTicker(action, pollingInterval, ticker, options) {
     return new Observable((subscriber) => {
-        const _opts = { ...(new PollingTickerOptions()), ...(options || {}) };
+        const _opts = { ...new PollingTickerOptions(), ...(options || {}) };
         let timer = null;
         let actionSub = null;
         let tickerSub = null;
@@ -1112,9 +1141,14 @@ function pollingTicker(action, pollingInterval, ticker, options) {
                     if (actionSub) {
                         actionSub.unsubscribe();
                     }
-                    actionSub = actionResult.subscribe((v) => { subscriber.next(v); if (timer) {
-                        timer.reset();
-                    } }, err => { subscriber.error(err); }, () => {
+                    actionSub = actionResult.subscribe((v) => {
+                        subscriber.next(v);
+                        if (timer) {
+                            timer.reset();
+                        }
+                    }, (err) => {
+                        subscriber.error(err);
+                    }, () => {
                         actionSub = null;
                         if (timer) {
                             timer.start();
@@ -1137,7 +1171,7 @@ function pollingTicker(action, pollingInterval, ticker, options) {
                 }, pollingInterval);
             }
             if (ticker) {
-                tickerSub = ticker.subscribe(newPollingInterval => {
+                tickerSub = ticker.subscribe((newPollingInterval) => {
                     if (newPollingInterval && timer) {
                         timer.stop();
                         if (newPollingInterval) {
@@ -1179,12 +1213,14 @@ class Refreshable {
         if (pollingInterval !== null && pollingInterval !== undefined) {
             this._pollingInterval.next(pollingInterval);
         }
-        this.pending$ = this._pending.asObservable()
+        this.pending$ = this._pending
+            .asObservable()
             .pipe(distinctUntilChanged(), shareReplay(1));
-        this.data$ = pollingTicker(this._actionHandler(action), pollingInterval, this._ticker)
-            .pipe(tapFirst(() => this._initialized = true), publishReplay(), refCount());
+        this.data$ = pollingTicker(this._actionHandler(action), pollingInterval, this._ticker).pipe(tapFirst(() => (this._initialized = true)), publishReplay(), refCount());
+    }
+    get initialized() {
+        return this._initialized;
     }
-    get initialized() { return this._initialized; }
     /**
      * Intercepts the action call to monitor pending state
      */
@@ -1193,7 +1229,9 @@ class Refreshable {
             this._pending.next(true);
             const actionResult = action();
             if (isObservable(actionResult)) {
-                return actionResult.pipe(tap(() => { this._pending.next(false); }));
+                return actionResult.pipe(tap(() => {
+                    this._pending.next(false);
+                }));
             }
             else {
                 this._pending.next(true);
@@ -1220,14 +1258,12 @@ class Refreshable {
             //  each time `data$` is subscribed to, then this could fail if the data
             //  emits one extra time before the ticker is triggered.
             let _polled = false;
-            result$ = this.data$
-                .pipe(tap(_ => !_polled && (_polled = true) && this._ticker.next()), skip(1));
+            result$ = this.data$.pipe(tap((_) => !_polled && (_polled = true) && this._ticker.next()), skip(1));
         }
         else {
             result$ = this.data$;
         }
-        return result$
-            .pipe(take(1), mapTo(undefined));
+        return result$.pipe(take(1), mapTo(undefined));
     }
 }
 
@@ -1300,7 +1336,7 @@ function setGlobalSubscriberCount(description, count) {
 }
 
 function observeQueryList(queryList, emitCurrentValue = true) {
-    return queryList.changes.pipe(startWith(queryList), map(v => v.toArray()));
+    return queryList.changes.pipe(startWith(queryList), map((v) => v.toArray()));
 }
 
 function createPadding(len, chars) {