croco-html 2.14.0 → 2.16.0

package/esm2022/lib/extensions/HtmlRawTagDataConsts.mjs

@@ -1,4 +1,7 @@
 export class HtmlRawTagDataConsts {
     static { this.TagName = "html-raw"; }
+    static { this.ScreenWidth = "screen-width"; }
+    static { this.MaxImageHeight = "max-image-height"; }
+    static { this.MediaRequest = " media-request"; }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSHRtbFJhd1RhZ0RhdGFDb25zdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcm9jby1odG1sL3NyYy9saWIvZXh0ZW5zaW9ucy9IdG1sUmF3VGFnRGF0YUNvbnN0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sb0JBQW9CO2FBQ3RCLFlBQU8sR0FBRyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgSHRtbFJhd1RhZ0RhdGFDb25zdHMge1xuICAgIHN0YXRpYyBUYWdOYW1lID0gXCJodG1sLXJhd1wiO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSHRtbFJhd1RhZ0RhdGFDb25zdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcm9jby1odG1sL3NyYy9saWIvZXh0ZW5zaW9ucy9IdG1sUmF3VGFnRGF0YUNvbnN0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sb0JBQW9CO2FBQ3RCLFlBQU8sR0FBRyxVQUFVLENBQUM7YUFDckIsZ0JBQVcsR0FBRyxjQUFjLENBQUM7YUFDN0IsbUJBQWMsR0FBRyxrQkFBa0IsQ0FBQzthQUNwQyxpQkFBWSxHQUFDLGdCQUFnQixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIEh0bWxSYXdUYWdEYXRhQ29uc3RzIHtcbiAgICBzdGF0aWMgVGFnTmFtZSA9IFwiaHRtbC1yYXdcIjtcbiAgICBzdGF0aWMgU2NyZWVuV2lkdGggPSBcInNjcmVlbi13aWR0aFwiO1xuICAgIHN0YXRpYyBNYXhJbWFnZUhlaWdodCA9IFwibWF4LWltYWdlLWhlaWdodFwiO1xuICAgIHN0YXRpYyBNZWRpYVJlcXVlc3Q9XCIgbWVkaWEtcmVxdWVzdFwiXG59XG4iXX0=

package/esm2022/lib/extensions/ImageMethods.mjs

@@ -1,6 +1,10 @@
 export class FileImageTagDataConsts {
     static { this.TagName = "file-image"; }
     static { this.FileIdAttrName = "file-id"; }
+    static { this.ScreenMediaRequest = "screen-media-request"; }
+    static { this.DefaultValueForFileImage = "screen-width:1200,max-image-height:300;screen-width:900,max-image-height:200"; }
+    static { this.ScreenWidth = 'screen-width'; }
+    static { this.MaxImageHeight = 'max-image-height'; }
 }
 export class ImageMethods {
     static buildUrl(fileId, sizeType, options) {
@@ -25,8 +29,41 @@ export class ImageMethods {
             data: {
                 src,
                 fileId: fileId,
+                screenMediaRequest: elem.getAttribute(FileImageTagDataConsts.ScreenMediaRequest)
             }
         };
     }
+    static { this.mediaRequestStringToArrayParser = (data) => {
+        if (!data.length) {
+            return [];
+        }
+        return data.split(';').reduce((requests, currentValue) => {
+            requests.push({
+                screenWidth: ImageMethods.createMediaRequestValue(currentValue.split(','), FileImageTagDataConsts.ScreenWidth),
+                maxImageHeight: ImageMethods.createMediaRequestValue(currentValue.split(','), FileImageTagDataConsts.MaxImageHeight),
+            });
+            return requests;
+        }, []);
+    }; }
+    static createMediaRequestValue(arr, attribute) {
+        return +arr.find(el => el.includes(attribute)).match(/\d+/g).join('');
+    }
+    static { this.mediaRequestsArrayToStringParser = (data) => {
+        if (!data.length) {
+            return '';
+        }
+        return data.map(el => `${FileImageTagDataConsts.ScreenWidth}:${el.screenWidth},${FileImageTagDataConsts.MaxImageHeight}:${el.maxImageHeight}`).join(';');
+    }; }
+    static { this.screenSizeChanged = (screenSize, requests) => {
+        let newSize = null;
+        requests
+            .sort((a, b) => a.screenWidth > b.screenWidth ? -1 : 1)
+            .forEach((el, index) => {
+            if (screenSize < +el.screenWidth) {
+                newSize = el.maxImageHeight;
+            }
+        });
+        return newSize;
+    }; }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2VNZXRob2RzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JvY28taHRtbC9zcmMvbGliL2V4dGVuc2lvbnMvSW1hZ2VNZXRob2RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxzQkFBc0I7YUFDeEIsWUFBTyxHQUFHLFlBQVksQ0FBQzthQUN2QixtQkFBYyxHQUFHLFNBQVMsQ0FBQzs7QUFhdEMsTUFBTSxPQUFPLFlBQVk7SUFFZCxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQWMsRUFBRSxRQUFnQixFQUFFLE9BQXlCO1FBRTlFLElBQUksTUFBTSxLQUFLLElBQUksSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDMUMsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUVELE9BQU8sT0FBTyxDQUFDLDJCQUEyQjthQUNyQyxPQUFPLENBQUMsWUFBWSxFQUFFLFFBQVEsQ0FBQzthQUMvQixPQUFPLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFTSxNQUFNLENBQUMsYUFBYSxDQUFDLE1BQWMsRUFBRSxPQUF5QjtRQUNqRSxPQUFPLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRU0sTUFBTSxDQUFDLGNBQWMsQ0FBQyxNQUFjLEVBQUUsT0FBeUI7UUFDbEUsT0FBTyxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVNLE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFBaUIsRUFBRSxPQUF5QjtRQUNuRSxJQUFJLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDdkUsSUFBSSxHQUFHLEdBQUcsWUFBWSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDdkQsT0FBTztZQUNILElBQUksRUFBRSxzQkFBc0IsQ0FBQyxPQUFPO1lBQ3BDLElBQUksRUFBRTtnQkFDRixHQUFHO2dCQUNILE1BQU0sRUFBRSxNQUFNO2FBQ2pCO1NBQ0osQ0FBQztJQUNOLENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENyb2NvSHRtbE9wdGlvbnMgfSBmcm9tIFwiLi9IdG1sRXh0cmFjdGlvbk1ldGhvZHNcIjtcblxuZXhwb3J0IGNsYXNzIEZpbGVJbWFnZVRhZ0RhdGFDb25zdHMge1xuICAgIHN0YXRpYyBUYWdOYW1lID0gXCJmaWxlLWltYWdlXCI7XG4gICAgc3RhdGljIEZpbGVJZEF0dHJOYW1lID0gXCJmaWxlLWlkXCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZUltYWdlVGFnIHtcbiAgICB0eXBlOiBzdHJpbmc7XG4gICAgZGF0YTogRmlsZUltYWdlVGFnRGF0YTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlSW1hZ2VUYWdEYXRhIHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBmaWxlSWQ6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNsYXNzIEltYWdlTWV0aG9kcyB7XG5cbiAgICBwdWJsaWMgc3RhdGljIGJ1aWxkVXJsKGZpbGVJZDogbnVtYmVyLCBzaXplVHlwZTogc3RyaW5nLCBvcHRpb25zOiBDcm9jb0h0bWxPcHRpb25zKTogc3RyaW5nIHtcblxuICAgICAgICBpZiAoZmlsZUlkID09PSBudWxsIHx8IGZpbGVJZCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBvcHRpb25zLnB1YmxpY0ltYWdlUmVzaXplZFVybEZvcm1hdFxuICAgICAgICAgICAgLnJlcGxhY2UoXCJ7c2l6ZVR5cGV9XCIsIHNpemVUeXBlKVxuICAgICAgICAgICAgLnJlcGxhY2UoXCJ7ZmlsZUlkfVwiLCBmaWxlSWQudG9TdHJpbmcoKSk7XG4gICAgfVxuXG4gICAgcHVibGljIHN0YXRpYyBidWlsZFNtYWxsVXJsKGZpbGVJZDogbnVtYmVyLCBvcHRpb25zOiBDcm9jb0h0bWxPcHRpb25zKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIEltYWdlTWV0aG9kcy5idWlsZFVybChmaWxlSWQsIFwiU21hbGxcIiwgb3B0aW9ucyk7XG4gICAgfVxuXG4gICAgcHVibGljIHN0YXRpYyBidWlsZE1lZGl1bVVybChmaWxlSWQ6IG51bWJlciwgb3B0aW9uczogQ3JvY29IdG1sT3B0aW9ucyk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBJbWFnZU1ldGhvZHMuYnVpbGRVcmwoZmlsZUlkLCBcIk1lZGl1bVwiLCBvcHRpb25zKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc3RhdGljIEV4dHJhY3RJbWFnZShlbGVtOiBIVE1MRWxlbWVudCwgb3B0aW9uczogQ3JvY29IdG1sT3B0aW9ucyk6IEZpbGVJbWFnZVRhZyB7XG4gICAgICAgIGxldCBmaWxlSWQgPSArZWxlbS5nZXRBdHRyaWJ1dGUoRmlsZUltYWdlVGFnRGF0YUNvbnN0cy5GaWxlSWRBdHRyTmFtZSk7XG4gICAgICAgIGxldCBzcmMgPSBJbWFnZU1ldGhvZHMuYnVpbGRNZWRpdW1VcmwoZmlsZUlkLCBvcHRpb25zKTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHR5cGU6IEZpbGVJbWFnZVRhZ0RhdGFDb25zdHMuVGFnTmFtZSxcbiAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICBzcmMsXG4gICAgICAgICAgICAgICAgZmlsZUlkOiBmaWxlSWQsXG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2VNZXRob2RzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JvY28taHRtbC9zcmMvbGliL2V4dGVuc2lvbnMvSW1hZ2VNZXRob2RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxzQkFBc0I7YUFDeEIsWUFBTyxHQUFHLFlBQVksQ0FBQzthQUN2QixtQkFBYyxHQUFHLFNBQVMsQ0FBQzthQUMzQix1QkFBa0IsR0FBRyxzQkFBc0IsQ0FBQzthQUM1Qyw2QkFBd0IsR0FBRyw4RUFBOEUsQ0FBQzthQUMxRyxnQkFBVyxHQUFHLGNBQWMsQ0FBQzthQUM3QixtQkFBYyxHQUFHLGtCQUFrQixDQUFDOztBQW1CL0MsTUFBTSxPQUFPLFlBQVk7SUFFZCxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQWMsRUFBRSxRQUFnQixFQUFFLE9BQXlCO1FBRTlFLElBQUksTUFBTSxLQUFLLElBQUksSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDMUMsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUVELE9BQU8sT0FBTyxDQUFDLDJCQUEyQjthQUNyQyxPQUFPLENBQUMsWUFBWSxFQUFFLFFBQVEsQ0FBQzthQUMvQixPQUFPLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFTSxNQUFNLENBQUMsYUFBYSxDQUFDLE1BQWMsRUFBRSxPQUF5QjtRQUNqRSxPQUFPLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRU0sTUFBTSxDQUFDLGNBQWMsQ0FBQyxNQUFjLEVBQUUsT0FBeUI7UUFDbEUsT0FBTyxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVNLE1BQU0sQ0FBQyxZQUFZ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bE9wdGlvbnMgfSBmcm9tIFwiLi9IdG1sRXh0cmFjdGlvbk1ldGhvZHNcIjtcblxuZXhwb3J0IGNsYXNzIEZpbGVJbWFnZVRhZ0RhdGFDb25zdHMge1xuICAgIHN0YXRpYyBUYWdOYW1lID0gXCJmaWxlLWltYWdlXCI7XG4gICAgc3RhdGljIEZpbGVJZEF0dHJOYW1lID0gXCJmaWxlLWlkXCI7XG4gICAgc3RhdGljIFNjcmVlbk1lZGlhUmVxdWVzdCA9IFwic2NyZWVuLW1lZGlhLXJlcXVlc3RcIjtcbiAgICBzdGF0aWMgRGVmYXVsdFZhbHVlRm9yRmlsZUltYWdlID0gXCJzY3JlZW4td2lkdGg6MTIwMCxtYXgtaW1hZ2UtaGVpZ2h0OjMwMDtzY3JlZW4td2lkdGg6OTAwLG1heC1pbWFnZS1oZWlnaHQ6MjAwXCI7XG4gICAgc3RhdGljIFNjcmVlbldpZHRoID0gJ3NjcmVlbi13aWR0aCc7XG4gICAgc3RhdGljIE1heEltYWdlSGVpZ2h0ID0gJ21heC1pbWFnZS1oZWlnaHQnO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVJbWFnZVRhZyB7XG4gICAgdHlwZTogc3RyaW5nO1xuICAgIGRhdGE6IEZpbGVJbWFnZVRhZ0RhdGE7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZUltYWdlVGFnRGF0YSB7XG4gICAgc3JjOiBzdHJpbmc7XG4gICAgZmlsZUlkOiBudW1iZXI7XG4gICAgc2NyZWVuTWVkaWFSZXF1ZXN0OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1lZGlhUmVxdWVzdCB7XG4gIHNjcmVlbldpZHRoOiBudW1iZXIsXG4gIG1heEltYWdlSGVpZ2h0OiBudW1iZXIsXG59XG5cbmV4cG9ydCBjbGFzcyBJbWFnZU1ldGhvZHMge1xuXG4gICAgcHVibGljIHN0YXRpYyBidWlsZFVybChmaWxlSWQ6IG51bWJlciwgc2l6ZVR5cGU6IHN0cmluZywgb3B0aW9uczogQ3JvY29IdG1sT3B0aW9ucyk6IHN0cmluZyB7XG5cbiAgICAgICAgaWYgKGZpbGVJZCA9PT0gbnVsbCB8fCBmaWxlSWQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gb3B0aW9ucy5wdWJsaWNJbWFnZVJlc2l6ZWRVcmxGb3JtYXRcbiAgICAgICAgICAgIC5yZXBsYWNlKFwie3NpemVUeXBlfVwiLCBzaXplVHlwZSlcbiAgICAgICAgICAgIC5yZXBsYWNlKFwie2ZpbGVJZH1cIiwgZmlsZUlkLnRvU3RyaW5nKCkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzdGF0aWMgYnVpbGRTbWFsbFVybChmaWxlSWQ6IG51bWJlciwgb3B0aW9uczogQ3JvY29IdG1sT3B0aW9ucyk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBJbWFnZU1ldGhvZHMuYnVpbGRVcmwoZmlsZUlkLCBcIlNtYWxsXCIsIG9wdGlvbnMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzdGF0aWMgYnVpbGRNZWRpdW1VcmwoZmlsZUlkOiBudW1iZXIsIG9wdGlvbnM6IENyb2NvSHRtbE9wdGlvbnMpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gSW1hZ2VNZXRob2RzLmJ1aWxkVXJsKGZpbGVJZCwgXCJNZWRpdW1cIiwgb3B0aW9ucyk7XG4gICAgfVxuXG4gICAgcHVibGljIHN0YXRpYyBFeHRyYWN0SW1hZ2UoZWxlbTogSFRNTEVsZW1lbnQsIG9wdGlvbnM6IENyb2NvSHRtbE9wdGlvbnMpOiBGaWxlSW1hZ2VUYWcge1xuICAgICAgICBsZXQgZmlsZUlkID0gK2VsZW0uZ2V0QXR0cmlidXRlKEZpbGVJbWFnZVRhZ0RhdGFDb25zdHMuRmlsZUlkQXR0ck5hbWUpO1xuICAgICAgICBsZXQgc3JjID0gSW1hZ2VNZXRob2RzLmJ1aWxkTWVkaXVtVXJsKGZpbGVJZCwgb3B0aW9ucyk7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICB0eXBlOiBGaWxlSW1hZ2VUYWdEYXRhQ29uc3RzLlRhZ05hbWUsXG4gICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgc3JjLFxuICAgICAgICAgICAgICAgIGZpbGVJZDogZmlsZUlkLFxuICAgICAgICAgICAgICAgIHNjcmVlbk1lZGlhUmVxdWVzdDogZWxlbS5nZXRBdHRyaWJ1dGUoRmlsZUltYWdlVGFnRGF0YUNvbnN0cy5TY3JlZW5NZWRpYVJlcXVlc3QpXG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgfVxuXG4gIHB1YmxpYyBzdGF0aWMgbWVkaWFSZXF1ZXN0U3RyaW5nVG9BcnJheVBhcnNlciA9IChkYXRhOiBzdHJpbmcpID0+IHtcbiAgICBpZighZGF0YS5sZW5ndGgpIHtcbiAgICAgIHJldHVybiBbXVxuICAgIH1cblxuICAgIHJldHVybiAgZGF0YS5zcGxpdCgnOycpLnJlZHVjZSgocmVxdWVzdHM6IElNZWRpYVJlcXVlc3RbXSwgY3VycmVudFZhbHVlOiBzdHJpbmcgKSA9PiB7XG4gICAgICByZXF1ZXN0cy5wdXNoKHtcbiAgICAgICAgc2NyZWVuV2lkdGg6IEltYWdlTWV0aG9kcy5jcmVhdGVNZWRpYVJlcXVlc3RWYWx1ZShjdXJyZW50VmFsdWUuc3BsaXQoJywnKSwgRmlsZUltYWdlVGFnRGF0YUNvbnN0cy5TY3JlZW5XaWR0aCApLFxuICAgICAgICBtYXhJbWFnZUhlaWdodDogSW1hZ2VNZXRob2RzLmNyZWF0ZU1lZGlhUmVxdWVzdFZhbHVlKGN1cnJlbnRWYWx1ZS5zcGxpdCgnLCcpLCBGaWxlSW1hZ2VUYWdEYXRhQ29uc3RzLk1heEltYWdlSGVpZ2h0ICksXG4gICAgICB9KVxuICAgICAgcmV0dXJuIHJlcXVlc3RzXG4gICAgfSwgW10pXG4gIH1cblxuICBwdWJsaWMgc3RhdGljIGNyZWF0ZU1lZGlhUmVxdWVzdFZhbHVlKGFycjogc3RyaW5nW10sIGF0dHJpYnV0ZTogc3RyaW5nKSB7XG4gICAgcmV0dXJuICthcnIuZmluZChlbCA9PiBlbC5pbmNsdWRlcyhhdHRyaWJ1dGUpKS5tYXRjaCgvXFxkKy9nKS5qb2luKCcnKTtcbiAgfVxuXG4gIHB1YmxpYyBzdGF0aWMgbWVkaWFSZXF1ZXN0c0FycmF5VG9TdHJpbmdQYXJzZXIgPSAoZGF0YTogSU1lZGlhUmVxdWVzdFtdKSA9PiB7XG4gICAgaWYoIWRhdGEubGVuZ3RoKSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG5cbiAgICByZXR1cm4gZGF0YS5tYXAoZWw9PiBgJHtGaWxlSW1hZ2VUYWdEYXRhQ29uc3RzLlNjcmVlbldpZHRofToke2VsLnNjcmVlbldpZHRofSwke0ZpbGVJbWFnZVRhZ0RhdGFDb25zdHMuTWF4SW1hZ2VIZWlnaHR9OiR7ZWwubWF4SW1hZ2VIZWlnaHR9YCkuam9pbignOycpXG4gIH1cblxuICBwdWJsaWMgc3RhdGljIHNjcmVlblNpemVDaGFuZ2VkID0gKHNjcmVlblNpemU6IG51bWJlciwgcmVxdWVzdHM6IElNZWRpYVJlcXVlc3RbXSkgPT4ge1xuICAgIGxldCBuZXdTaXplID0gbnVsbDtcbiAgICByZXF1ZXN0c1xuICAgICAgLnNvcnQoKGEsYikgPT4gYS5zY3JlZW5XaWR0aCA+IGIuc2NyZWVuV2lkdGggPyAtMSA6IDEpXG4gICAgICAuZm9yRWFjaCgoZWwsIGluZGV4KSA9PiB7XG4gICAgICBpZihzY3JlZW5TaXplIDwgK2VsLnNjcmVlbldpZHRoKSB7XG4gICAgICAgIG5ld1NpemUgPSBlbC5tYXhJbWFnZUhlaWdodDtcbiAgICAgIH1cbiAgICB9KVxuICAgIHJldHVybiBuZXdTaXplXG4gIH1cblxufVxuIl19

package/esm2022/lib/services/screen-width.service.mjs

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from "rxjs";
+import * as i0 from "@angular/core";
+export class ScreenWidthService {
+    constructor() {
+        this.screenWidth = new BehaviorSubject(window.innerWidth);
+        window.addEventListener('resize', this.onResize.bind(this));
+    }
+    onResize(event) {
+        this.screenWidth.next(window.innerWidth);
+    }
+    getScreenWidth() {
+        return this.screenWidth.asObservable();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ScreenWidthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ScreenWidthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ScreenWidthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NyZWVuLXdpZHRoLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcm9jby1odG1sL3NyYy9saWIvc2VydmljZXMvc2NyZWVuLXdpZHRoLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZUFBZSxFQUFhLE1BQU0sTUFBTSxDQUFDOztBQUtqRCxNQUFNLE9BQU8sa0JBQWtCO0lBSTdCO1FBRlEsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFHbkUsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFTyxRQUFRLENBQUMsS0FBWTtRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELGNBQWM7UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUE7SUFDeEMsQ0FBQzs4R0FkVSxrQkFBa0I7a0hBQWxCLGtCQUFrQixjQUZqQixNQUFNOzsyRkFFUCxrQkFBa0I7a0JBSDlCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGV9IGZyb20gXCJyeGpzXCI7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFNjcmVlbldpZHRoU2VydmljZSB7XG5cbiAgcHJpdmF0ZSBzY3JlZW5XaWR0aCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPih3aW5kb3cuaW5uZXJXaWR0aCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMub25SZXNpemUuYmluZCh0aGlzKSk7XG4gIH1cblxuICBwcml2YXRlIG9uUmVzaXplKGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMuc2NyZWVuV2lkdGgubmV4dCh3aW5kb3cuaW5uZXJXaWR0aCk7XG4gIH1cblxuICBnZXRTY3JlZW5XaWR0aCgpOiBPYnNlcnZhYmxlPG51bWJlcj4ge1xuICAgIHJldHVybiB0aGlzLnNjcmVlbldpZHRoLmFzT2JzZXJ2YWJsZSgpXG4gIH1cbn1cbiJdfQ==