@luftborn/custom-elements 2.12.0 → 2.12.2

package/demo/index.min.js

@@ -11,7 +11,7 @@ document.onreadystatechange = function () {
     }
 };
 
-},{"./../src/index":77}],2:[function(require,module,exports){
+},{"./../src/index":78}],2:[function(require,module,exports){
 /**
 @license @nocompile
 Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
@@ -403,7 +403,7 @@ var hj=window.customElements,ij=!1,jj=null;hj.polyfillWrapFlushCallback&&hj.poly
 
 }).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {},require("timers").setImmediate)
 
-},{"timers":8}],4:[function(require,module,exports){
+},{"timers":9}],4:[function(require,module,exports){
 /**
  * @license
  * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
@@ -612,6 +612,1067 @@ var hj=window.customElements,ij=!1,jj=null;hj.polyfillWrapFlushCallback&&hj.poly
 })();
 
 },{}],5:[function(require,module,exports){
+(function() {
+
+    var debug = false;
+
+    var root = this;
+
+    var EXIF = function(obj) {
+        if (obj instanceof EXIF) return obj;
+        if (!(this instanceof EXIF)) return new EXIF(obj);
+        this.EXIFwrapped = obj;
+    };
+
+    if (typeof exports !== 'undefined') {
+        if (typeof module !== 'undefined' && module.exports) {
+            exports = module.exports = EXIF;
+        }
+        exports.EXIF = EXIF;
+    } else {
+        root.EXIF = EXIF;
+    }
+
+    var ExifTags = EXIF.Tags = {
+
+        // version tags
+        0x9000 : "ExifVersion",             // EXIF version
+        0xA000 : "FlashpixVersion",         // Flashpix format version
+
+        // colorspace tags
+        0xA001 : "ColorSpace",              // Color space information tag
+
+        // image configuration
+        0xA002 : "PixelXDimension",         // Valid width of meaningful image
+        0xA003 : "PixelYDimension",         // Valid height of meaningful image
+        0x9101 : "ComponentsConfiguration", // Information about channels
+        0x9102 : "CompressedBitsPerPixel",  // Compressed bits per pixel
+
+        // user information
+        0x927C : "MakerNote",               // Any desired information written by the manufacturer
+        0x9286 : "UserComment",             // Comments by user
+
+        // related file
+        0xA004 : "RelatedSoundFile",        // Name of related sound file
+
+        // date and time
+        0x9003 : "DateTimeOriginal",        // Date and time when the original image was generated
+        0x9004 : "DateTimeDigitized",       // Date and time when the image was stored digitally
+        0x9290 : "SubsecTime",              // Fractions of seconds for DateTime
+        0x9291 : "SubsecTimeOriginal",      // Fractions of seconds for DateTimeOriginal
+        0x9292 : "SubsecTimeDigitized",     // Fractions of seconds for DateTimeDigitized
+
+        // picture-taking conditions
+        0x829A : "ExposureTime",            // Exposure time (in seconds)
+        0x829D : "FNumber",                 // F number
+        0x8822 : "ExposureProgram",         // Exposure program
+        0x8824 : "SpectralSensitivity",     // Spectral sensitivity
+        0x8827 : "ISOSpeedRatings",         // ISO speed rating
+        0x8828 : "OECF",                    // Optoelectric conversion factor
+        0x9201 : "ShutterSpeedValue",       // Shutter speed
+        0x9202 : "ApertureValue",           // Lens aperture
+        0x9203 : "BrightnessValue",         // Value of brightness
+        0x9204 : "ExposureBias",            // Exposure bias
+        0x9205 : "MaxApertureValue",        // Smallest F number of lens
+        0x9206 : "SubjectDistance",         // Distance to subject in meters
+        0x9207 : "MeteringMode",            // Metering mode
+        0x9208 : "LightSource",             // Kind of light source
+        0x9209 : "Flash",                   // Flash status
+        0x9214 : "SubjectArea",             // Location and area of main subject
+        0x920A : "FocalLength",             // Focal length of the lens in mm
+        0xA20B : "FlashEnergy",             // Strobe energy in BCPS
+        0xA20C : "SpatialFrequencyResponse",    //
+        0xA20E : "FocalPlaneXResolution",   // Number of pixels in width direction per FocalPlaneResolutionUnit
+        0xA20F : "FocalPlaneYResolution",   // Number of pixels in height direction per FocalPlaneResolutionUnit
+        0xA210 : "FocalPlaneResolutionUnit",    // Unit for measuring FocalPlaneXResolution and FocalPlaneYResolution
+        0xA214 : "SubjectLocation",         // Location of subject in image
+        0xA215 : "ExposureIndex",           // Exposure index selected on camera
+        0xA217 : "SensingMethod",           // Image sensor type
+        0xA300 : "FileSource",              // Image source (3 == DSC)
+        0xA301 : "SceneType",               // Scene type (1 == directly photographed)
+        0xA302 : "CFAPattern",              // Color filter array geometric pattern
+        0xA401 : "CustomRendered",          // Special processing
+        0xA402 : "ExposureMode",            // Exposure mode
+        0xA403 : "WhiteBalance",            // 1 = auto white balance, 2 = manual
+        0xA404 : "DigitalZoomRation",       // Digital zoom ratio
+        0xA405 : "FocalLengthIn35mmFilm",   // Equivalent foacl length assuming 35mm film camera (in mm)
+        0xA406 : "SceneCaptureType",        // Type of scene
+        0xA407 : "GainControl",             // Degree of overall image gain adjustment
+        0xA408 : "Contrast",                // Direction of contrast processing applied by camera
+        0xA409 : "Saturation",              // Direction of saturation processing applied by camera
+        0xA40A : "Sharpness",               // Direction of sharpness processing applied by camera
+        0xA40B : "DeviceSettingDescription",    //
+        0xA40C : "SubjectDistanceRange",    // Distance to subject
+
+        // other tags
+        0xA005 : "InteroperabilityIFDPointer",
+        0xA420 : "ImageUniqueID"            // Identifier assigned uniquely to each image
+    };
+
+    var TiffTags = EXIF.TiffTags = {
+        0x0100 : "ImageWidth",
+        0x0101 : "ImageHeight",
+        0x8769 : "ExifIFDPointer",
+        0x8825 : "GPSInfoIFDPointer",
+        0xA005 : "InteroperabilityIFDPointer",
+        0x0102 : "BitsPerSample",
+        0x0103 : "Compression",
+        0x0106 : "PhotometricInterpretation",
+        0x0112 : "Orientation",
+        0x0115 : "SamplesPerPixel",
+        0x011C : "PlanarConfiguration",
+        0x0212 : "YCbCrSubSampling",
+        0x0213 : "YCbCrPositioning",
+        0x011A : "XResolution",
+        0x011B : "YResolution",
+        0x0128 : "ResolutionUnit",
+        0x0111 : "StripOffsets",
+        0x0116 : "RowsPerStrip",
+        0x0117 : "StripByteCounts",
+        0x0201 : "JPEGInterchangeFormat",
+        0x0202 : "JPEGInterchangeFormatLength",
+        0x012D : "TransferFunction",
+        0x013E : "WhitePoint",
+        0x013F : "PrimaryChromaticities",
+        0x0211 : "YCbCrCoefficients",
+        0x0214 : "ReferenceBlackWhite",
+        0x0132 : "DateTime",
+        0x010E : "ImageDescription",
+        0x010F : "Make",
+        0x0110 : "Model",
+        0x0131 : "Software",
+        0x013B : "Artist",
+        0x8298 : "Copyright"
+    };
+
+    var GPSTags = EXIF.GPSTags = {
+        0x0000 : "GPSVersionID",
+        0x0001 : "GPSLatitudeRef",
+        0x0002 : "GPSLatitude",
+        0x0003 : "GPSLongitudeRef",
+        0x0004 : "GPSLongitude",
+        0x0005 : "GPSAltitudeRef",
+        0x0006 : "GPSAltitude",
+        0x0007 : "GPSTimeStamp",
+        0x0008 : "GPSSatellites",
+        0x0009 : "GPSStatus",
+        0x000A : "GPSMeasureMode",
+        0x000B : "GPSDOP",
+        0x000C : "GPSSpeedRef",
+        0x000D : "GPSSpeed",
+        0x000E : "GPSTrackRef",
+        0x000F : "GPSTrack",
+        0x0010 : "GPSImgDirectionRef",
+        0x0011 : "GPSImgDirection",
+        0x0012 : "GPSMapDatum",
+        0x0013 : "GPSDestLatitudeRef",
+        0x0014 : "GPSDestLatitude",
+        0x0015 : "GPSDestLongitudeRef",
+        0x0016 : "GPSDestLongitude",
+        0x0017 : "GPSDestBearingRef",
+        0x0018 : "GPSDestBearing",
+        0x0019 : "GPSDestDistanceRef",
+        0x001A : "GPSDestDistance",
+        0x001B : "GPSProcessingMethod",
+        0x001C : "GPSAreaInformation",
+        0x001D : "GPSDateStamp",
+        0x001E : "GPSDifferential"
+    };
+
+     // EXIF 2.3 Spec
+    var IFD1Tags = EXIF.IFD1Tags = {
+        0x0100: "ImageWidth",
+        0x0101: "ImageHeight",
+        0x0102: "BitsPerSample",
+        0x0103: "Compression",
+        0x0106: "PhotometricInterpretation",
+        0x0111: "StripOffsets",
+        0x0112: "Orientation",
+        0x0115: "SamplesPerPixel",
+        0x0116: "RowsPerStrip",
+        0x0117: "StripByteCounts",
+        0x011A: "XResolution",
+        0x011B: "YResolution",
+        0x011C: "PlanarConfiguration",
+        0x0128: "ResolutionUnit",
+        0x0201: "JpegIFOffset",    // When image format is JPEG, this value show offset to JPEG data stored.(aka "ThumbnailOffset" or "JPEGInterchangeFormat")
+        0x0202: "JpegIFByteCount", // When image format is JPEG, this value shows data size of JPEG image (aka "ThumbnailLength" or "JPEGInterchangeFormatLength")
+        0x0211: "YCbCrCoefficients",
+        0x0212: "YCbCrSubSampling",
+        0x0213: "YCbCrPositioning",
+        0x0214: "ReferenceBlackWhite"
+    };
+
+    var StringValues = EXIF.StringValues = {
+        ExposureProgram : {
+            0 : "Not defined",
+            1 : "Manual",
+            2 : "Normal program",
+            3 : "Aperture priority",
+            4 : "Shutter priority",
+            5 : "Creative program",
+            6 : "Action program",
+            7 : "Portrait mode",
+            8 : "Landscape mode"
+        },
+        MeteringMode : {
+            0 : "Unknown",
+            1 : "Average",
+            2 : "CenterWeightedAverage",
+            3 : "Spot",
+            4 : "MultiSpot",
+            5 : "Pattern",
+            6 : "Partial",
+            255 : "Other"
+        },
+        LightSource : {
+            0 : "Unknown",
+            1 : "Daylight",
+            2 : "Fluorescent",
+            3 : "Tungsten (incandescent light)",
+            4 : "Flash",
+            9 : "Fine weather",
+            10 : "Cloudy weather",
+            11 : "Shade",
+            12 : "Daylight fluorescent (D 5700 - 7100K)",
+            13 : "Day white fluorescent (N 4600 - 5400K)",
+            14 : "Cool white fluorescent (W 3900 - 4500K)",
+            15 : "White fluorescent (WW 3200 - 3700K)",
+            17 : "Standard light A",
+            18 : "Standard light B",
+            19 : "Standard light C",
+            20 : "D55",
+            21 : "D65",
+            22 : "D75",
+            23 : "D50",
+            24 : "ISO studio tungsten",
+            255 : "Other"
+        },
+        Flash : {
+            0x0000 : "Flash did not fire",
+            0x0001 : "Flash fired",
+            0x0005 : "Strobe return light not detected",
+            0x0007 : "Strobe return light detected",
+            0x0009 : "Flash fired, compulsory flash mode",
+            0x000D : "Flash fired, compulsory flash mode, return light not detected",
+            0x000F : "Flash fired, compulsory flash mode, return light detected",
+            0x0010 : "Flash did not fire, compulsory flash mode",
+            0x0018 : "Flash did not fire, auto mode",
+            0x0019 : "Flash fired, auto mode",
+            0x001D : "Flash fired, auto mode, return light not detected",
+            0x001F : "Flash fired, auto mode, return light detected",
+            0x0020 : "No flash function",
+            0x0041 : "Flash fired, red-eye reduction mode",
+            0x0045 : "Flash fired, red-eye reduction mode, return light not detected",
+            0x0047 : "Flash fired, red-eye reduction mode, return light detected",
+            0x0049 : "Flash fired, compulsory flash mode, red-eye reduction mode",
+            0x004D : "Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected",
+            0x004F : "Flash fired, compulsory flash mode, red-eye reduction mode, return light detected",
+            0x0059 : "Flash fired, auto mode, red-eye reduction mode",
+            0x005D : "Flash fired, auto mode, return light not detected, red-eye reduction mode",
+            0x005F : "Flash fired, auto mode, return light detected, red-eye reduction mode"
+        },
+        SensingMethod : {
+            1 : "Not defined",
+            2 : "One-chip color area sensor",
+            3 : "Two-chip color area sensor",
+            4 : "Three-chip color area sensor",
+            5 : "Color sequential area sensor",
+            7 : "Trilinear sensor",
+            8 : "Color sequential linear sensor"
+        },
+        SceneCaptureType : {
+            0 : "Standard",
+            1 : "Landscape",
+            2 : "Portrait",
+            3 : "Night scene"
+        },
+        SceneType : {
+            1 : "Directly photographed"
+        },
+        CustomRendered : {
+            0 : "Normal process",
+            1 : "Custom process"
+        },
+        WhiteBalance : {
+            0 : "Auto white balance",
+            1 : "Manual white balance"
+        },
+        GainControl : {
+            0 : "None",
+            1 : "Low gain up",
+            2 : "High gain up",
+            3 : "Low gain down",
+            4 : "High gain down"
+        },
+        Contrast : {
+            0 : "Normal",
+            1 : "Soft",
+            2 : "Hard"
+        },
+        Saturation : {
+            0 : "Normal",
+            1 : "Low saturation",
+            2 : "High saturation"
+        },
+        Sharpness : {
+            0 : "Normal",
+            1 : "Soft",
+            2 : "Hard"
+        },
+        SubjectDistanceRange : {
+            0 : "Unknown",
+            1 : "Macro",
+            2 : "Close view",
+            3 : "Distant view"
+        },
+        FileSource : {
+            3 : "DSC"
+        },
+
+        Components : {
+            0 : "",
+            1 : "Y",
+            2 : "Cb",
+            3 : "Cr",
+            4 : "R",
+            5 : "G",
+            6 : "B"
+        }
+    };
+
+    function addEvent(element, event, handler) {
+        if (element.addEventListener) {
+            element.addEventListener(event, handler, false);
+        } else if (element.attachEvent) {
+            element.attachEvent("on" + event, handler);
+        }
+    }
+
+    function imageHasData(img) {
+        return !!(img.exifdata);
+    }
+
+
+    function base64ToArrayBuffer(base64, contentType) {
+        contentType = contentType || base64.match(/^data\:([^\;]+)\;base64,/mi)[1] || ''; // e.g. 'data:image/jpeg;base64,...' => 'image/jpeg'
+        base64 = base64.replace(/^data\:([^\;]+)\;base64,/gmi, '');
+        var binary = atob(base64);
+        var len = binary.length;
+        var buffer = new ArrayBuffer(len);
+        var view = new Uint8Array(buffer);
+        for (var i = 0; i < len; i++) {
+            view[i] = binary.charCodeAt(i);
+        }
+        return buffer;
+    }
+
+    function objectURLToBlob(url, callback) {
+        var http = new XMLHttpRequest();
+        http.open("GET", url, true);
+        http.responseType = "blob";
+        http.onload = function(e) {
+            if (this.status == 200 || this.status === 0) {
+                callback(this.response);
+            }
+        };
+        http.send();
+    }
+
+    function getImageData(img, callback) {
+        function handleBinaryFile(binFile) {
+            var data = findEXIFinJPEG(binFile);
+            img.exifdata = data || {};
+            var iptcdata = findIPTCinJPEG(binFile);
+            img.iptcdata = iptcdata || {};
+            if (EXIF.isXmpEnabled) {
+               var xmpdata= findXMPinJPEG(binFile);
+               img.xmpdata = xmpdata || {};               
+            }
+            if (callback) {
+                callback.call(img);
+            }
+        }
+
+        if (img.src) {
+            if (/^data\:/i.test(img.src)) { // Data URI
+                var arrayBuffer = base64ToArrayBuffer(img.src);
+                handleBinaryFile(arrayBuffer);
+
+            } else if (/^blob\:/i.test(img.src)) { // Object URL
+                var fileReader = new FileReader();
+                fileReader.onload = function(e) {
+                    handleBinaryFile(e.target.result);
+                };
+                objectURLToBlob(img.src, function (blob) {
+                    fileReader.readAsArrayBuffer(blob);
+                });
+            } else {
+                var http = new XMLHttpRequest();
+                http.onload = function() {
+                    if (this.status == 200 || this.status === 0) {
+                        handleBinaryFile(http.response);
+                    } else {
+                        throw "Could not load image";
+                    }
+                    http = null;
+                };
+                http.open("GET", img.src, true);
+                http.responseType = "arraybuffer";
+                http.send(null);
+            }
+        } else if (self.FileReader && (img instanceof self.Blob || img instanceof self.File)) {
+            var fileReader = new FileReader();
+            fileReader.onload = function(e) {
+                if (debug) console.log("Got file of length " + e.target.result.byteLength);
+                handleBinaryFile(e.target.result);
+            };
+
+            fileReader.readAsArrayBuffer(img);
+        }
+    }
+
+    function findEXIFinJPEG(file) {
+        var dataView = new DataView(file);
+
+        if (debug) console.log("Got file of length " + file.byteLength);
+        if ((dataView.getUint8(0) != 0xFF) || (dataView.getUint8(1) != 0xD8)) {
+            if (debug) console.log("Not a valid JPEG");
+            return false; // not a valid jpeg
+        }
+
+        var offset = 2,
+            length = file.byteLength,
+            marker;
+
+        while (offset < length) {
+            if (dataView.getUint8(offset) != 0xFF) {
+                if (debug) console.log("Not a valid marker at offset " + offset + ", found: " + dataView.getUint8(offset));
+                return false; // not a valid marker, something is wrong
+            }
+
+            marker = dataView.getUint8(offset + 1);
+            if (debug) console.log(marker);
+
+            // we could implement handling for other markers here,
+            // but we're only looking for 0xFFE1 for EXIF data
+
+            if (marker == 225) {
+                if (debug) console.log("Found 0xFFE1 marker");
+
+                return readEXIFData(dataView, offset + 4, dataView.getUint16(offset + 2) - 2);
+
+                // offset += 2 + file.getShortAt(offset+2, true);
+
+            } else {
+                offset += 2 + dataView.getUint16(offset+2);
+            }
+
+        }
+
+    }
+
+    function findIPTCinJPEG(file) {
+        var dataView = new DataView(file);
+
+        if (debug) console.log("Got file of length " + file.byteLength);
+        if ((dataView.getUint8(0) != 0xFF) || (dataView.getUint8(1) != 0xD8)) {
+            if (debug) console.log("Not a valid JPEG");
+            return false; // not a valid jpeg
+        }
+
+        var offset = 2,
+            length = file.byteLength;
+
+
+        var isFieldSegmentStart = function(dataView, offset){
+            return (
+                dataView.getUint8(offset) === 0x38 &&
+                dataView.getUint8(offset+1) === 0x42 &&
+                dataView.getUint8(offset+2) === 0x49 &&
+                dataView.getUint8(offset+3) === 0x4D &&
+                dataView.getUint8(offset+4) === 0x04 &&
+                dataView.getUint8(offset+5) === 0x04
+            );
+        };
+
+        while (offset < length) {
+
+            if ( isFieldSegmentStart(dataView, offset )){
+
+                // Get the length of the name header (which is padded to an even number of bytes)
+                var nameHeaderLength = dataView.getUint8(offset+7);
+                if(nameHeaderLength % 2 !== 0) nameHeaderLength += 1;
+                // Check for pre photoshop 6 format
+                if(nameHeaderLength === 0) {
+                    // Always 4
+                    nameHeaderLength = 4;
+                }
+
+                var startOffset = offset + 8 + nameHeaderLength;
+                var sectionLength = dataView.getUint16(offset + 6 + nameHeaderLength);
+
+                return readIPTCData(file, startOffset, sectionLength);
+
+                break;
+
+            }
+
+
+            // Not the marker, continue searching
+            offset++;
+
+        }
+
+    }
+    var IptcFieldMap = {
+        0x78 : 'caption',
+        0x6E : 'credit',
+        0x19 : 'keywords',
+        0x37 : 'dateCreated',
+        0x50 : 'byline',
+        0x55 : 'bylineTitle',
+        0x7A : 'captionWriter',
+        0x69 : 'headline',
+        0x74 : 'copyright',
+        0x0F : 'category'
+    };
+    function readIPTCData(file, startOffset, sectionLength){
+        var dataView = new DataView(file);
+        var data = {};
+        var fieldValue, fieldName, dataSize, segmentType, segmentSize;
+        var segmentStartPos = startOffset;
+        while(segmentStartPos < startOffset+sectionLength) {
+            if(dataView.getUint8(segmentStartPos) === 0x1C && dataView.getUint8(segmentStartPos+1) === 0x02){
+                segmentType = dataView.getUint8(segmentStartPos+2);
+                if(segmentType in IptcFieldMap) {
+                    dataSize = dataView.getInt16(segmentStartPos+3);
+                    segmentSize = dataSize + 5;
+                    fieldName = IptcFieldMap[segmentType];
+                    fieldValue = getStringFromDB(dataView, segmentStartPos+5, dataSize);
+                    // Check if we already stored a value with this name
+                    if(data.hasOwnProperty(fieldName)) {
+                        // Value already stored with this name, create multivalue field
+                        if(data[fieldName] instanceof Array) {
+                            data[fieldName].push(fieldValue);
+                        }
+                        else {
+                            data[fieldName] = [data[fieldName], fieldValue];
+                        }
+                    }
+                    else {
+                        data[fieldName] = fieldValue;
+                    }
+                }
+
+            }
+            segmentStartPos++;
+        }
+        return data;
+    }
+
+
+
+    function readTags(file, tiffStart, dirStart, strings, bigEnd) {
+        var entries = file.getUint16(dirStart, !bigEnd),
+            tags = {},
+            entryOffset, tag,
+            i;
+
+        for (i=0;i<entries;i++) {
+            entryOffset = dirStart + i*12 + 2;
+            tag = strings[file.getUint16(entryOffset, !bigEnd)];
+            if (!tag && debug) console.log("Unknown tag: " + file.getUint16(entryOffset, !bigEnd));
+            tags[tag] = readTagValue(file, entryOffset, tiffStart, dirStart, bigEnd);
+        }
+        return tags;
+    }
+
+
+    function readTagValue(file, entryOffset, tiffStart, dirStart, bigEnd) {
+        var type = file.getUint16(entryOffset+2, !bigEnd),
+            numValues = file.getUint32(entryOffset+4, !bigEnd),
+            valueOffset = file.getUint32(entryOffset+8, !bigEnd) + tiffStart,
+            offset,
+            vals, val, n,
+            numerator, denominator;
+
+        switch (type) {
+            case 1: // byte, 8-bit unsigned int
+            case 7: // undefined, 8-bit byte, value depending on field
+                if (numValues == 1) {
+                    return file.getUint8(entryOffset + 8, !bigEnd);
+                } else {
+                    offset = numValues > 4 ? valueOffset : (entryOffset + 8);
+                    vals = [];
+                    for (n=0;n<numValues;n++) {
+                        vals[n] = file.getUint8(offset + n);
+                    }
+                    return vals;
+                }
+
+            case 2: // ascii, 8-bit byte
+                offset = numValues > 4 ? valueOffset : (entryOffset + 8);
+                return getStringFromDB(file, offset, numValues-1);
+
+            case 3: // short, 16 bit int
+                if (numValues == 1) {
+                    return file.getUint16(entryOffset + 8, !bigEnd);
+                } else {
+                    offset = numValues > 2 ? valueOffset : (entryOffset + 8);
+                    vals = [];
+                    for (n=0;n<numValues;n++) {
+                        vals[n] = file.getUint16(offset + 2*n, !bigEnd);
+                    }
+                    return vals;
+                }
+
+            case 4: // long, 32 bit int
+                if (numValues == 1) {
+                    return file.getUint32(entryOffset + 8, !bigEnd);
+                } else {
+                    vals = [];
+                    for (n=0;n<numValues;n++) {
+                        vals[n] = file.getUint32(valueOffset + 4*n, !bigEnd);
+                    }
+                    return vals;
+                }
+
+            case 5:    // rational = two long values, first is numerator, second is denominator
+                if (numValues == 1) {
+                    numerator = file.getUint32(valueOffset, !bigEnd);
+                    denominator = file.getUint32(valueOffset+4, !bigEnd);
+                    val = new Number(numerator / denominator);
+                    val.numerator = numerator;
+                    val.denominator = denominator;
+                    return val;
+                } else {
+                    vals = [];
+                    for (n=0;n<numValues;n++) {
+                        numerator = file.getUint32(valueOffset + 8*n, !bigEnd);
+                        denominator = file.getUint32(valueOffset+4 + 8*n, !bigEnd);
+                        vals[n] = new Number(numerator / denominator);
+                        vals[n].numerator = numerator;
+                        vals[n].denominator = denominator;
+                    }
+                    return vals;
+                }
+
+            case 9: // slong, 32 bit signed int
+                if (numValues == 1) {
+                    return file.getInt32(entryOffset + 8, !bigEnd);
+                } else {
+                    vals = [];
+                    for (n=0;n<numValues;n++) {
+                        vals[n] = file.getInt32(valueOffset + 4*n, !bigEnd);
+                    }
+                    return vals;
+                }
+
+            case 10: // signed rational, two slongs, first is numerator, second is denominator
+                if (numValues == 1) {
+                    return file.getInt32(valueOffset, !bigEnd) / file.getInt32(valueOffset+4, !bigEnd);
+                } else {
+                    vals = [];
+                    for (n=0;n<numValues;n++) {
+                        vals[n] = file.getInt32(valueOffset + 8*n, !bigEnd) / file.getInt32(valueOffset+4 + 8*n, !bigEnd);
+                    }
+                    return vals;
+                }
+        }
+    }
+
+    /**
+    * Given an IFD (Image File Directory) start offset
+    * returns an offset to next IFD or 0 if it's the last IFD.
+    */
+    function getNextIFDOffset(dataView, dirStart, bigEnd){
+        //the first 2bytes means the number of directory entries contains in this IFD
+        var entries = dataView.getUint16(dirStart, !bigEnd);
+
+        // After last directory entry, there is a 4bytes of data,
+        // it means an offset to next IFD.
+        // If its value is '0x00000000', it means this is the last IFD and there is no linked IFD.
+
+        return dataView.getUint32(dirStart + 2 + entries * 12, !bigEnd); // each entry is 12 bytes long
+    }
+
+    function readThumbnailImage(dataView, tiffStart, firstIFDOffset, bigEnd){
+        // get the IFD1 offset
+        var IFD1OffsetPointer = getNextIFDOffset(dataView, tiffStart+firstIFDOffset, bigEnd);
+
+        if (!IFD1OffsetPointer) {
+            // console.log('******** IFD1Offset is empty, image thumb not found ********');
+            return {};
+        }
+        else if (IFD1OffsetPointer > dataView.byteLength) { // this should not happen
+            // console.log('******** IFD1Offset is outside the bounds of the DataView ********');
+            return {};
+        }
+        // console.log('*******  thumbnail IFD offset (IFD1) is: %s', IFD1OffsetPointer);
+
+        var thumbTags = readTags(dataView, tiffStart, tiffStart + IFD1OffsetPointer, IFD1Tags, bigEnd)
+
+        // EXIF 2.3 specification for JPEG format thumbnail
+
+        // If the value of Compression(0x0103) Tag in IFD1 is '6', thumbnail image format is JPEG.
+        // Most of Exif image uses JPEG format for thumbnail. In that case, you can get offset of thumbnail
+        // by JpegIFOffset(0x0201) Tag in IFD1, size of thumbnail by JpegIFByteCount(0x0202) Tag.
+        // Data format is ordinary JPEG format, starts from 0xFFD8 and ends by 0xFFD9. It seems that
+        // JPEG format and 160x120pixels of size are recommended thumbnail format for Exif2.1 or later.
+
+        if (thumbTags['Compression']) {
+            // console.log('Thumbnail image found!');
+
+            switch (thumbTags['Compression']) {
+                case 6:
+                    // console.log('Thumbnail image format is JPEG');
+                    if (thumbTags.JpegIFOffset && thumbTags.JpegIFByteCount) {
+                    // extract the thumbnail
+                        var tOffset = tiffStart + thumbTags.JpegIFOffset;
+                        var tLength = thumbTags.JpegIFByteCount;
+                        thumbTags['blob'] = new Blob([new Uint8Array(dataView.buffer, tOffset, tLength)], {
+                            type: 'image/jpeg'
+                        });
+                    }
+                break;
+
+            case 1:
+                console.log("Thumbnail image format is TIFF, which is not implemented.");
+                break;
+            default:
+                console.log("Unknown thumbnail image format '%s'", thumbTags['Compression']);
+            }
+        }
+        else if (thumbTags['PhotometricInterpretation'] == 2) {
+            console.log("Thumbnail image format is RGB, which is not implemented.");
+        }
+        return thumbTags;
+    }
+
+    function getStringFromDB(buffer, start, length) {
+        var outstr = "";
+        for (n = start; n < start+length; n++) {
+            outstr += String.fromCharCode(buffer.getUint8(n));
+        }
+        return outstr;
+    }
+
+    function readEXIFData(file, start) {
+        if (getStringFromDB(file, start, 4) != "Exif") {
+            if (debug) console.log("Not valid EXIF data! " + getStringFromDB(file, start, 4));
+            return false;
+        }
+
+        var bigEnd,
+            tags, tag,
+            exifData, gpsData,
+            tiffOffset = start + 6;
+
+        // test for TIFF validity and endianness
+        if (file.getUint16(tiffOffset) == 0x4949) {
+            bigEnd = false;
+        } else if (file.getUint16(tiffOffset) == 0x4D4D) {
+            bigEnd = true;
+        } else {
+            if (debug) console.log("Not valid TIFF data! (no 0x4949 or 0x4D4D)");
+            return false;
+        }
+
+        if (file.getUint16(tiffOffset+2, !bigEnd) != 0x002A) {
+            if (debug) console.log("Not valid TIFF data! (no 0x002A)");
+            return false;
+        }
+
+        var firstIFDOffset = file.getUint32(tiffOffset+4, !bigEnd);
+
+        if (firstIFDOffset < 0x00000008) {
+            if (debug) console.log("Not valid TIFF data! (First offset less than 8)", file.getUint32(tiffOffset+4, !bigEnd));
+            return false;
+        }
+
+        tags = readTags(file, tiffOffset, tiffOffset + firstIFDOffset, TiffTags, bigEnd);
+
+        if (tags.ExifIFDPointer) {
+            exifData = readTags(file, tiffOffset, tiffOffset + tags.ExifIFDPointer, ExifTags, bigEnd);
+            for (tag in exifData) {
+                switch (tag) {
+                    case "LightSource" :
+                    case "Flash" :
+                    case "MeteringMode" :
+                    case "ExposureProgram" :
+                    case "SensingMethod" :
+                    case "SceneCaptureType" :
+                    case "SceneType" :
+                    case "CustomRendered" :
+                    case "WhiteBalance" :
+                    case "GainControl" :
+                    case "Contrast" :
+                    case "Saturation" :
+                    case "Sharpness" :
+                    case "SubjectDistanceRange" :
+                    case "FileSource" :
+                        exifData[tag] = StringValues[tag][exifData[tag]];
+                        break;
+
+                    case "ExifVersion" :
+                    case "FlashpixVersion" :
+                        exifData[tag] = String.fromCharCode(exifData[tag][0], exifData[tag][1], exifData[tag][2], exifData[tag][3]);
+                        break;
+
+                    case "ComponentsConfiguration" :
+                        exifData[tag] =
+                            StringValues.Components[exifData[tag][0]] +
+                            StringValues.Components[exifData[tag][1]] +
+                            StringValues.Components[exifData[tag][2]] +
+                            StringValues.Components[exifData[tag][3]];
+                        break;
+                }
+                tags[tag] = exifData[tag];
+            }
+        }
+
+        if (tags.GPSInfoIFDPointer) {
+            gpsData = readTags(file, tiffOffset, tiffOffset + tags.GPSInfoIFDPointer, GPSTags, bigEnd);
+            for (tag in gpsData) {
+                switch (tag) {
+                    case "GPSVersionID" :
+                        gpsData[tag] = gpsData[tag][0] +
+                            "." + gpsData[tag][1] +
+                            "." + gpsData[tag][2] +
+                            "." + gpsData[tag][3];
+                        break;
+                }
+                tags[tag] = gpsData[tag];
+            }
+        }
+
+        // extract thumbnail
+        tags['thumbnail'] = readThumbnailImage(file, tiffOffset, firstIFDOffset, bigEnd);
+
+        return tags;
+    }
+
+   function findXMPinJPEG(file) {
+
+        if (!('DOMParser' in self)) {
+            // console.warn('XML parsing not supported without DOMParser');
+            return;
+        }
+        var dataView = new DataView(file);
+
+        if (debug) console.log("Got file of length " + file.byteLength);
+        if ((dataView.getUint8(0) != 0xFF) || (dataView.getUint8(1) != 0xD8)) {
+           if (debug) console.log("Not a valid JPEG");
+           return false; // not a valid jpeg
+        }
+
+        var offset = 2,
+            length = file.byteLength,
+            dom = new DOMParser();
+
+        while (offset < (length-4)) {
+            if (getStringFromDB(dataView, offset, 4) == "http") {
+                var startOffset = offset - 1;
+                var sectionLength = dataView.getUint16(offset - 2) - 1;
+                var xmpString = getStringFromDB(dataView, startOffset, sectionLength)
+                var xmpEndIndex = xmpString.indexOf('xmpmeta>') + 8;
+                xmpString = xmpString.substring( xmpString.indexOf( '<x:xmpmeta' ), xmpEndIndex );
+
+                var indexOfXmp = xmpString.indexOf('x:xmpmeta') + 10
+                //Many custom written programs embed xmp/xml without any namespace. Following are some of them.
+                //Without these namespaces, XML is thought to be invalid by parsers
+                xmpString = xmpString.slice(0, indexOfXmp)
+                            + 'xmlns:Iptc4xmpCore="http://iptc.org/std/Iptc4xmpCore/1.0/xmlns/" '
+                            + 'xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" '
+                            + 'xmlns:tiff="http://ns.adobe.com/tiff/1.0/" '
+                            + 'xmlns:plus="http://schemas.android.com/apk/lib/com.google.android.gms.plus" '
+                            + 'xmlns:ext="http://www.gettyimages.com/xsltExtension/1.0" '
+                            + 'xmlns:exif="http://ns.adobe.com/exif/1.0/" '
+                            + 'xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#" '
+                            + 'xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" '
+                            + 'xmlns:crs="http://ns.adobe.com/camera-raw-settings/1.0/" '
+                            + 'xmlns:xapGImg="http://ns.adobe.com/xap/1.0/g/img/" '
+                            + 'xmlns:Iptc4xmpExt="http://iptc.org/std/Iptc4xmpExt/2008-02-29/" '
+                            + xmpString.slice(indexOfXmp)
+
+                var domDocument = dom.parseFromString( xmpString, 'text/xml' );
+                return xml2Object(domDocument);
+            } else{
+             offset++;
+            }
+        }
+    }
+
+    function xml2json(xml) {
+        var json = {};
+      
+        if (xml.nodeType == 1) { // element node
+          if (xml.attributes.length > 0) {
+            json['@attributes'] = {};
+            for (var j = 0; j < xml.attributes.length; j++) {
+              var attribute = xml.attributes.item(j);
+              json['@attributes'][attribute.nodeName] = attribute.nodeValue;
+            }
+          }
+        } else if (xml.nodeType == 3) { // text node
+          return xml.nodeValue;
+        }
+      
+        // deal with children
+        if (xml.hasChildNodes()) {
+          for(var i = 0; i < xml.childNodes.length; i++) {
+            var child = xml.childNodes.item(i);
+            var nodeName = child.nodeName;
+            if (json[nodeName] == null) {
+              json[nodeName] = xml2json(child);
+            } else {
+              if (json[nodeName].push == null) {
+                var old = json[nodeName];
+                json[nodeName] = [];
+                json[nodeName].push(old);
+              }
+              json[nodeName].push(xml2json(child));
+            }
+          }
+        }
+        
+        return json;
+    }
+
+    function xml2Object(xml) {
+        try {
+            var obj = {};
+            if (xml.children.length > 0) {
+              for (var i = 0; i < xml.children.length; i++) {
+                var item = xml.children.item(i);
+                var attributes = item.attributes;
+                for(var idx in attributes) {
+                    var itemAtt = attributes[idx];
+                    var dataKey = itemAtt.nodeName;
+                    var dataValue = itemAtt.nodeValue;
+
+                    if(dataKey !== undefined) {
+                        obj[dataKey] = dataValue;
+                    }
+                }
+                var nodeName = item.nodeName;
+
+                if (typeof (obj[nodeName]) == "undefined") {
+                  obj[nodeName] = xml2json(item);
+                } else {
+                  if (typeof (obj[nodeName].push) == "undefined") {
+                    var old = obj[nodeName];
+
+                    obj[nodeName] = [];
+                    obj[nodeName].push(old);
+                  }
+                  obj[nodeName].push(xml2json(item));
+                }
+              }
+            } else {
+              obj = xml.textContent;
+            }
+            return obj;
+          } catch (e) {
+              console.log(e.message);
+          }
+    }
+
+    EXIF.enableXmp = function() {
+        EXIF.isXmpEnabled = true;
+    }
+
+    EXIF.disableXmp = function() {
+        EXIF.isXmpEnabled = false;
+    }
+
+    EXIF.getData = function(img, callback) {
+        if (((self.Image && img instanceof self.Image)
+            || (self.HTMLImageElement && img instanceof self.HTMLImageElement))
+            && !img.complete)
+            return false;
+
+        if (!imageHasData(img)) {
+            getImageData(img, callback);
+        } else {
+            if (callback) {
+                callback.call(img);
+            }
+        }
+        return true;
+    }
+
+    EXIF.getTag = function(img, tag) {
+        if (!imageHasData(img)) return;
+        return img.exifdata[tag];
+    }
+    
+    EXIF.getIptcTag = function(img, tag) {
+        if (!imageHasData(img)) return;
+        return img.iptcdata[tag];
+    }
+
+    EXIF.getAllTags = function(img) {
+        if (!imageHasData(img)) return {};
+        var a,
+            data = img.exifdata,
+            tags = {};
+        for (a in data) {
+            if (data.hasOwnProperty(a)) {
+                tags[a] = data[a];
+            }
+        }
+        return tags;
+    }
+    
+    EXIF.getAllIptcTags = function(img) {
+        if (!imageHasData(img)) return {};
+        var a,
+            data = img.iptcdata,
+            tags = {};
+        for (a in data) {
+            if (data.hasOwnProperty(a)) {
+                tags[a] = data[a];
+            }
+        }
+        return tags;
+    }
+
+    EXIF.pretty = function(img) {
+        if (!imageHasData(img)) return "";
+        var a,
+            data = img.exifdata,
+            strPretty = "";
+        for (a in data) {
+            if (data.hasOwnProperty(a)) {
+                if (typeof data[a] == "object") {
+                    if (data[a] instanceof Number) {
+                        strPretty += a + " : " + data[a] + " [" + data[a].numerator + "/" + data[a].denominator + "]\r\n";
+                    } else {
+                        strPretty += a + " : [" + data[a].length + " values]\r\n";
+                    }
+                } else {
+                    strPretty += a + " : " + data[a] + "\r\n";
+                }
+            }
+        }
+        return strPretty;
+    }
+
+    EXIF.readFromBinaryFile = function(file) {
+        return findEXIFinJPEG(file);
+    }
+
+    if (typeof define === 'function' && define.amd) {
+        define('exif-js', [], function() {
+            return EXIF;
+        });
+    }
+}.call(this));
+
+
+},{}],6:[function(require,module,exports){
 /*
  * International Telephone Input v16.1.0
  * https://github.com/jackocnr/intl-tel-input.git
@@ -1943,13 +3004,13 @@ var hj=window.customElements,ij=!1,jj=null;hj.polyfillWrapFlushCallback&&hj.poly
         };
     }();
 });
-},{}],6:[function(require,module,exports){
+},{}],7:[function(require,module,exports){
 /**
  * Exposing intl-tel-input as a component
  */
 module.exports = require("./build/js/intlTelInput");
 
-},{"./build/js/intlTelInput":5}],7:[function(require,module,exports){
+},{"./build/js/intlTelInput":6}],8:[function(require,module,exports){
 // shim for using process in browser
 var process = module.exports = {};
 
@@ -2135,7 +3196,7 @@ process.chdir = function (dir) {
 };
 process.umask = function() { return 0; };
 
-},{}],8:[function(require,module,exports){
+},{}],9:[function(require,module,exports){
 (function (setImmediate,clearImmediate){(function (){
 var nextTick = require('process/browser.js').nextTick;
 var apply = Function.prototype.apply;
@@ -2215,7 +3276,7 @@ exports.clearImmediate = typeof clearImmediate === "function" ? clearImmediate :
 };
 }).call(this)}).call(this,require("timers").setImmediate,require("timers").clearImmediate)
 
-},{"process/browser.js":7,"timers":8}],9:[function(require,module,exports){
+},{"process/browser.js":8,"timers":9}],10:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomForm = void 0;
@@ -2386,7 +3447,7 @@ var CustomForm = /** @class */ (function () {
 }());
 exports.CustomForm = CustomForm;
 
-},{"./elements/FileField/FileFieldElement":25,"./framework/Utilities/ArrayUtil":61,"./framework/Utilities/MakeRequest":64}],10:[function(require,module,exports){
+},{"./elements/FileField/FileFieldElement":26,"./framework/Utilities/ArrayUtil":62,"./framework/Utilities/MakeRequest":65}],11:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2594,7 +3655,7 @@ var AddressElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.AddressElement = AddressElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Language/Translator":59,"../../framework/Polyfills/getAttributeNamesPolyfill":60,"../../framework/Utilities/debouncer":67,"../../framework/custom-element.decorator":76}],11:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Language/Translator":60,"../../framework/Polyfills/getAttributeNamesPolyfill":61,"../../framework/Utilities/debouncer":68,"../../framework/custom-element.decorator":77}],12:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2635,9 +3696,9 @@ var BankFieldElement = /** @class */ (function (_super) {
     }
     Object.defineProperty(BankFieldElement.prototype, "value", {
         get: function () {
-            var account = this.account.value || '';
-            var regNumber = this.regNumber.value ? "," + this.regNumber.value : '';
-            return "" + account + regNumber;
+            var regNumber = this.regNumber.value || '';
+            var account = this.account.value ? "," + this.account.value : '';
+            return "" + regNumber + account;
         },
         set: function (value) {
             var values = value.split(',');
@@ -2723,7 +3784,7 @@ var BankFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.BankFieldElement = BankFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Language/Translator":59,"../../framework/Validation/Validators/BankAccount":68,"../../framework/Validation/Validators/BankAccountRegistrationNumber":69,"../../framework/custom-element.decorator":76}],12:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Language/Translator":60,"../../framework/Validation/Validators/BankAccount":69,"../../framework/Validation/Validators/BankAccountRegistrationNumber":70,"../../framework/custom-element.decorator":77}],13:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2810,7 +3871,7 @@ var CPRElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CPRElement = CPRElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Validation/Validators/CPR":72,"../../framework/custom-element.decorator":76}],13:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Validation/Validators/CPR":73,"../../framework/custom-element.decorator":77}],14:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2897,7 +3958,7 @@ var CVRElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CVRElement = CVRElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Validation/Validators/CVR":73,"../../framework/custom-element.decorator":76}],14:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Validation/Validators/CVR":74,"../../framework/custom-element.decorator":77}],15:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2995,7 +4056,7 @@ var CheckBoxElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CheckBoxElement = CheckBoxElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Utilities/StringUtil":65,"../../framework/custom-element.decorator":76}],15:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Utilities/StringUtil":66,"../../framework/custom-element.decorator":77}],16:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var CustomDatepickerStyles_1 = require("./CustomDatepickerStyles");
@@ -3387,13 +4448,13 @@ var CustomDatepicker = /** @class */ (function () {
 }());
 exports.default = CustomDatepicker;
 
-},{"./CustomDatepickerStyles":16,"./CustomDatepickerUtils":17,"./DatepickerTranslations":18}],16:[function(require,module,exports){
+},{"./CustomDatepickerStyles":17,"./CustomDatepickerUtils":18,"./DatepickerTranslations":19}],17:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomDatepickerStyles = void 0;
 exports.CustomDatepickerStyles = "\n    .custom-datepicker {\n        position: fixed;\n        background-color: #fff;\n        display: none;\n        width: 200px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        padding: 10px;\n        margin: 0 auto;\n        box-shadow: 0 0 10px 0 #ccc;\n        font: 12px Arial, sans-serif;\n    }\n\n    .custom-datepicker .custom-datepicer-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n    }\n    .custom-datepicker .weekdays {\n        display: flex;\n        justify-content: space-between;\n    }\n    .custom-datepicker .weekdays span {\n        width: 14.28%;\n        text-align: center;\n        padding: 5px 0;\n    }\n    .custom-datepicker .days {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    .custom-datepicker .days span {\n        width: 14.28%;\n        text-align: center;\n        padding: 5px 0;\n    }\n    .custom-datepicker .days span:hover {\n        background-color: #B2d5ff;\n        cursor: pointer;\n    }\n    .custom-datepicker .days span.today {\n        border: 1px solid #000;\n    }\n    .custom-datepicker .days span.selected-day {\n        background-color: #0075ff;\n        color: #fff;\n    }\n    .custom-datepicker .prev-month, .next-month {\n        cursor: pointer;\n    }\n    .custom-datepicker .month-year {\n        font-weight: bold;\n    }\n    .custom-datepicker .month-year:hover {\n        cursor: pointer;\n    }\n    .custom-datepicker .select-month-year {\n        display: none;\n        width: 100%;\n        overflow-y: auto;\n    }\n    .custom-datepicker .select-month-year .year {\n        text-align: center;\n        background-color: #f0f0f0;\n        border-bottom: 1px solid #3f3d3d;\n        padding: 5px 0;\n        cursor: pointer;\n    }\n    .custom-datepicker .select-month-year .year .months {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    .custom-datepicker .select-month-year .year .months span {\n        width: 25%;\n        text-align: center;\n        padding: 10px 0;\n        background-color: #fff;\n    }\n    .custom-datepicker .select-month-year .year .months span:hover {\n        background-color: #B2d5ff;\n        cursor: pointer;\n    }\n    .custom-datepicker .actions {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n    .custom-datepicker .actions input {\n        color: #0075ff;\n        border: none;\n        background-color: transparent;\n        padding: 5px;\n        border: 1px solid transparent;\n    }\n    .custom-datepicker .actions input:hover {\n        background-color: #B2d5ff;\n        border-color: #000;\n    }\n";
 
-},{}],17:[function(require,module,exports){
+},{}],18:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateDateString = exports.convertStringToDate = exports.isMobileDevice = exports.formatDate = exports.supportedDateFormats = exports.defaultDateFormat = exports.daysOfWeek = exports.months = void 0;
@@ -3523,7 +4584,7 @@ function validateDateString(dateString, dateFormat, language, allowEmpty) {
 }
 exports.validateDateString = validateDateString;
 
-},{"./DatepickerTranslations":18}],18:[function(require,module,exports){
+},{"./DatepickerTranslations":19}],19:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Translate = exports.GetMonths = exports.GetWeekdays = void 0;
@@ -3821,7 +4882,7 @@ var dictionary = {
     },
 };
 
-},{}],19:[function(require,module,exports){
+},{}],20:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3937,7 +4998,7 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CustomFormatDateFieldElement = CustomFormatDateFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76,"./CustomDatepicker/CustomDatepicker":15,"./CustomDatepicker/CustomDatepickerUtils":17}],20:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77,"./CustomDatepicker/CustomDatepicker":16,"./CustomDatepicker/CustomDatepickerUtils":18}],21:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4030,7 +5091,7 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CustomRegularExpressionElement = CustomRegularExpressionElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76}],21:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77}],22:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4120,7 +5181,7 @@ var DateFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.DateFieldElement = DateFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76}],22:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77}],23:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4227,7 +5288,7 @@ var DropDownListElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.DropDownListElement = DropDownListElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Utilities/StringUtil":65,"../../framework/custom-element.decorator":76}],23:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Utilities/StringUtil":66,"../../framework/custom-element.decorator":77}],24:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SECompanyRegistrationElement = exports.SEPersonalNumberElement = exports.TypeAheadElement = exports.BankFieldElement = exports.IdentificationElement = exports.CVRElement = exports.CPRElement = exports.IntPhoneFieldElement = exports.CustomFormatDateFieldElement = exports.DateFieldElement = exports.CustomRegularExpressionElement = exports.NumericFieldElement = exports.FileFieldElement = exports.DropDownListElement = exports.TextAreaElement = exports.RadioButtonGroupElement = exports.CheckBoxElement = exports.EmailFieldElement = exports.TextFieldElement = exports.AddressElement = void 0;
@@ -4272,7 +5333,7 @@ Object.defineProperty(exports, "SECompanyRegistrationElement", { enumerable: tru
 var CustomFormatDateFieldElement_1 = require("./CustomFormatDateFieldElement/CustomFormatDateFieldElement");
 Object.defineProperty(exports, "CustomFormatDateFieldElement", { enumerable: true, get: function () { return CustomFormatDateFieldElement_1.CustomFormatDateFieldElement; } });
 
-},{"./Address/AddressElement":10,"./BankField/BankFieldElement":11,"./CPRElement/CPRElement":12,"./CVRElement/CVRElement":13,"./CheckBoxElement/CheckBoxElement":14,"./CustomFormatDateFieldElement/CustomFormatDateFieldElement":19,"./CustomRegularExpression/CustomRegularExpressionElement":20,"./DateField/DateFieldElement":21,"./DropDownList/DropDownListElement":22,"./EmailField/EmailFieldElement":24,"./FileField/FileFieldElement":25,"./IdentificationElement/IdentificationElement":26,"./InternationaPhoneNumber/InternationaPhoneNumberElement":29,"./NumericField/NumericFieldElement":30,"./RadioButtonGroup/RadioButtonGroupElement":31,"./SECompanyRegistrationElement/SECompanyRegistrationElement":32,"./SEPersonalNumberElement/SEPersonalNumberElement":33,"./TextAreaElement/TextAreaElement":34,"./TextField/TextFieldElement":35,"./TypeAhead/TypeAheadElement":36}],24:[function(require,module,exports){
+},{"./Address/AddressElement":11,"./BankField/BankFieldElement":12,"./CPRElement/CPRElement":13,"./CVRElement/CVRElement":14,"./CheckBoxElement/CheckBoxElement":15,"./CustomFormatDateFieldElement/CustomFormatDateFieldElement":20,"./CustomRegularExpression/CustomRegularExpressionElement":21,"./DateField/DateFieldElement":22,"./DropDownList/DropDownListElement":23,"./EmailField/EmailFieldElement":25,"./FileField/FileFieldElement":26,"./IdentificationElement/IdentificationElement":27,"./InternationaPhoneNumber/InternationaPhoneNumberElement":30,"./NumericField/NumericFieldElement":31,"./RadioButtonGroup/RadioButtonGroupElement":32,"./SECompanyRegistrationElement/SECompanyRegistrationElement":33,"./SEPersonalNumberElement/SEPersonalNumberElement":34,"./TextAreaElement/TextAreaElement":35,"./TextField/TextFieldElement":36,"./TypeAhead/TypeAheadElement":37}],25:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4363,7 +5424,7 @@ var EmailFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.EmailFieldElement = EmailFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76}],25:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77}],26:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4386,12 +5447,49 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileFieldElement = void 0;
 var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
 var CustomInputElement_1 = require("../../framework/CustomInputElement");
 var CustomEvents_1 = require("../../framework/CustomEvents");
 var getAttributeNamesPolyfill_1 = require("../../framework/Polyfills/getAttributeNamesPolyfill");
+var EXIF = require("exif-js");
 var FileFieldElement = /** @class */ (function (_super) {
     __extends(FileFieldElement, _super);
     function FileFieldElement() {
@@ -4430,6 +5528,7 @@ var FileFieldElement = /** @class */ (function (_super) {
     FileFieldElement.prototype.initChildInputs = function () {
         this.file = _super.prototype.getChildInput.call(this, '#file-field');
         this.file.addEventListener('change', this.change.bind(this));
+        this.file.addEventListener('input', this.processImageFiles.bind(this));
         if (this.required) {
             this.file.setAttribute('required', '');
         }
@@ -4454,8 +5553,194 @@ var FileFieldElement = /** @class */ (function (_super) {
             case 'accept':
                 this.file.accept = newVal;
                 break;
+            case 'resizeimages':
+                this.resizeImages = true;
+                break;
         }
     };
+    FileFieldElement.prototype.processImageFiles = function (event) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var files, processedFiles, _i, files_1, file, mimeType, processedBlob;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.resizeImages) {
+                            return [2 /*return*/];
+                        }
+                        files = Array.from(event.target.files);
+                        processedFiles = [];
+                        _i = 0, files_1 = files;
+                        _b.label = 1;
+                    case 1:
+                        if (!(_i < files_1.length)) return [3 /*break*/, 4];
+                        file = files_1[_i];
+                        if (!file.type.startsWith('image/')) {
+                            processedFiles.push(file);
+                            return [3 /*break*/, 3];
+                        }
+                        mimeType = (_a = file.type) !== null && _a !== void 0 ? _a : 'image/jpeg';
+                        return [4 /*yield*/, this.readAndProcessImage(file, mimeType)];
+                    case 2:
+                        processedBlob = _b.sent();
+                        processedFiles.push(new File([processedBlob], file.name, { type: file.type }));
+                        _b.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4:
+                        this.replaceFiles(processedFiles);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FileFieldElement.prototype.readAndProcessImage = function (file, mimeType) {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            var reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = function (event) {
+                var img = new Image();
+                img.src = event.target.result;
+                img.onload = function () { return __awaiter(_this, void 0, void 0, function () {
+                    var orientation, correctedImageBlob, correctedImage;
+                    var _this = this;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, this.getImageOrientation(file)];
+                            case 1:
+                                orientation = _a.sent();
+                                return [4 /*yield*/, this.correctOrientation(img, orientation, mimeType)];
+                            case 2:
+                                correctedImageBlob = _a.sent();
+                                correctedImage = new Image();
+                                correctedImage.src = URL.createObjectURL(correctedImageBlob);
+                                correctedImage.onload = function () { return __awaiter(_this, void 0, void 0, function () {
+                                    var a4Width, a4Height, isLandscape, resizedImageBlob;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                a4Width = 595;
+                                                a4Height = 842;
+                                                isLandscape = correctedImage.width > correctedImage.height;
+                                                if (!(isLandscape && correctedImage.width > a4Height)) return [3 /*break*/, 2];
+                                                return [4 /*yield*/, this.resizeImage(correctedImage, a4Height, a4Width, mimeType)];
+                                            case 1:
+                                                resizedImageBlob = _a.sent();
+                                                return [3 /*break*/, 4];
+                                            case 2:
+                                                if (!(!isLandscape && correctedImage.height > a4Height)) return [3 /*break*/, 4];
+                                                return [4 /*yield*/, this.resizeImage(correctedImage, a4Width, a4Height, mimeType)];
+                                            case 3:
+                                                resizedImageBlob = _a.sent();
+                                                _a.label = 4;
+                                            case 4:
+                                                resolve(resizedImageBlob);
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); };
+                                correctedImage.onerror = function (error) {
+                                    reject(error);
+                                };
+                                return [2 /*return*/];
+                        }
+                    });
+                }); };
+                img.onerror = function (error) {
+                    reject(error);
+                };
+            };
+            reader.onerror = function (error) {
+                reject(error);
+            };
+        });
+    };
+    FileFieldElement.prototype.resizeImage = function (image, maxWidth, maxHeight, mimeType) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, new Promise(function (resolve, reject) {
+                        var canvas = document.createElement('canvas');
+                        var ctx = canvas.getContext('2d');
+                        var aspectRatio = image.width / image.height;
+                        if (image.width > maxWidth || image.height > maxHeight) {
+                            if (aspectRatio > 1) {
+                                canvas.width = maxWidth;
+                                canvas.height = maxWidth / aspectRatio;
+                            }
+                            else {
+                                canvas.height = maxHeight;
+                                canvas.width = maxHeight * aspectRatio;
+                            }
+                        }
+                        else {
+                            canvas.width = image.width;
+                            canvas.height = image.height;
+                        }
+                        ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
+                        canvas.toBlob(function (blob) {
+                            resolve(blob);
+                        }, mimeType);
+                    })];
+            });
+        });
+    };
+    FileFieldElement.prototype.getImageOrientation = function (file) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, new Promise(function (resolve) {
+                        EXIF.getData(file, function () {
+                            var orientation = EXIF.getTag(this, "Orientation");
+                            resolve(orientation || 1);
+                        });
+                    })];
+            });
+        });
+    };
+    FileFieldElement.prototype.correctOrientation = function (image, orientation, mimeType) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, new Promise(function (resolve, reject) {
+                        var canvas = document.createElement('canvas');
+                        var ctx = canvas.getContext('2d');
+                        switch (orientation) {
+                            case 3:
+                                canvas.width = image.width;
+                                canvas.height = image.height;
+                                ctx.rotate(180 * Math.PI / 180);
+                                ctx.drawImage(image, -image.width, -image.height);
+                                break;
+                            case 6:
+                                canvas.width = image.height;
+                                canvas.height = image.width;
+                                ctx.rotate(-90 * Math.PI / 180);
+                                ctx.drawImage(image, -image.width, 0);
+                                break;
+                            case 8:
+                                canvas.width = image.height;
+                                canvas.height = image.width;
+                                ctx.rotate(90 * Math.PI / 180);
+                                ctx.drawImage(image, 0, -image.height);
+                                break;
+                            default:
+                                canvas.width = image.width;
+                                canvas.height = image.height;
+                                ctx.drawImage(image, 0, 0);
+                                break;
+                        }
+                        canvas.toBlob(function (blob) {
+                            resolve(blob);
+                        }, mimeType);
+                    })];
+            });
+        });
+    };
+    FileFieldElement.prototype.replaceFiles = function (newFiles) {
+        var dataTransfer = new DataTransfer();
+        newFiles.forEach(function (file) { return dataTransfer.items.add(file); });
+        this.file.files = dataTransfer.files;
+    };
     FileFieldElement = __decorate([
         (0, custom_element_decorator_1.default)({
             selector: 'file-element',
@@ -4468,7 +5753,7 @@ var FileFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.FileFieldElement = FileFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Polyfills/getAttributeNamesPolyfill":60,"../../framework/custom-element.decorator":76}],26:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Polyfills/getAttributeNamesPolyfill":61,"../../framework/custom-element.decorator":77,"exif-js":5}],27:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4564,7 +5849,7 @@ var IdentificationElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.IdentificationElement = IdentificationElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Validation/Validators/BankIdNorway":70,"../../framework/Validation/Validators/BankIdSweden":71,"../../framework/Validation/Validators/CPR":72,"../../framework/Validation/Validators/CVR":73,"../../framework/custom-element.decorator":76}],27:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Validation/Validators/BankIdNorway":71,"../../framework/Validation/Validators/BankIdSweden":72,"../../framework/Validation/Validators/CPR":73,"../../framework/Validation/Validators/CVR":74,"../../framework/custom-element.decorator":77}],28:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function GetFlagsUrl() {
@@ -4572,7 +5857,7 @@ function GetFlagsUrl() {
 }
 exports.default = GetFlagsUrl;
 
-},{}],28:[function(require,module,exports){
+},{}],29:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function GetFlags2XUrl() {
@@ -4580,7 +5865,7 @@ function GetFlags2XUrl() {
 }
 exports.default = GetFlags2XUrl;
 
-},{}],29:[function(require,module,exports){
+},{}],30:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4712,7 +5997,7 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.IntPhoneFieldElement = IntPhoneFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Utilities/MakeRequest":64,"../../framework/custom-element.decorator":76,"./Flags":27,"./Flags2x":28,"intl-tel-input":6}],30:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Utilities/MakeRequest":65,"../../framework/custom-element.decorator":77,"./Flags":28,"./Flags2x":29,"intl-tel-input":7}],31:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4811,7 +6096,7 @@ var NumericFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.NumericFieldElement = NumericFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76}],31:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77}],32:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4915,7 +6200,7 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.RadioButtonGroupElement = RadioButtonGroupElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Utilities/StringUtil":65,"../../framework/custom-element.decorator":76}],32:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Utilities/StringUtil":66,"../../framework/custom-element.decorator":77}],33:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5002,7 +6287,7 @@ var SECompanyRegistrationElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.SECompanyRegistrationElement = SECompanyRegistrationElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Validation/Validators/SECompanyRegistration":74,"../../framework/custom-element.decorator":76}],33:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Validation/Validators/SECompanyRegistration":75,"../../framework/custom-element.decorator":77}],34:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5089,7 +6374,7 @@ var SEPersonalNumberElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.SEPersonalNumberElement = SEPersonalNumberElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Validation/Validators/SEPersonalNumber":75,"../../framework/custom-element.decorator":76}],34:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Validation/Validators/SEPersonalNumber":76,"../../framework/custom-element.decorator":77}],35:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5176,7 +6461,7 @@ var TextAreaElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.TextAreaElement = TextAreaElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76}],35:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77}],36:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5263,7 +6548,7 @@ var TextFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.TextFieldElement = TextFieldElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/custom-element.decorator":76}],36:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/custom-element.decorator":77}],37:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5480,7 +6765,7 @@ var TypeAheadElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.TypeAheadElement = TypeAheadElement;
 
-},{"../../framework/CustomEvents":37,"../../framework/CustomInputElement":38,"../../framework/Utilities/DomUtility":63,"../../framework/custom-element.decorator":76}],37:[function(require,module,exports){
+},{"../../framework/CustomEvents":38,"../../framework/CustomInputElement":39,"../../framework/Utilities/DomUtility":64,"../../framework/custom-element.decorator":77}],38:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomElementEvent = exports.CustomElementEventArgs = void 0;
@@ -5529,7 +6814,7 @@ var CustomElementEvent = /** @class */ (function () {
 }());
 exports.CustomElementEvent = CustomElementEvent;
 
-},{}],38:[function(require,module,exports){
+},{}],39:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5792,7 +7077,7 @@ var CustomInputElement = /** @class */ (function (_super) {
 }(HTMLElement));
 exports.CustomInputElement = CustomInputElement;
 
-},{"./CustomEvents":37,"./Utilities/ArrayUtil":61,"./Utilities/DomUtil":62}],39:[function(require,module,exports){
+},{"./CustomEvents":38,"./Utilities/ArrayUtil":62,"./Utilities/DomUtil":63}],40:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BaseDictionary = /** @class */ (function () {
@@ -5814,7 +7099,7 @@ var BaseDictionary = /** @class */ (function () {
 }());
 exports.default = BaseDictionary;
 
-},{}],40:[function(require,module,exports){
+},{}],41:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5855,7 +7140,7 @@ var CzechDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = CzechDictionary;
 
-},{"./Base/BaseDictionary":39}],41:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],42:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5896,7 +7181,7 @@ var DanishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = DanishDictionary;
 
-},{"./Base/BaseDictionary":39}],42:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],43:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5937,7 +7222,7 @@ var DutchDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = DutchDictionary;
 
-},{"./Base/BaseDictionary":39}],43:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],44:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5978,7 +7263,7 @@ var EnglishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = EnglishDictionary;
 
-},{"./Base/BaseDictionary":39}],44:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],45:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6019,7 +7304,7 @@ var EstonianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = EstonianDictionary;
 
-},{"./Base/BaseDictionary":39}],45:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],46:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6060,7 +7345,7 @@ var FinnishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = FinnishDictionary;
 
-},{"./Base/BaseDictionary":39}],46:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],47:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6101,7 +7386,7 @@ var FrenchDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = FrenchDictionary;
 
-},{"./Base/BaseDictionary":39}],47:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],48:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6142,7 +7427,7 @@ var GermanDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = GermanDictionary;
 
-},{"./Base/BaseDictionary":39}],48:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],49:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6183,7 +7468,7 @@ var GreekDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = GreekDictionary;
 
-},{"./Base/BaseDictionary":39}],49:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],50:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6224,7 +7509,7 @@ var HungarianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = HungarianDictionary;
 
-},{"./Base/BaseDictionary":39}],50:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],51:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6265,7 +7550,7 @@ var IcelandicDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = IcelandicDictionary;
 
-},{"./Base/BaseDictionary":39}],51:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],52:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6306,7 +7591,7 @@ var ItalianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = ItalianDictionary;
 
-},{"./Base/BaseDictionary":39}],52:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],53:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6347,7 +7632,7 @@ var LatvianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = LatvianDictionary;
 
-},{"./Base/BaseDictionary":39}],53:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],54:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6388,7 +7673,7 @@ var LituanianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = LituanianDictionary;
 
-},{"./Base/BaseDictionary":39}],54:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],55:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6429,7 +7714,7 @@ var NorwegianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = NorwegianDictionary;
 
-},{"./Base/BaseDictionary":39}],55:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],56:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6470,7 +7755,7 @@ var PolishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = PolishDictionary;
 
-},{"./Base/BaseDictionary":39}],56:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],57:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6511,7 +7796,7 @@ var PortugueseDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = PortugueseDictionary;
 
-},{"./Base/BaseDictionary":39}],57:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],58:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6552,7 +7837,7 @@ var SpanishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = SpanishDictionary;
 
-},{"./Base/BaseDictionary":39}],58:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],59:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6593,7 +7878,7 @@ var SwedishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = SwedishDictionary;
 
-},{"./Base/BaseDictionary":39}],59:[function(require,module,exports){
+},{"./Base/BaseDictionary":40}],60:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var DanishDictionary_1 = require("./Languages/DanishDictionary");
@@ -6710,7 +7995,7 @@ var Translator = /** @class */ (function () {
 }());
 exports.default = Translator;
 
-},{"./Languages/CzechDictionary":40,"./Languages/DanishDictionary":41,"./Languages/DutchDictionary":42,"./Languages/EnglishDictionary":43,"./Languages/EstonianDictionary":44,"./Languages/FinnishDictionary":45,"./Languages/FrenchDictionary":46,"./Languages/GermanDictionary":47,"./Languages/GreekDictionary":48,"./Languages/HungarianDictionary":49,"./Languages/IcelandicDictionary":50,"./Languages/ItalianDictionary":51,"./Languages/LatvianDictionary":52,"./Languages/LituanianDictionary":53,"./Languages/NorwegianDictionary":54,"./Languages/PolishDictionary":55,"./Languages/PortugueseDictionary":56,"./Languages/SpanishDictionary":57,"./Languages/SwedishDictionary":58}],60:[function(require,module,exports){
+},{"./Languages/CzechDictionary":41,"./Languages/DanishDictionary":42,"./Languages/DutchDictionary":43,"./Languages/EnglishDictionary":44,"./Languages/EstonianDictionary":45,"./Languages/FinnishDictionary":46,"./Languages/FrenchDictionary":47,"./Languages/GermanDictionary":48,"./Languages/GreekDictionary":49,"./Languages/HungarianDictionary":50,"./Languages/IcelandicDictionary":51,"./Languages/ItalianDictionary":52,"./Languages/LatvianDictionary":53,"./Languages/LituanianDictionary":54,"./Languages/NorwegianDictionary":55,"./Languages/PolishDictionary":56,"./Languages/PortugueseDictionary":57,"./Languages/SpanishDictionary":58,"./Languages/SwedishDictionary":59}],61:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function getAttributeNamesPolyfill() {
@@ -6729,7 +8014,7 @@ function getAttributeNamesPolyfill() {
 exports.default = getAttributeNamesPolyfill;
 ;
 
-},{}],61:[function(require,module,exports){
+},{}],62:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var ArrayUtil = /** @class */ (function () {
@@ -6767,7 +8052,7 @@ var ArrayUtil = /** @class */ (function () {
 }());
 exports.default = ArrayUtil;
 
-},{}],62:[function(require,module,exports){
+},{}],63:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var ViewportUtil_1 = require("./ViewportUtil");
@@ -6870,7 +8155,7 @@ var DomUtil = /** @class */ (function () {
 }());
 exports.default = DomUtil;
 
-},{"./ViewportUtil":66}],63:[function(require,module,exports){
+},{"./ViewportUtil":67}],64:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var DomUtility = /** @class */ (function () {
@@ -6884,7 +8169,7 @@ var DomUtility = /** @class */ (function () {
 }());
 exports.default = DomUtility;
 
-},{}],64:[function(require,module,exports){
+},{}],65:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var MakeRequest = /** @class */ (function () {
@@ -6934,7 +8219,7 @@ var MakeRequest = /** @class */ (function () {
 }());
 exports.default = MakeRequest;
 
-},{}],65:[function(require,module,exports){
+},{}],66:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StringUtil = void 0;
@@ -6952,7 +8237,7 @@ var StringUtil = /** @class */ (function () {
 }());
 exports.StringUtil = StringUtil;
 
-},{}],66:[function(require,module,exports){
+},{}],67:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewportUtil = void 0;
@@ -6996,7 +8281,7 @@ var ViewportUtil = /** @class */ (function () {
 }());
 exports.ViewportUtil = ViewportUtil;
 
-},{}],67:[function(require,module,exports){
+},{}],68:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var debouncer = function (func, wait, immediate) {
@@ -7049,7 +8334,7 @@ var debouncer = function (func, wait, immediate) {
 };
 exports.default = debouncer;
 
-},{}],68:[function(require,module,exports){
+},{}],69:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankAccountValidator = /** @class */ (function () {
@@ -7063,7 +8348,7 @@ var BankAccountValidator = /** @class */ (function () {
 }());
 exports.default = BankAccountValidator;
 
-},{}],69:[function(require,module,exports){
+},{}],70:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankAccountRegistrationNumberValidator = /** @class */ (function () {
@@ -7077,7 +8362,7 @@ var BankAccountRegistrationNumberValidator = /** @class */ (function () {
 }());
 exports.default = BankAccountRegistrationNumberValidator;
 
-},{}],70:[function(require,module,exports){
+},{}],71:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankIdNorwayValidator = /** @class */ (function () {
@@ -7100,7 +8385,7 @@ var BankIdNorwayValidator = /** @class */ (function () {
 }());
 exports.default = BankIdNorwayValidator;
 
-},{}],71:[function(require,module,exports){
+},{}],72:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankIdSwedenValidator = /** @class */ (function () {
@@ -7123,7 +8408,7 @@ var BankIdSwedenValidator = /** @class */ (function () {
 }());
 exports.default = BankIdSwedenValidator;
 
-},{}],72:[function(require,module,exports){
+},{}],73:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var CprValidator = /** @class */ (function () {
@@ -7200,7 +8485,7 @@ var CprValidator = /** @class */ (function () {
 }());
 exports.default = CprValidator;
 
-},{}],73:[function(require,module,exports){
+},{}],74:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var CvrValidator = /** @class */ (function () {
@@ -7232,7 +8517,7 @@ var CvrValidator = /** @class */ (function () {
 }());
 exports.default = CvrValidator;
 
-},{}],74:[function(require,module,exports){
+},{}],75:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var SECompanyRegistrationValidator = /** @class */ (function () {
@@ -7271,7 +8556,7 @@ var SECompanyRegistrationValidator = /** @class */ (function () {
 }());
 exports.default = SECompanyRegistrationValidator;
 
-},{}],75:[function(require,module,exports){
+},{}],76:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var SEPersonalNumberValidator = /** @class */ (function () {
@@ -7315,7 +8600,7 @@ var SEPersonalNumberValidator = /** @class */ (function () {
 }());
 exports.default = SEPersonalNumberValidator;
 
-},{}],76:[function(require,module,exports){
+},{}],77:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var elementConfig = /** @class */ (function () {
@@ -7368,7 +8653,7 @@ var CustomElement = function (config) {
 };
 exports.default = CustomElement;
 
-},{}],77:[function(require,module,exports){
+},{}],78:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomInputElement = exports.elements = exports.CustomForm = void 0;
@@ -7384,6 +8669,6 @@ Object.defineProperty(exports, "CustomInputElement", { enumerable: true, get: fu
 var elements = require("./elements/Elements");
 exports.elements = elements;
 
-},{"./custom-form":9,"./elements/Elements":23,"./framework/CustomInputElement":38,"@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js":2,"@webcomponents/webcomponentsjs/webcomponents-bundle":3,"@webcomponents/webcomponentsjs/webcomponents-loader.js":4}]},{},[1])
+},{"./custom-form":10,"./elements/Elements":24,"./framework/CustomInputElement":39,"@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js":2,"@webcomponents/webcomponentsjs/webcomponents-bundle":3,"@webcomponents/webcomponentsjs/webcomponents-loader.js":4}]},{},[1])
 
 //# sourceMappingURL=index.min.js.map