@salla.sa/twilight-components 2.14.392 → 2.14.394

package/dist/components/filepond-plugin-file-poster.js

@@ -21,7 +21,7 @@ function _mergeNamespaces(n, m) {
 var filepondPluginFilePoster$3 = {exports: {}};
 
 /*!
- * FilePondPluginFilePoster 2.5.1
+ * FilePondPluginFilePoster 2.5.2
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -228,19 +228,23 @@ function requireFilepondPluginFilePoster () {
 		  };
 
 		  var hasNavigator = typeof navigator !== 'undefined';
+		  var hasDocument = typeof document !== 'undefined';
 
 		  var width = 500;
 		  var height = 200;
 
-		  var overlayTemplateShadow = hasNavigator && document.createElement('canvas');
-		  var overlayTemplateError = hasNavigator && document.createElement('canvas');
-		  var overlayTemplateSuccess = hasNavigator && document.createElement('canvas');
+		  var overlayTemplateShadow =
+		    hasNavigator && hasDocument && document.createElement('canvas');
+		  var overlayTemplateError =
+		    hasNavigator && hasDocument && document.createElement('canvas');
+		  var overlayTemplateSuccess =
+		    hasNavigator && hasDocument && document.createElement('canvas');
 
 		  var itemShadowColor = [40, 40, 40];
 		  var itemErrorColor = [196, 78, 71];
 		  var itemSuccessColor = [54, 151, 99];
 
-		  if (hasNavigator) {
+		  if (hasNavigator && hasDocument) {
 		    drawTemplate(overlayTemplateShadow, width, height, itemShadowColor, 0.85);
 		    drawTemplate(overlayTemplateError, width, height, itemErrorColor, 1);
 		    drawTemplate(overlayTemplateSuccess, width, height, itemSuccessColor, 1);

package/dist/components/filepond-plugin-file-validate-type.js

@@ -4,24 +4,24 @@
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 
 function _mergeNamespaces(n, m) {
-  m.forEach(function (e) {
-    e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
-      if (k !== 'default' && !(k in n)) {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    m.forEach(function (e) {
+        e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+            if (k !== 'default' && !(k in n)) {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
     });
-  });
-  return Object.freeze(n);
+    return Object.freeze(n);
 }
 
 var filepondPluginFileValidateType$3 = {exports: {}};
 
 /*!
- * FilePondPluginFileValidateType 1.2.8
+ * FilePondPluginFileValidateType 1.2.9
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -36,239 +36,223 @@ function requireFilepondPluginFileValidateType () {
 		/* eslint-disable */
 
 		(function(global, factory) {
-		  (module.exports = factory())
-		    ;
+		    (module.exports = factory())
+		        ;
 		})(filepondPluginFileValidateType$2, function() {
 
-		  var plugin = function plugin(_ref) {
-		    var addFilter = _ref.addFilter,
-		      utils = _ref.utils;
-		    // get quick reference to Type utils
-		    var Type = utils.Type,
-		      isString = utils.isString,
-		      replaceInString = utils.replaceInString,
-		      guesstimateMimeType = utils.guesstimateMimeType,
-		      getExtensionFromFilename = utils.getExtensionFromFilename,
-		      getFilenameFromURL = utils.getFilenameFromURL;
-
-		    var mimeTypeMatchesWildCard = function mimeTypeMatchesWildCard(
-		      mimeType,
-		      wildcard
-		    ) {
-		      var mimeTypeGroup = (/^[^/]+/.exec(mimeType) || []).pop(); // image/png -> image
-		      var wildcardGroup = wildcard.slice(0, -2); // image/* -> image
-		      return mimeTypeGroup === wildcardGroup;
-		    };
+		    var plugin = function plugin(_ref) {
+		        var addFilter = _ref.addFilter,
+		            utils = _ref.utils;
+		        // get quick reference to Type utils
+		        var Type = utils.Type,
+		            isString = utils.isString,
+		            replaceInString = utils.replaceInString,
+		            guesstimateMimeType = utils.guesstimateMimeType,
+		            getExtensionFromFilename = utils.getExtensionFromFilename,
+		            getFilenameFromURL = utils.getFilenameFromURL;
+
+		        var mimeTypeMatchesWildCard = function mimeTypeMatchesWildCard(mimeType, wildcard) {
+		            var mimeTypeGroup = (/^[^/]+/.exec(mimeType) || []).pop(); // image/png -> image
+		            var wildcardGroup = wildcard.slice(0, -2); // image/* -> image
+		            return mimeTypeGroup === wildcardGroup;
+		        };
 
-		    var isValidMimeType = function isValidMimeType(
-		      acceptedTypes,
-		      userInputType
-		    ) {
-		      return acceptedTypes.some(function(acceptedType) {
-		        // accepted is wildcard mime type
-		        if (/\*$/.test(acceptedType)) {
-		          return mimeTypeMatchesWildCard(userInputType, acceptedType);
-		        }
-
-		        // is normal mime type
-		        return acceptedType === userInputType;
-		      });
-		    };
+		        var isValidMimeType = function isValidMimeType(acceptedTypes, userInputType) {
+		            return acceptedTypes.some(function(acceptedType) {
+		                // accepted is wildcard mime type
+		                if (/\*$/.test(acceptedType)) {
+		                    return mimeTypeMatchesWildCard(userInputType, acceptedType);
+		                }
 
-		    var getItemType = function getItemType(item) {
-		      // if the item is a url we guess the mime type by the extension
-		      var type = '';
-		      if (isString(item)) {
-		        var filename = getFilenameFromURL(item);
-		        var extension = getExtensionFromFilename(filename);
-		        if (extension) {
-		          type = guesstimateMimeType(extension);
-		        }
-		      } else {
-		        type = item.type;
-		      }
-
-		      return type;
-		    };
+		                // is normal mime type
+		                return acceptedType === userInputType;
+		            });
+		        };
 
-		    var validateFile = function validateFile(
-		      item,
-		      acceptedFileTypes,
-		      typeDetector
-		    ) {
-		      // no types defined, everything is allowed \o/
-		      if (acceptedFileTypes.length === 0) {
-		        return true;
-		      }
-
-		      // gets the item type
-		      var type = getItemType(item);
-
-		      // no type detector, test now
-		      if (!typeDetector) {
-		        return isValidMimeType(acceptedFileTypes, type);
-		      }
-
-		      // use type detector
-		      return new Promise(function(resolve, reject) {
-		        typeDetector(item, type)
-		          .then(function(detectedType) {
-		            if (isValidMimeType(acceptedFileTypes, detectedType)) {
-		              resolve();
+		        var getItemType = function getItemType(item) {
+		            // if the item is a url we guess the mime type by the extension
+		            var type = '';
+		            if (isString(item)) {
+		                var filename = getFilenameFromURL(item);
+		                var extension = getExtensionFromFilename(filename);
+		                if (extension) {
+		                    type = guesstimateMimeType(extension);
+		                }
 		            } else {
-		              reject();
+		                type = item.type;
 		            }
-		          })
-		          .catch(reject);
-		      });
-		    };
 
-		    var applyMimeTypeMap = function applyMimeTypeMap(map) {
-		      return function(acceptedFileType) {
-		        return map[acceptedFileType] === null
-		          ? false
-		          : map[acceptedFileType] || acceptedFileType;
-		      };
-		    };
+		            return type;
+		        };
 
-		    // setup attribute mapping for accept
-		    addFilter('SET_ATTRIBUTE_TO_OPTION_MAP', function(map) {
-		      return Object.assign(map, {
-		        accept: 'acceptedFileTypes'
-		      });
-		    });
-
-		    // filtering if an item is allowed in hopper
-		    addFilter('ALLOW_HOPPER_ITEM', function(file, _ref2) {
-		      var query = _ref2.query;
-		      // if we are not doing file type validation exit
-		      if (!query('GET_ALLOW_FILE_TYPE_VALIDATION')) {
-		        return true;
-		      }
-
-		      // we validate the file against the accepted file types
-		      return validateFile(file, query('GET_ACCEPTED_FILE_TYPES'));
-		    });
-
-		    // called for each file that is loaded
-		    // right before it is set to the item state
-		    // should return a promise
-		    addFilter('LOAD_FILE', function(file, _ref3) {
-		      var query = _ref3.query;
-		      return new Promise(function(resolve, reject) {
-		        if (!query('GET_ALLOW_FILE_TYPE_VALIDATION')) {
-		          resolve(file);
-		          return;
-		        }
-
-		        var acceptedFileTypes = query('GET_ACCEPTED_FILE_TYPES');
-
-		        // custom type detector method
-		        var typeDetector = query('GET_FILE_VALIDATE_TYPE_DETECT_TYPE');
-
-		        // if invalid, exit here
-		        var validationResult = validateFile(
-		          file,
-		          acceptedFileTypes,
-		          typeDetector
-		        );
-
-		        var handleRejection = function handleRejection() {
-		          var acceptedFileTypesMapped = acceptedFileTypes
-		            .map(
-		              applyMimeTypeMap(
-		                query('GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP')
-		              )
-		            )
-		            .filter(function(label) {
-		              return label !== false;
+		        var validateFile = function validateFile(item, acceptedFileTypes, typeDetector) {
+		            // no types defined, everything is allowed \o/
+		            if (acceptedFileTypes.length === 0) {
+		                return true;
+		            }
+
+		            // gets the item type
+		            var type = getItemType(item);
+
+		            // no type detector, test now
+		            if (!typeDetector) {
+		                return isValidMimeType(acceptedFileTypes, type);
+		            }
+
+		            // use type detector
+		            return new Promise(function(resolve, reject) {
+		                typeDetector(item, type)
+		                    .then(function(detectedType) {
+		                        if (isValidMimeType(acceptedFileTypes, detectedType)) {
+		                            resolve();
+		                        } else {
+		                            reject();
+		                        }
+		                    })
+		                    .catch(reject);
 		            });
+		        };
+
+		        var applyMimeTypeMap = function applyMimeTypeMap(map) {
+		            return function(acceptedFileType) {
+		                return map[acceptedFileType] === null
+		                    ? false
+		                    : map[acceptedFileType] || acceptedFileType;
+		            };
+		        };
 
-		          var acceptedFileTypesMapped_unique = acceptedFileTypesMapped.filter(
-		            function(item, index) {
-		              return acceptedFileTypesMapped.indexOf(item) === index;
+		        // setup attribute mapping for accept
+		        addFilter('SET_ATTRIBUTE_TO_OPTION_MAP', function(map) {
+		            return Object.assign(map, {
+		                accept: 'acceptedFileTypes',
+		            });
+		        });
+
+		        // filtering if an item is allowed in hopper
+		        addFilter('ALLOW_HOPPER_ITEM', function(file, _ref2) {
+		            var query = _ref2.query;
+		            // if we are not doing file type validation exit
+		            if (!query('GET_ALLOW_FILE_TYPE_VALIDATION')) {
+		                return true;
 		            }
-		          );
-
-		          reject({
-		            status: {
-		              main: query('GET_LABEL_FILE_TYPE_NOT_ALLOWED'),
-		              sub: replaceInString(
-		                query('GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES'),
-		                {
-		                  allTypes: acceptedFileTypesMapped_unique.join(', '),
-		                  allButLastType: acceptedFileTypesMapped_unique
-		                    .slice(0, -1)
-		                    .join(', '),
-		                  lastType:
-		                    acceptedFileTypesMapped_unique[
-		                      acceptedFileTypesMapped.length - 1
-		                    ]
+
+		            // we validate the file against the accepted file types
+		            return validateFile(file, query('GET_ACCEPTED_FILE_TYPES'));
+		        });
+
+		        // called for each file that is loaded
+		        // right before it is set to the item state
+		        // should return a promise
+		        addFilter('LOAD_FILE', function(file, _ref3) {
+		            var query = _ref3.query;
+		            return new Promise(function(resolve, reject) {
+		                if (!query('GET_ALLOW_FILE_TYPE_VALIDATION')) {
+		                    resolve(file);
+		                    return;
+		                }
+
+		                var acceptedFileTypes = query('GET_ACCEPTED_FILE_TYPES');
+
+		                // custom type detector method
+		                var typeDetector = query('GET_FILE_VALIDATE_TYPE_DETECT_TYPE');
+
+		                // if invalid, exit here
+		                var validationResult = validateFile(file, acceptedFileTypes, typeDetector);
+
+		                var handleRejection = function handleRejection() {
+		                    var acceptedFileTypesMapped = acceptedFileTypes
+		                        .map(
+		                            applyMimeTypeMap(
+		                                query('GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP')
+		                            )
+		                        )
+		                        .filter(function(label) {
+		                            return label !== false;
+		                        });
+
+		                    var acceptedFileTypesMappedUnique = acceptedFileTypesMapped.filter(function(
+		                        item,
+		                        index
+		                    ) {
+		                        return acceptedFileTypesMapped.indexOf(item) === index;
+		                    });
+
+		                    reject({
+		                        status: {
+		                            main: query('GET_LABEL_FILE_TYPE_NOT_ALLOWED'),
+		                            sub: replaceInString(
+		                                query('GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES'),
+		                                {
+		                                    allTypes: acceptedFileTypesMappedUnique.join(', '),
+		                                    allButLastType: acceptedFileTypesMappedUnique
+		                                        .slice(0, -1)
+		                                        .join(', '),
+		                                    lastType:
+		                                        acceptedFileTypesMappedUnique[
+		                                            acceptedFileTypesMappedUnique.length - 1
+		                                        ],
+		                                }
+		                            ),
+		                        },
+		                    });
+		                };
+
+		                // has returned new filename immidiately
+		                if (typeof validationResult === 'boolean') {
+		                    if (!validationResult) {
+		                        return handleRejection();
+		                    }
+		                    return resolve(file);
 		                }
-		              )
-		            }
-		          });
-		        };
 
-		        // has returned new filename immidiately
-		        if (typeof validationResult === 'boolean') {
-		          if (!validationResult) {
-		            return handleRejection();
-		          }
-		          return resolve(file);
-		        }
-
-		        // is promise
-		        validationResult
-		          .then(function() {
-		            resolve(file);
-		          })
-		          .catch(handleRejection);
-		      });
-		    });
-
-		    // expose plugin
-		    return {
-		      // default options
-		      options: {
-		        // Enable or disable file type validation
-		        allowFileTypeValidation: [true, Type.BOOLEAN],
-
-		        // What file types to accept
-		        acceptedFileTypes: [[], Type.ARRAY],
-		        // - must be comma separated
-		        // - mime types: image/png, image/jpeg, image/gif
-		        // - extensions: .png, .jpg, .jpeg ( not enabled yet )
-		        // - wildcards: image/*
-
-		        // label to show when a type is not allowed
-		        labelFileTypeNotAllowed: ['File is of invalid type', Type.STRING],
-
-		        // nicer label
-		        fileValidateTypeLabelExpectedTypes: [
-		          'Expects {allButLastType} or {lastType}',
-		          Type.STRING
-		        ],
-
-		        // map mime types to extensions
-		        fileValidateTypeLabelExpectedTypesMap: [{}, Type.OBJECT],
-
-		        // Custom function to detect type of file
-		        fileValidateTypeDetectType: [null, Type.FUNCTION]
-		      }
+		                // is promise
+		                validationResult
+		                    .then(function() {
+		                        resolve(file);
+		                    })
+		                    .catch(handleRejection);
+		            });
+		        });
+
+		        // expose plugin
+		        return {
+		            // default options
+		            options: {
+		                // Enable or disable file type validation
+		                allowFileTypeValidation: [true, Type.BOOLEAN],
+
+		                // What file types to accept
+		                acceptedFileTypes: [[], Type.ARRAY],
+		                // - must be comma separated
+		                // - mime types: image/png, image/jpeg, image/gif
+		                // - extensions: .png, .jpg, .jpeg ( not enabled yet )
+		                // - wildcards: image/*
+
+		                // label to show when a type is not allowed
+		                labelFileTypeNotAllowed: ['File is of invalid type', Type.STRING],
+
+		                // nicer label
+		                fileValidateTypeLabelExpectedTypes: [
+		                    'Expects {allButLastType} or {lastType}',
+		                    Type.STRING,
+		                ],
+
+		                // map mime types to extensions
+		                fileValidateTypeLabelExpectedTypesMap: [{}, Type.OBJECT],
+
+		                // Custom function to detect type of file
+		                fileValidateTypeDetectType: [null, Type.FUNCTION],
+		            },
+		        };
 		    };
-		  };
-
-		  // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags
-		  var isBrowser =
-		    typeof window !== 'undefined' && typeof window.document !== 'undefined';
-		  if (isBrowser) {
-		    document.dispatchEvent(
-		      new CustomEvent('FilePond:pluginloaded', { detail: plugin })
-		    );
-		  }
-
-		  return plugin;
+
+		    // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags
+		    var isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
+		    if (isBrowser) {
+		        document.dispatchEvent(new CustomEvent('FilePond:pluginloaded', { detail: plugin }));
+		    }
+
+		    return plugin;
 		}); 
 	} (filepondPluginFileValidateType$3));
 	return filepondPluginFileValidateType$3.exports;
@@ -278,8 +262,8 @@ var filepondPluginFileValidateTypeExports = requireFilepondPluginFileValidateTyp
 var filepondPluginFileValidateType = /*@__PURE__*/getDefaultExportFromCjs(filepondPluginFileValidateTypeExports);
 
 var filepondPluginFileValidateType$1 = /*#__PURE__*/_mergeNamespaces({
-  __proto__: null,
-  default: filepondPluginFileValidateType
+    __proto__: null,
+    default: filepondPluginFileValidateType
 }, [filepondPluginFileValidateTypeExports]);
 
 export { filepondPluginFileValidateType$1 as f };

package/dist/components/filepond.js

@@ -21,7 +21,7 @@ function _mergeNamespaces(n, m) {
 var filepond$3 = {exports: {}};
 
 /*!
- * FilePond 4.32.8
+ * FilePond 4.32.12
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -2404,7 +2404,7 @@ function requireFilepond () {
 		        files: [[], Type.ARRAY],
 
 		        // show support by displaying credits
-		        credits: [['https://pqina.nl/', 'Powered by PQINA'], Type.ARRAY],
+		        credits: [['https://filepond.com', 'Powered by FilePond'], Type.ARRAY],
 		    };
 
 		    var getItemByQuery = function getItemByQuery(items, query) {
@@ -5724,6 +5724,11 @@ function requireFilepond () {
 		                    processNext();
 		                });
 
+		                // abort function
+		                item.onOnce('process-abort', function() {
+		                    processNext();
+		                });
+
 		                // start file processing
 		                var options = state.options;
 		                item.process(
@@ -7518,8 +7523,8 @@ function requireFilepond () {
 		    var getItemHeight = function getItemHeight(child) {
 		        return (
 		            child.rect.element.height +
-		            child.rect.element.marginBottom * 0.5 +
-		            child.rect.element.marginTop * 0.5
+		            child.rect.element.marginBottom +
+		            child.rect.element.marginTop
 		        );
 		    };
 		    var getItemWidth = function getItemWidth(child) {