@formio/js 5.4.0 → 5.4.2

package/lib/cjs/WebformBuilder.js

@@ -223,14 +223,10 @@ class WebformBuilder extends Component_1.default {
             },
         };
         if (this.options && this.options.resourceTag) {
-            query.params.tags = [
-                this.options.resourceTag,
-            ];
+            query.params.tags = [this.options.resourceTag];
         }
         else if (!this.options || !this.options.hasOwnProperty('resourceTag')) {
-            query.params.tags = [
-                'builder',
-            ];
+            query.params.tags = ['builder'];
         }
         const formio = new Formio_1.Formio(Formio_1.Formio.projectUrl);
         const isResourcesDisabled = this.options.builder && this.options.builder.resource === false;
@@ -250,7 +246,7 @@ class WebformBuilder extends Component_1.default {
             }
         })
             .catch((err) => {
-            console.warn(`Could not load project settings: ${err.message || err}`);
+            console.warn(`${this.t('loadingProjectSettingsError')}: ${err.message || err}`);
         });
         if (!formio.noProject && !isResourcesDisabled && formio.formsUrl) {
             const resourceOptions = this.options.builder && this.options.builder.resource;
@@ -333,10 +329,7 @@ class WebformBuilder extends Component_1.default {
             allowHTML: true,
             trigger: 'mouseenter focus',
             placement: 'top',
-            delay: [
-                200,
-                0,
-            ],
+            delay: [200, 0],
             zIndex: 10000,
             content: title,
         });
@@ -356,18 +349,18 @@ class WebformBuilder extends Component_1.default {
             editJson: 'single',
         });
         if (component.refs.copyComponent) {
-            this.attachTooltip(component.refs.copyComponent, this.t('Copy'));
+            this.attachTooltip(component.refs.copyComponent, this.t('copy'));
             component.addEventListener(component.refs.copyComponent, 'click', () => this.copyComponent(component));
         }
         if (component.refs.pasteComponent) {
-            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('Paste below'));
+            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('pasteBelow'));
             component.addEventListener(component.refs.pasteComponent, 'click', () => {
                 pasteToolTip.hide();
                 this.pasteComponent(component);
             });
         }
         if (component.refs.moveComponent) {
-            this.attachTooltip(component.refs.moveComponent, this.t('Move'));
+            this.attachTooltip(component.refs.moveComponent, this.t('move'));
             if (this.keyboardActionsEnabled) {
                 component.addEventListener(component.refs.moveComponent, 'click', () => {
                     this.moveComponent(component);
@@ -376,20 +369,20 @@ class WebformBuilder extends Component_1.default {
         }
         const parent = this.getParentElement(element);
         if (component.refs.editComponent) {
-            this.attachTooltip(component.refs.editComponent, this.t('Edit'));
+            this.attachTooltip(component.refs.editComponent, this.t('edit'));
             component.addEventListener(component.refs.editComponent, 'click', () => this.editComponent(component.schema, parent, false, false, component.component, {
                 inDataGrid: component.isInDataGrid,
                 editComponentPath: component.path,
             }));
         }
         if (component.refs.editJson) {
-            this.attachTooltip(component.refs.editJson, this.t('Edit JSON'));
+            this.attachTooltip(component.refs.editJson, this.t('editJson'));
             component.addEventListener(component.refs.editJson, 'click', () => this.editComponent(component.schema, parent, false, true, component.component, {
                 editComponentPath: component.path,
             }));
         }
         if (component.refs.removeComponent) {
-            this.attachTooltip(component.refs.removeComponent, this.t('Remove'));
+            this.attachTooltip(component.refs.removeComponent, this.t('remove'));
             component.addEventListener(component.refs.removeComponent, 'click', () => this.removeComponent(component.schema, parent, component.component, component));
         }
         return element;
@@ -472,10 +465,7 @@ class WebformBuilder extends Component_1.default {
         const componentSchema = component.component;
         // If the current component is the namespace, we don't need to find it again.
         if (namespaceKey === component.key) {
-            return [
-                ...componentSchema.components,
-                componentSchema,
-            ];
+            return [...componentSchema.components, componentSchema];
         }
         // Get the namespace component so we have the original object.
         const namespaceComponent = (0, utils_1.getComponent)(this.form.components, namespaceKey, true);
@@ -487,14 +477,7 @@ class WebformBuilder extends Component_1.default {
             return null;
         }
         // Some components are their own namespace.
-        if ([
-            'address',
-            'container',
-            'datagrid',
-            'editgrid',
-            'dynamicWizard',
-            'tree',
-        ].includes(component.type) ||
+        if (['address', 'container', 'datagrid', 'editgrid', 'dynamicWizard', 'tree'].includes(component.type) ||
             component.tree ||
             component.arrayTree) {
             return component.key;
@@ -561,15 +544,11 @@ class WebformBuilder extends Component_1.default {
                 };
                 const hideShow = (group, forceShow, toggle = false) => {
                     if (forceShow || (toggle && !Array.from(group.classList).includes('show'))) {
-                        group.classList.add([
-                            'show',
-                        ]);
+                        group.classList.add(['show']);
                         group.style.display = 'inherit';
                     }
                     else {
-                        group.classList.remove([
-                            'show',
-                        ]);
+                        group.classList.remove(['show']);
                         group.style.display = 'none';
                     }
                 };
@@ -613,9 +592,7 @@ class WebformBuilder extends Component_1.default {
             }
             const drake = this.dragula;
             if (this.refs.form) {
-                (0, dom_autoscroller_1.default)([
-                    window,
-                ], {
+                (0, dom_autoscroller_1.default)([window], {
                     margin: 20,
                     maxSpeed: 6,
                     scrollWhenOutside: true,
@@ -869,7 +846,7 @@ class WebformBuilder extends Component_1.default {
             }, true);
             if (isCompAlreadyExists) {
                 this.webform.redraw();
-                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.key} component to one page.`);
+                this.webform.setAlert('danger', this.t('builderUniqueError', { componentKeyOrTitle: draggableComponent.key }));
                 return;
             }
         }
@@ -883,7 +860,7 @@ class WebformBuilder extends Component_1.default {
             }, true);
             if (isCompAlreadyExists) {
                 this.webform.redraw();
-                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.title} component to one page.`);
+                this.webform.setAlert('danger', this.t('builderUniqueError', { componentKeyOrTitle: draggableComponent.title }));
                 return;
             }
         }
@@ -963,7 +940,7 @@ class WebformBuilder extends Component_1.default {
                     path,
                     fromIndex: index,
                     toIndex,
-                    timestamp: new Date()
+                    timestamp: new Date(),
                 };
                 // New event that allows explicit tracking of reordering
                 this.emit('moveComponent', payload);
@@ -1054,8 +1031,8 @@ class WebformBuilder extends Component_1.default {
                 (Array.isArray(component.columns) && component.columns.length));
         if (this.options.alwaysConfirmComponentRemoval || removingComponentsGroup) {
             const message = removingComponentsGroup
-                ? 'Removing this component will also remove all of its children. Are you sure you want to do this?'
-                : 'Are you sure you want to remove this component?';
+                ? 'confirmComponentRemoveWithChildren'
+                : 'confirmComponentRemove';
             remove = window.confirm(this.t(message));
         }
         if (!original) {
@@ -1125,10 +1102,7 @@ class WebformBuilder extends Component_1.default {
                 config: this.options.formConfig || {},
                 sanitizeConfig,
             };
-            const fieldsToRemoveDoubleQuotes = [
-                'label',
-                'tooltip',
-            ];
+            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];
             this.preview.form.components.forEach((component) => this.replaceDoubleQuotes(component, fieldsToRemoveDoubleQuotes));
             const previewElement = this.componentEdit.querySelector(`[${this._referenceAttributeName}="preview"]`);
             if (previewElement) {
@@ -1300,10 +1274,7 @@ class WebformBuilder extends Component_1.default {
                 submissionData.components = this.originalDefaultValue.components;
                 this.originalDefaultValue = null;
             }
-            const fieldsToRemoveDoubleQuotes = [
-                'label',
-                'tooltip',
-            ];
+            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];
             this.replaceDoubleQuotes(submissionData, fieldsToRemoveDoubleQuotes);
             this.hook('beforeSaveComponentSettings', submissionData);
             let comp = null;
@@ -1433,13 +1404,7 @@ class WebformBuilder extends Component_1.default {
         editFormOptions.editComponentPath = flags.editComponentPath;
         editFormOptions.flags = flags;
         this.hook('editComponentParentInstance', editFormOptions, parent);
-        this.editForm = new Webform_1.default(Object.assign(Object.assign(Object.assign(Object.assign({}, lodash_1.default.omit(this.options, [
-            'hooks',
-            'builder',
-            'events',
-            'attachMode',
-            'skipInit',
-        ])), { language: this.options.language }), editFormOptions), { evalContext: Object.assign(Object.assign({}, ((editFormOptions === null || editFormOptions === void 0 ? void 0 : editFormOptions.evalContext) || ((_a = this.options) === null || _a === void 0 ? void 0 : _a.evalContext) || {})), { buildingForm: this.form }) }));
+        this.editForm = new Webform_1.default(Object.assign(Object.assign(Object.assign(Object.assign({}, lodash_1.default.omit(this.options, ['hooks', 'builder', 'events', 'attachMode', 'skipInit'])), { language: this.options.language }), editFormOptions), { evalContext: Object.assign(Object.assign({}, ((editFormOptions === null || editFormOptions === void 0 ? void 0 : editFormOptions.evalContext) || ((_a = this.options) === null || _a === void 0 ? void 0 : _a.evalContext) || {})), { buildingForm: this.form }) }));
         this.hook('editFormProperties', parent);
         this.editForm.form =
             isJsonEdit && !isCustom
@@ -1525,16 +1490,10 @@ class WebformBuilder extends Component_1.default {
                 }
                 let isComponentLabelChanged = false;
                 if (event.changed.instance) {
-                    isComponentLabelChanged = [
-                        'label',
-                        'title',
-                    ].includes(event.changed.instance.path);
+                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.instance.path);
                 }
                 else if (event.changed.component) {
-                    isComponentLabelChanged = [
-                        'label',
-                        'title',
-                    ].includes(event.changed.component.key);
+                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.component.key);
                 }
                 if (isComponentLabelChanged) {
                     // Ensure this component has a key.
@@ -1682,7 +1641,7 @@ class WebformBuilder extends Component_1.default {
      */
     copyComponent(component) {
         if (!window.sessionStorage) {
-            return console.warn('Session storage is not supported in this browser.');
+            return console.warn(this.t('sessionStorageSupportError'));
         }
         this.addClass(this.refs.form, 'builder-paste-mode');
         window.sessionStorage.setItem('formio.clipboard', JSON.stringify(component.schema));
@@ -1694,7 +1653,7 @@ class WebformBuilder extends Component_1.default {
      */
     pasteComponent(component) {
         if (!window.sessionStorage) {
-            return console.warn('Session storage is not supported in this browser.');
+            return console.warn(this.t('sessionStorageSupportError'));
         }
         this.removeClass(this.refs.form, 'builder-paste-mode');
         if (window.sessionStorage) {

package/lib/cjs/Wizard.d.ts

@@ -84,6 +84,7 @@ declare class Wizard extends Webform {
     get currentPage(): any;
     getNextPage(): number | null;
     getPreviousPage(): number;
+    mergeDefaultsFromSchema(data: any): void;
     beforeSubmit(): Promise<any[]>;
     beforePage(next: any): Promise<any>;
     emitNextPage(): void;

package/lib/cjs/Wizard.js

@@ -35,9 +35,7 @@ class Wizard extends Webform_1.default {
         this.page = 0;
         this.currentPanel = null;
         this.currentNextPage = 0;
-        this._seenPages = [
-            0,
-        ];
+        this._seenPages = [0];
         this.subWizards = [];
         this.allPages = [];
         this.lastPromise = Promise.resolve();
@@ -108,6 +106,7 @@ class Wizard extends Webform_1.default {
         this.on('subWizardsUpdated', (subForm) => {
             const subWizard = this.subWizards.find((subWizard) => { var _a; return (subForm === null || subForm === void 0 ? void 0 : subForm.id) && ((_a = subWizard.subForm) === null || _a === void 0 ? void 0 : _a.id) === (subForm === null || subForm === void 0 ? void 0 : subForm.id); });
             if (this.subWizards.length && subWizard) {
+                // GOTCHA(G-FJS01)
                 subWizard.subForm.setValue(subForm._submission, {}, true);
                 this.establishPages();
                 this.redraw();
@@ -139,14 +138,9 @@ class Wizard extends Webform_1.default {
         return buttons;
     }
     get buttonOrder() {
-        var _a, _b, _c;
-        const defaultButtonOrder = [
-            'cancel',
-            'previous',
-            'next',
-            'submit',
-        ];
-        return ((_c = (_b = (_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.wizardButtonOrder) === null || _b === void 0 ? void 0 : _b.toLowerCase().split(', ')) !== null && _c !== void 0 ? _c : defaultButtonOrder);
+        var _a, _b, _d;
+        const defaultButtonOrder = ['cancel', 'previous', 'next', 'submit'];
+        return ((_d = (_b = (_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.wizardButtonOrder) === null || _b === void 0 ? void 0 : _b.toLowerCase().split(', ')) !== null && _d !== void 0 ? _d : defaultButtonOrder);
     }
     get renderContext() {
         var _a, _b;
@@ -207,7 +201,7 @@ class Wizard extends Webform_1.default {
             wizardHeaderLocation,
             wizardNav, components: this.renderComponents([
                 ...this.prefixComps,
-                ...((_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.components) || [],
+                ...(((_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.components) || []),
                 ...this.suffixComps,
             ]) }), this.builderMode ? 'builder' : 'form');
     }
@@ -269,7 +263,7 @@ class Wizard extends Webform_1.default {
         this.hook('attachWebform', element, this);
         const promises = this.attachComponents(this.refs[this.wizardKey], [
             ...this.prefixComps,
-            ...((_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.components) || [],
+            ...(((_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.components) || []),
             ...this.suffixComps,
         ]);
         this.attachNav();
@@ -425,11 +419,7 @@ class Wizard extends Webform_1.default {
         // Get all components including all nested components and line up in the correct order
         const getAllComponents = (nestedComp, compsArr, pushAllowed = true) => {
             const nestedPages = [];
-            const dataArrayComponents = [
-                'datagrid',
-                'editgrid',
-                'dynamicWizard',
-            ];
+            const dataArrayComponents = ['datagrid', 'editgrid', 'dynamicWizard'];
             const currentComponents = (nestedComp === null || nestedComp === void 0 ? void 0 : nestedComp.subForm)
                 ? this.getSortedComponents(nestedComp.subForm)
                 : (nestedComp === null || nestedComp === void 0 ? void 0 : nestedComp.components) || [];
@@ -547,7 +537,7 @@ class Wizard extends Webform_1.default {
                     const forceShow = this.shouldForceShow(item);
                     const forceHide = this.shouldForceHide(item);
                     let isVisible = !page
-                        ? ((0, utils_1.checkCondition)(item, data, data, this.component, this) && !item.hidden)
+                        ? (0, utils_1.checkCondition)(item, data, data, this.component, this) && !item.hidden
                         : page.visible;
                     if (forceShow) {
                         isVisible = true;
@@ -633,7 +623,7 @@ class Wizard extends Webform_1.default {
             this.redraw();
             return Promise.resolve();
         }
-        return Promise.reject('Page not found');
+        return Promise.reject(this.t('pageNotFound'));
     }
     pageFieldLogic(page) {
         var _a;
@@ -688,7 +678,34 @@ class Wizard extends Webform_1.default {
     getPreviousPage() {
         return this.page - 1;
     }
+    mergeDefaultsFromSchema(data) {
+        var _a, _b;
+        const components = (_a = this.form) === null || _a === void 0 ? void 0 : _a.components;
+        if (!components || !data || ((_b = this.options) === null || _b === void 0 ? void 0 : _b.readOnly)) {
+            return;
+        }
+        (0, utils_1.eachComponent)(components, (component, _path, _c, _parent, compPaths) => {
+            if (!(component === null || component === void 0 ? void 0 : component.key) ||
+                component.type === 'button' ||
+                component.persistent === 'client-only' ||
+                !component.hasOwnProperty('clearOnHide') ||
+                component.clearOnHide !== false ||
+                !component.hasOwnProperty('defaultValue')) {
+                return;
+            }
+            const modelType = (0, utils_1.getModelType)(component);
+            if (modelType === 'none' || modelType === 'content' || component.input === false) {
+                return;
+            }
+            const dataPath = (compPaths === null || compPaths === void 0 ? void 0 : compPaths.dataPath) || component.key;
+            if (!dataPath || lodash_1.default.get(data, dataPath) != null) {
+                return;
+            }
+            lodash_1.default.set(data, dataPath, component.defaultValue);
+        }, true);
+    }
     beforeSubmit() {
+        this.mergeDefaultsFromSchema(this.data);
         const pages = this.getPages({ all: true });
         return Promise.all(pages.map((page) => {
             this.triggerButtonCaptcha(page);
@@ -751,13 +768,13 @@ class Wizard extends Webform_1.default {
         }
     }
     validateCurrentPage(flags = {}) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _d, _e, _f;
         const components = (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.components.map((component) => component.component);
         // Accessing the parent ensures the right instance (whether it's the parent Wizard or a nested Wizard) performs its validation
         if ((_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.parent) {
-            return (_c = this.currentPage) === null || _c === void 0 ? void 0 : _c.parent.validateComponents(components, (_d = this.root) === null || _d === void 0 ? void 0 : _d.data, flags);
+            return (_d = this.currentPage) === null || _d === void 0 ? void 0 : _d.parent.validateComponents(components, (_e = this.root) === null || _e === void 0 ? void 0 : _e.data, flags);
         }
-        return (_e = this.currentPage) === null || _e === void 0 ? void 0 : _e.validateComponents(components, this.root ? this.root.data : this.data, flags);
+        return (_f = this.currentPage) === null || _f === void 0 ? void 0 : _f.validateComponents(components, this.root ? this.root.data : this.data, flags);
     }
     emitPrevPage() {
         this.emit('prevPage', { page: this.page, submission: this.submission });
@@ -835,9 +852,7 @@ class Wizard extends Webform_1.default {
                 key: 'page1',
                 components: this.component.components,
             };
-            this.component.components = [
-                newPage,
-            ];
+            this.component.components = [newPage];
             this.originalComponents.push(lodash_1.default.clone(newPage));
         }
     }
@@ -848,7 +863,8 @@ class Wizard extends Webform_1.default {
         return super.setForm(form, flags);
     }
     onSetForm(clonedForm, initialForm) {
-        this.component.components = (this.parent ? initialForm.components : clonedForm.components) || [];
+        this.component.components =
+            (this.parent ? initialForm.components : clonedForm.components) || [];
         this.setComponentSchema();
     }
     setEditMode(submission) {
@@ -880,10 +896,7 @@ class Wizard extends Webform_1.default {
     }
     isClickable(page, index) {
         return (this.page !== index &&
-            (0, utils_1.firstNonNil)([
-                lodash_1.default.get(page, 'breadcrumbClickable'),
-                this.options.breadcrumbSettings.clickable,
-            ]));
+            (0, utils_1.firstNonNil)([lodash_1.default.get(page, 'breadcrumbClickable'), this.options.breadcrumbSettings.clickable]));
     }
     hasButton(name, nextPage = this.getNextPage()) {
         // get page options with global options as default values

package/lib/cjs/WizardBuilder.js

@@ -23,9 +23,7 @@ class WizardBuilder extends WebformBuilder_1.default {
         options.display = 'wizard';
         super(element, options);
         this._form = {
-            components: [
-                this.getPageConfig(1),
-            ],
+            components: [this.getPageConfig(1)],
         };
         this.page = 0;
         // Need to create a component order for each group.
@@ -106,9 +104,7 @@ class WizardBuilder extends WebformBuilder_1.default {
         }
         if (this.pages.length === 0) {
             const components = this._form.components.filter((component) => component.type !== 'button');
-            this._form.components = [
-                this.getPageConfig(1, components),
-            ];
+            this._form.components = [this.getPageConfig(1, components)];
         }
         else {
             const components = this._form.components.filter((component) => component.type !== 'button' || component.action !== 'submit');
@@ -159,9 +155,7 @@ class WizardBuilder extends WebformBuilder_1.default {
             page.parentNode.dragInfo = { index };
         });
         if (this.dragulaLib) {
-            this.navigationDragula = this.dragulaLib([
-                this.element.querySelector('.wizard-pages'),
-            ], {
+            this.navigationDragula = this.dragulaLib([this.element.querySelector('.wizard-pages')], {
                 moves: (el) => !el.classList.contains('wizard-add-page'),
                 accepts: (el, target, source, sibling) => (sibling ? true : false),
             }).on('drop', this.onReorder.bind(this));
@@ -193,11 +187,7 @@ class WizardBuilder extends WebformBuilder_1.default {
         this.webform.setForm({
             display: 'form',
             type: 'form',
-            components: page
-                ? [
-                    page,
-                ]
-                : [],
+            components: page ? [page] : [],
             controller: ((_a = this._form) === null || _a === void 0 ? void 0 : _a.controller) || '',
         }, { keepAsReference: true });
         return this.redraw();
@@ -231,7 +221,7 @@ class WizardBuilder extends WebformBuilder_1.default {
         const isSiblingAnAddPageButton = sibling === null || sibling === void 0 ? void 0 : sibling.classList.contains('wizard-add-page');
         // We still can paste before Add Page button
         if (!element.dragInfo || (sibling && !sibling.dragInfo && !isSiblingAnAddPageButton)) {
-            console.warn('There is no Drag Info available for either dragged or sibling element');
+            console.warn(this.t('noDragInfoError'));
             return;
         }
         const oldPosition = element.dragInfo.index;

package/lib/cjs/addons/PasswordStrength/PasswordStrengthAddon.form.js

@@ -13,9 +13,7 @@ exports.default = [
         enableRowGroups: false,
         initEmpty: false,
         tableView: false,
-        defaultValue: [
-            {},
-        ],
+        defaultValue: [{}],
         key: 'levels',
         type: 'editgrid',
         input: true,
@@ -126,9 +124,7 @@ exports.default = [
         enableRowGroups: false,
         initEmpty: false,
         tableView: false,
-        defaultValue: [
-            {},
-        ],
+        defaultValue: [{}],
         key: 'rulesSettings',
         type: 'datagrid',
         input: true,

package/lib/cjs/addons/PasswordStrength/PasswordStrengthAddon.js

@@ -9,9 +9,7 @@ const PasswordStrengthAddon_form_1 = __importDefault(require("./PasswordStrength
 class PasswordStrengthAddon extends FormioAddon_1.default {
     static get info() {
         return {
-            supportedComponents: [
-                'password',
-            ],
+            supportedComponents: ['password'],
             name: 'passwordStrength',
             components: PasswordStrengthAddon_form_1.default,
             label: 'Password Strength',
@@ -172,9 +170,7 @@ class PasswordStrengthAddon extends FormioAddon_1.default {
         return this.component.sanitize(view);
     }
     checkBlackList(value) {
-        const blackList = [
-            ...this.settings.blackList,
-        ];
+        const blackList = [...this.settings.blackList];
         let customBlacklistedWords = this.settings.customBlacklistedWords;
         if (customBlacklistedWords && typeof customBlacklistedWords === 'string') {
             customBlacklistedWords = this.evaluate(customBlacklistedWords, this.component.evalContext({ value }), 'values');
@@ -311,9 +307,7 @@ class PasswordStrengthAddon extends FormioAddon_1.default {
     constructor(settings, componentInstance) {
         super(settings, componentInstance);
         this._entropy = 0; // Set initial value of entropy
-        this.levels = [
-            ...(this.settings.levels || this.defaultSettings.levels),
-        ];
+        this.levels = [...(this.settings.levels || this.defaultSettings.levels)];
         this.levels.sort((a, b) => a.maxEntropy - b.maxEntropy); // Sort levels from the lowest one to the highest
         this.level = this.levels[0]; // Set currnt level to the lowest one
         this.maxEntropy = this.levels[this.levels.length - 1].maxEntropy; // Set maximal amount of security points based on the highest level

package/lib/cjs/addons/index.js

@@ -5,9 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.editForms = void 0;
 const PasswordStrengthAddon_1 = __importDefault(require("./PasswordStrength/PasswordStrengthAddon"));
-exports.editForms = [
-    PasswordStrengthAddon_1.default.info,
-].map(({ components, name, defaultSettings }) => ({
+exports.editForms = [PasswordStrengthAddon_1.default.info].map(({ components, name, defaultSettings }) => ({
     type: 'form',
     key: 'settings',
     display: 'form',

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -396,6 +396,11 @@ declare class Component extends Element {
      * @param {string} [referenceAttributeName] - The attribute name to use for the reference.
      */
     loadRefs(element: HTMLElement, refs: object, referenceAttributeName?: string | undefined): void;
+    /**
+     * Announces a message to screen readers via the component's live region.
+     * @param {string} message - The message to announce.
+     */
+    announce(message: string): void;
     /**
      * Opens the modal element.
      * @param {string} template - The template to use for the modal dialog.
@@ -534,10 +539,10 @@ declare class Component extends Element {
     /**
      * Uses the widget to determine the output string.
      * @param {any} value - The current value of the component.
-     * @param {any} options - The options for getValueAsString.
+     * @param {any} _options - The options for getValueAsString.
      * @returns {any|Array<any>} - The value as a string.
      */
-    getWidgetValueAsString(value: any, options: any): any | Array<any>;
+    getWidgetValueAsString(value: any, _options: any): any | Array<any>;
     /**
      * Returns the value of the component as a string.
      * @param {any} value - The value for this component.
@@ -937,9 +942,9 @@ declare class Component extends Element {
      */
     get hasDefaultValue(): boolean;
     /**
-    * Determine if we should add a default value for this component.
-    * @returns {boolean} - TRUE if a default value should be set
-    */
+     * Determine if we should add a default value for this component.
+     * @returns {boolean} - TRUE if a default value should be set
+     */
     get shouldAddDefaultValue(): boolean;
     /**
      * Get the default value of this component.