@formio/js 5.1.0-dev.5979.96c77b0 → 5.1.0-dev.5982.b1aad89

package/dist/formio.form.js

@@ -5579,7 +5579,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.GoogleAddressProvider = void 0;\n/* globals google */\nconst Formio_1 = __webpack_require__(/*! ../../Formio */ \"./lib/cjs/Formio.js\");\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst AddressProvider_1 = __webpack_require__(/*! ./AddressProvider */ \"./lib/cjs/providers/address/AddressProvider.js\");\nconst GOOGLE_MAPS_BASE_URL = 'https://maps.googleapis.com';\nconst GOOGLE_MAPS_JS_URL = `${GOOGLE_MAPS_BASE_URL}/maps/api/js`;\nconst GOOGLE_MAPS_JS_WITH_PARAMS_URL = `${GOOGLE_MAPS_JS_URL}?v=quarterly&libraries=places&loading=async&callback=googleMapsCallback`;\n/**\n * @typedef {object} AutocompleteOptions\n * @property {string[]} fields - The fields to include in the autocomplete response.\n * @property {object} componentRestrictions - The component restrictions for the autocomplete response.\n * @property {string[]} componentRestrictions.country - The country codes to restrict the autocomplete response to.\n */\n/**\n * @typedef {object} ProviderOptions\n * @property {string} region - The region to restrict the autocomplete response to.\n * @property {string} key - The API key for Google Maps.\n * @property {AutocompleteOptions} autocompleteOptions - The options for the autocomplete functionality.\n */\n/**\n * @typedef {object} Place\n * @property {object} address_components - The address components of the place.\n * @property {string} formatted_address - The formatted address of the place.\n * @property {object} geometry - The geometry information of the place.\n * @property {string} place_id - The place ID of the place.\n * @property {object} plus_code - The plus code of the place.\n * @property {string[]} types - The types of the place.\n * @property {string} formattedPlace - The formatted place value.\n */\n/**\n * @class GoogleAddressProvider\n * @augments AddressProvider\n */\nclass GoogleAddressProvider extends AddressProvider_1.AddressProvider {\n    /**\n     * @returns {string} The name of the provider.\n     */\n    static get name() {\n        return 'google';\n    }\n    /**\n     * @returns {string} The display name of the provider.\n     */\n    static get displayName() {\n        return 'Google Maps';\n    }\n    /**\n     \n     * @param {ProviderOptions} options - The options for the provider.\n     */\n    constructor(options = {}) {\n        var _a;\n        super(options);\n        this.setAutocompleteOptions();\n        let src = GOOGLE_MAPS_JS_WITH_PARAMS_URL;\n        if ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) {\n            src += `&key=${options.params.key}`;\n        }\n        this.tryRemoveLibrary(options);\n        Formio_1.Formio.requireLibrary(this.getLibraryName(), 'google.maps.places', src);\n    }\n    /**\n     * get display value property\n     * @returns {string} The property to use for display value.\n     */\n    get displayValueProperty() {\n        return 'formattedPlace';\n    }\n    /**\n     * @returns {string} The alternative property to use for display value.\n     */\n    get alternativeDisplayValueProperty() {\n        return 'formatted_address';\n    }\n    /**\n     * @param {AutocompleteOptions} options - The autocomplete options.\n     */\n    set autocompleteOptions(options) {\n        this._autocompleteOptions = options;\n    }\n    /**\n     * @returns {AutocompleteOptions} The autocomplete options.\n     */\n    get autocompleteOptions() {\n        return this._autocompleteOptions;\n    }\n    /**\n     * Sets the autocomplete options based on the provider options.\n     \n     */\n    setAutocompleteOptions() {\n        let options = lodash_1.default.get(this.options, 'params.autocompleteOptions', {});\n        if (!lodash_1.default.isObject(options)) {\n            options = {};\n        }\n        this.addRequiredProviderOptions(options);\n        this.autocompleteOptions = options;\n    }\n    /**\n     \n     * Converts the region to autocomplete option if it exists.\n     * @param {ProviderOptions} options - The provider options.\n     */\n    beforeMergeOptions(options) {\n        // providing support of old Google Provider option\n        this.convertRegionToAutocompleteOption(options);\n    }\n    /**\n     * @returns {string} The name of the library.\n     */\n    getLibraryName() {\n        return 'googleMaps';\n    }\n    /**\n     * Converts the region to autocomplete option.\n     * @param {ProviderOptions} options - The provider options.\n     */\n    convertRegionToAutocompleteOption(options) {\n        const providerOptions = options;\n        let region = lodash_1.default.get(providerOptions, 'params.region', '');\n        if (region && !lodash_1.default.has(options, 'params.autocompleteOptions')) {\n            region = region.toUpperCase().trim();\n            // providing compatibility with ISO 3166-1 Alpha-2 county codes (for checking compatibility https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)\n            const countryCodes = { 'UK': 'GB' };\n            if (countryCodes[region]) {\n                region = countryCodes[region];\n            }\n            lodash_1.default.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [region]);\n        }\n    }\n    /**\n     * @returns {string[]} The required address properties.\n     */\n    getRequiredAddressProperties() {\n        return ['address_components', 'formatted_address', 'geometry', 'place_id', 'plus_code', 'types'];\n    }\n    /**\n     * Adds the required provider options to the options.\n     * @param {AutocompleteOptions} options - The autocomplete options.\n     */\n    addRequiredProviderOptions(options) {\n        const addressProperties = this.getRequiredAddressProperties();\n        if (lodash_1.default.isArray(options.fields) && options.fields.length > 0) {\n            options.fields.forEach(optionalField => {\n                if (!addressProperties.some(addressProp => optionalField === addressProp)) {\n                    addressProperties.push(optionalField);\n                }\n            });\n        }\n        options.fields = addressProperties;\n    }\n    filterPlace(place) {\n        place = place || {};\n        const filteredPlace = {};\n        if (this.autocompleteOptions) {\n            this.autocompleteOptions.fields.forEach(field => {\n                if (place[field]) {\n                    filteredPlace[field] = place[field];\n                }\n            });\n        }\n        return filteredPlace;\n    }\n    attachAutocomplete(elem, index, onSelectAddress) {\n        Formio_1.Formio.libraryReady(this.getLibraryName()).then(() => {\n            const autocomplete = new google.maps.places.Autocomplete(elem, this.autocompleteOptions);\n            autocomplete.addListener('place_changed', () => {\n                const place = this.filterPlace(autocomplete.getPlace());\n                place.formattedPlace = lodash_1.default.get(autocomplete, 'gm_accessors_.place.se.formattedPrediction', place[this.alternativeDisplayValueProperty]);\n                onSelectAddress(place, elem, index);\n            });\n        });\n    }\n    search() {\n        return Promise.resolve();\n    }\n    makeRequest() {\n        return Promise.resolve();\n    }\n    getDisplayValue(address) {\n        const displayedProperty = lodash_1.default.has(address, this.displayValueProperty)\n            ? this.displayValueProperty\n            : this.alternativeDisplayValueProperty;\n        return lodash_1.default.get(address, displayedProperty, '');\n    }\n    /**\n     * Tries to remove the library if api key for loaded script is different.\n     * @param {ProviderOptions} options - The options for the provider.\n     */\n    tryRemoveLibrary(options = {}) {\n        var _a, _b, _c;\n        if (!Formio_1.Formio.libraries[this.getLibraryName()] || !(document === null || document === void 0 ? void 0 : document.querySelector)) {\n            return;\n        }\n        const existingScript = document.querySelector(`script[src^=\"${GOOGLE_MAPS_JS_URL}\"]`);\n        if (existingScript && ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) && !existingScript.attributes.src.value.endsWith(options.params.key)) {\n            const googleMapsScripts = (_b = document.querySelectorAll(`script[src^=\"${GOOGLE_MAPS_BASE_URL}\"]`)) !== null && _b !== void 0 ? _b : [];\n            googleMapsScripts.forEach(script => script.parentNode.removeChild(script));\n            delete Formio_1.Formio.libraries[this.getLibraryName()];\n            (_c = __webpack_require__.g === null || __webpack_require__.g === void 0 ? void 0 : __webpack_require__.g.google) === null || _c === void 0 ? true : delete _c.maps;\n            delete __webpack_require__.g[`${this.getLibraryName()}Callback`];\n        }\n    }\n}\nexports.GoogleAddressProvider = GoogleAddressProvider;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/address/GoogleAddressProvider.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.GoogleAddressProvider = void 0;\n/* globals google */\nconst Formio_1 = __webpack_require__(/*! ../../Formio */ \"./lib/cjs/Formio.js\");\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst AddressProvider_1 = __webpack_require__(/*! ./AddressProvider */ \"./lib/cjs/providers/address/AddressProvider.js\");\nconst GOOGLE_MAPS_BASE_URL = 'https://maps.googleapis.com';\nconst GOOGLE_MAPS_JS_URL = `${GOOGLE_MAPS_BASE_URL}/maps/api/js`;\nconst GOOGLE_MAPS_JS_WITH_PARAMS_URL = `${GOOGLE_MAPS_JS_URL}?v=quarterly&libraries=places&loading=async&callback=googleMapsCallback`;\n/**\n * @typedef {object} AutocompleteOptions\n * @property {string[]} fields - The fields to include in the autocomplete response.\n * @property {object} componentRestrictions - The component restrictions for the autocomplete response.\n * @property {string[]} componentRestrictions.country - The country codes to restrict the autocomplete response to.\n */\n/**\n * @typedef {object} ProviderOptions\n * @property {string} region - The region to restrict the autocomplete response to.\n * @property {string} key - The API key for Google Maps.\n * @property {AutocompleteOptions} autocompleteOptions - The options for the autocomplete functionality.\n */\n/**\n * @typedef {object} Place\n * @property {object} address_components - The address components of the place.\n * @property {string} formatted_address - The formatted address of the place.\n * @property {object} geometry - The geometry information of the place.\n * @property {string} place_id - The place ID of the place.\n * @property {object} plus_code - The plus code of the place.\n * @property {string[]} types - The types of the place.\n * @property {string} formattedPlace - The formatted place value.\n */\n/**\n * @class GoogleAddressProvider\n * @augments AddressProvider\n */\nclass GoogleAddressProvider extends AddressProvider_1.AddressProvider {\n    /**\n     * @returns {string} The name of the provider.\n     */\n    static get name() {\n        return 'google';\n    }\n    /**\n     * @returns {string} The display name of the provider.\n     */\n    static get displayName() {\n        return 'Google Maps';\n    }\n    /**\n     \n     * @param {ProviderOptions} options - The options for the provider.\n     */\n    constructor(options = {}) {\n        var _a;\n        super(options);\n        this.setAutocompleteOptions();\n        let src = GOOGLE_MAPS_JS_WITH_PARAMS_URL;\n        if ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) {\n            src += `&key=${options.params.key}`;\n        }\n        this.tryRemoveLibrary(options);\n        Formio_1.Formio.requireLibrary(this.getLibraryName(), 'google.maps.places', src);\n    }\n    /**\n     * get display value property\n     * @returns {string} The property to use for display value.\n     */\n    get displayValueProperty() {\n        return 'formattedPlace';\n    }\n    /**\n     * @returns {string} The alternative property to use for display value.\n     */\n    get alternativeDisplayValueProperty() {\n        return 'formatted_address';\n    }\n    /**\n     * @param {AutocompleteOptions} options - The autocomplete options.\n     */\n    set autocompleteOptions(options) {\n        this._autocompleteOptions = options;\n    }\n    /**\n     * @returns {AutocompleteOptions} The autocomplete options.\n     */\n    get autocompleteOptions() {\n        return this._autocompleteOptions;\n    }\n    /**\n     * Sets the autocomplete options based on the provider options.\n     \n     */\n    setAutocompleteOptions() {\n        let options = lodash_1.default.get(this.options, 'params.autocompleteOptions', {});\n        if (!lodash_1.default.isObject(options)) {\n            options = {};\n        }\n        this.addRequiredProviderOptions(options);\n        this.autocompleteOptions = options;\n    }\n    /**\n     \n     * Converts the region to autocomplete option if it exists.\n     * @param {ProviderOptions} options - The provider options.\n     */\n    beforeMergeOptions(options) {\n        // providing support of old Google Provider option\n        this.convertRegionToAutocompleteOption(options);\n    }\n    /**\n     * @returns {string} The name of the library.\n     */\n    getLibraryName() {\n        return 'googleMaps';\n    }\n    /**\n     * Converts the region to autocomplete option.\n     * @param {ProviderOptions} options - The provider options.\n     */\n    convertRegionToAutocompleteOption(options) {\n        const providerOptions = options;\n        let region = lodash_1.default.get(providerOptions, 'params.region', '');\n        if (region && !lodash_1.default.has(options, 'params.autocompleteOptions')) {\n            region = region.toUpperCase().trim();\n            // providing compatibility with ISO 3166-1 Alpha-2 county codes (for checking compatibility https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)\n            const countryCodes = { 'UK': 'GB' };\n            if (countryCodes[region]) {\n                region = countryCodes[region];\n            }\n            lodash_1.default.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [region]);\n        }\n    }\n    /**\n     * @returns {string[]} The required address properties.\n     */\n    getRequiredAddressProperties() {\n        return ['address_components', 'formatted_address', 'geometry', 'place_id', 'plus_code', 'types'];\n    }\n    /**\n     * Adds the required provider options to the options.\n     * @param {AutocompleteOptions} options - The autocomplete options.\n     */\n    addRequiredProviderOptions(options) {\n        const addressProperties = this.getRequiredAddressProperties();\n        if (lodash_1.default.isArray(options.fields) && options.fields.length > 0) {\n            options.fields.forEach(optionalField => {\n                if (!addressProperties.some(addressProp => optionalField === addressProp)) {\n                    addressProperties.push(optionalField);\n                }\n            });\n        }\n        options.fields = addressProperties;\n    }\n    filterPlace(place) {\n        place = place || {};\n        const filteredPlace = {};\n        if (this.autocompleteOptions) {\n            this.autocompleteOptions.fields.forEach(field => {\n                if (place[field]) {\n                    filteredPlace[field] = place[field];\n                }\n            });\n        }\n        return filteredPlace;\n    }\n    attachAutocomplete(elem, index, onSelectAddress) {\n        Formio_1.Formio.libraryReady(this.getLibraryName()).then(() => {\n            const autocomplete = new google.maps.places.Autocomplete(elem, this.autocompleteOptions);\n            autocomplete.addListener('place_changed', () => {\n                const place = this.filterPlace(autocomplete.getPlace());\n                place.formattedPlace = lodash_1.default.get(autocomplete, 'gm_accessors_.place.se.formattedPrediction', place[this.alternativeDisplayValueProperty]);\n                onSelectAddress(place, elem, index);\n            });\n        });\n    }\n    search() {\n        return Promise.resolve();\n    }\n    makeRequest() {\n        return Promise.resolve();\n    }\n    getDisplayValue(address) {\n        const displayedProperty = lodash_1.default.has(address, this.displayValueProperty)\n            ? this.displayValueProperty\n            : this.alternativeDisplayValueProperty;\n        return lodash_1.default.get(address, displayedProperty, '');\n    }\n    /**\n     * Tries to remove the library if api key for loaded script is different.\n     * @param {ProviderOptions} options - The options for the provider.\n     */\n    tryRemoveLibrary(options = {}) {\n        var _a, _b, _c;\n        if (!Formio_1.Formio.libraries[this.getLibraryName()]) {\n            return;\n        }\n        const existingScript = document.querySelector(`script[src^=\"${GOOGLE_MAPS_JS_URL}\"]`);\n        if (existingScript && ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) && !existingScript.attributes.src.value.endsWith(options.params.key)) {\n            const googleMapsScripts = (_b = document.querySelectorAll(`script[src^=\"${GOOGLE_MAPS_BASE_URL}\"]`)) !== null && _b !== void 0 ? _b : [];\n            googleMapsScripts.forEach(script => script.parentNode.removeChild(script));\n            delete Formio_1.Formio.libraries[this.getLibraryName()];\n            (_c = __webpack_require__.g === null || __webpack_require__.g === void 0 ? void 0 : __webpack_require__.g.google) === null || _c === void 0 ? true : delete _c.maps;\n            delete __webpack_require__.g[`${this.getLibraryName()}Callback`];\n        }\n    }\n}\nexports.GoogleAddressProvider = GoogleAddressProvider;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/address/GoogleAddressProvider.js?");
 
 /***/ }),
 
@@ -6096,7 +6096,7 @@ eval("\n/* global jQuery */\nvar __createBinding = (this && this.__createBinding
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Formio_1 = __webpack_require__(/*! ../Formio */ \"./lib/cjs/Formio.js\");\nconst InputWidget_1 = __importDefault(__webpack_require__(/*! ./InputWidget */ \"./lib/cjs/widgets/InputWidget.js\"));\nconst utils_1 = __webpack_require__(/*! ../utils/utils */ \"./lib/cjs/utils/utils.js\");\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst DEFAULT_FORMAT = 'yyyy-MM-dd hh:mm a';\nconst ISO_8601_FORMAT = 'yyyy-MM-ddTHH:mm:ssZ';\nconst isIEBrowser = (0, utils_1.getBrowserInfo)().ie;\nclass CalendarWidget extends InputWidget_1.default {\n    /* eslint-disable camelcase */\n    static get defaultSettings() {\n        return {\n            type: 'calendar',\n            altInput: true,\n            allowInput: true,\n            clickOpens: true,\n            enableDate: true,\n            enableTime: true,\n            mode: 'single',\n            noCalendar: false,\n            format: DEFAULT_FORMAT,\n            dateFormat: ISO_8601_FORMAT,\n            useLocaleSettings: false,\n            language: 'us-en',\n            hourIncrement: 1,\n            minuteIncrement: 5,\n            time_24hr: false,\n            saveAs: 'date',\n            displayInTimezone: '',\n            timezone: '',\n            disable: [],\n            minDate: '',\n            maxDate: ''\n        };\n    }\n    /* eslint-enable camelcase */\n    constructor(settings, component, instance, index) {\n        super(settings, component, instance, index);\n        // Change the format to map to the settings.\n        if (this.settings.noCalendar) {\n            this.settings.format = this.settings.format.replace(/yyyy-MM-dd /g, '');\n        }\n        if (!this.settings.enableTime) {\n            this.settings.format = this.settings.format.replace(/ hh:mm a$/g, '');\n        }\n        else if (this.settings.time_24hr) {\n            this.settings.format = this.settings.format.replace(/hh:mm a$/g, 'HH:mm');\n        }\n        this.zoneLoading = false;\n        this.timezonesUrl = `${Formio_1.Formio.cdn['moment-timezone']}/data/packed/latest.json`;\n    }\n    /**\n     * Load the timezones.\n     * @returns {boolean} TRUE if the zones are loading, FALSE otherwise.\n     */\n    loadZones() {\n        const timezone = this.timezone;\n        if (this.zoneLoading) {\n            return true;\n        }\n        if (!(0, utils_1.zonesLoaded)() && (0, utils_1.shouldLoadZones)(timezone)) {\n            this.zoneLoading = true;\n            (0, utils_1.loadZones)(this.timezonesUrl, timezone).then(() => {\n                this.zoneLoading = false;\n                this.emit('redraw');\n            });\n            // Return zones are loading.\n            return true;\n        }\n        // Zones are already loaded.\n        return false;\n    }\n    attach(input) {\n        var _a;\n        const superAttach = super.attach(input);\n        const dateFormatInfo = (0, utils_1.getLocaleDateFormatInfo)(this.settings.language);\n        this.defaultFormat = {\n            date: dateFormatInfo.dayFirst ? 'd/m/Y ' : 'm/d/Y ',\n            time: 'G:i K'\n        };\n        this.closedOn = 0;\n        this.valueFormat = (this.settings.saveAs === 'date') ? ISO_8601_FORMAT : this.settings.dateFormat || ISO_8601_FORMAT;\n        this.valueMomentFormat = (0, utils_1.convertFormatToMoment)(this.valueFormat);\n        const isReadOnly = this.settings.readOnly;\n        this.settings.minDate = isReadOnly ? null : (0, utils_1.getDateSetting)(this.settings.minDate);\n        this.settings.maxDate = isReadOnly ? null : (0, utils_1.getDateSetting)(this.settings.maxDate);\n        this.settings.disable = this.disabledDates;\n        this.settings.disableWeekends ? this.settings.disable.push(this.disableWeekends) : '';\n        this.settings.disableWeekdays ? this.settings.disable.push(this.disableWeekdays) : '';\n        this.settings.disableFunction ? this.settings.disable.push(this.disableFunction) : '';\n        this.settings.wasDefaultValueChanged = false;\n        this.settings.defaultValue = '';\n        this.settings.manualInputValue = '';\n        this.settings.isManuallyOverriddenValue = false;\n        this.settings.currentValue = '';\n        this.settings.altFormat = (0, utils_1.convertFormatToFlatpickr)(this.settings.format);\n        this.settings.dateFormat = (0, utils_1.convertFormatToFlatpickr)(this.settings.dateFormat);\n        this.settings.position = 'auto center';\n        this.settings.onChange = () => {\n            if (this.settings.allowInput && this.settings.enableTime) {\n                this.calendar._input.value = this.settings.isManuallyOverriddenValue ? this.settings.manualInputValue : this.calendar.altInput.value;\n            }\n            this.emit('update');\n        };\n        this.settings.onOpen = () => this.hook('onCalendarOpen');\n        this.settings.onClose = () => {\n            this.hook('onCalendarClose');\n            this.closedOn = Date.now();\n            if (this.settings.allowInput && this.settings.enableTime) {\n                this.calendar._input.value = this.settings.isManuallyOverriddenValue ? this.settings.manualInputValue : this.calendar.altInput.value;\n                this.emit('update');\n            }\n            if (this.settings.wasDefaultValueChanged) {\n                this.calendar._input.value = this.settings.defaultValue;\n                this.settings.wasDefaultValueChanged = false;\n            }\n            if (this.calendar) {\n                this.emit('blur');\n            }\n        };\n        Formio_1.Formio.requireLibrary('flatpickr-css', 'flatpickr', [\n            { type: 'styles', src: `${Formio_1.Formio.cdn['flatpickr']}/flatpickr.min.css` }\n        ], true);\n        if (this.component.shortcutButtons) {\n            this.component.shortcutButtons = this.component.shortcutButtons.filter((btn) => btn.label && btn.onClick);\n        }\n        if ((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) {\n            Formio_1.Formio.requireLibrary('shortcut-buttons-flatpickr-css', 'ShortcutButtonsPlugin', [\n                { type: 'styles', src: `${Formio_1.Formio.cdn['shortcut-buttons-flatpickr']}/themes/light.min.css` }\n            ], true);\n        }\n        return superAttach\n            .then(() => {\n            var _a;\n            if ((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) {\n                return Formio_1.Formio.requireLibrary('shortcut-buttons-flatpickr', 'ShortcutButtonsPlugin', `${Formio_1.Formio.cdn['shortcut-buttons-flatpickr']}/shortcut-buttons-flatpickr.min.js`, true);\n            }\n        })\n            .then((ShortcutButtonsPlugin) => {\n            return Formio_1.Formio.requireLibrary('flatpickr', 'flatpickr', `${Formio_1.Formio.cdn['flatpickr']}/flatpickr.min.js`, true)\n                .then((Flatpickr) => {\n                var _a;\n                if (((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) && ShortcutButtonsPlugin) {\n                    this.initShortcutButtonsPlugin(ShortcutButtonsPlugin);\n                }\n                this.settings.formatDate = this.getFlatpickrFormatDate(Flatpickr);\n                if (this._input) {\n                    const { locale } = this.settings;\n                    if (locale && locale.length >= 2 && locale !== 'en') {\n                        return Formio_1.Formio.requireLibrary(`flatpickr-${locale}`, `flatpickr.l10ns.${locale}`, `${Formio_1.Formio.cdn['flatpickr']}/l10n/${locale}.js`, true).then(() => this.initFlatpickr(Flatpickr));\n                    }\n                    else {\n                        this.initFlatpickr(Flatpickr);\n                    }\n                }\n            });\n        })\n            .catch((err) => {\n            console.warn(err);\n        });\n    }\n    get disableWeekends() {\n        return function (date) {\n            return (date.getDay() === 0 || date.getDay() === 6);\n        };\n    }\n    get disableWeekdays() {\n        return (date) => !this.disableWeekends(date);\n    }\n    get disableFunction() {\n        return (date) => this.evaluate(`return ${this.settings.disableFunction}`, {\n            date\n        });\n    }\n    get timezone() {\n        return this.componentInstance.getTimezone(this.settings);\n    }\n    get defaultSettings() {\n        return CalendarWidget.defaultSettings;\n    }\n    addSuffix(suffix) {\n        this.addEventListener(suffix, 'click', () => {\n            setTimeout(() => {\n                if (this.calendar) {\n                    if (!this.calendar.isOpen && ((Date.now() - this.closedOn) > 200)) {\n                        this.calendar.open();\n                    }\n                    else if (this.calendar.isOpen) {\n                        this.calendar.close();\n                    }\n                }\n            }, 0);\n        });\n        return suffix;\n    }\n    set disabled(disabled) {\n        super.disabled = disabled;\n        if (this.calendar) {\n            if (disabled) {\n                this.calendar._input.setAttribute('disabled', 'disabled');\n            }\n            else {\n                this.calendar._input.removeAttribute('disabled');\n            }\n            this.calendar.close();\n            this.calendar.redraw();\n        }\n    }\n    get input() {\n        return this.calendar ? this.calendar.altInput : null;\n    }\n    get disabledDates() {\n        if (this.settings.disabledDates) {\n            const disabledDates = this.settings.disabledDates.split(',');\n            return disabledDates.map((item) => {\n                const dateMask = /\\d{4}-\\d{2}-\\d{2}/g;\n                const dates = item.match(dateMask);\n                if (dates && dates.length) {\n                    return dates.length === 1 ? item.match(dateMask)[0] : {\n                        from: item.match(dateMask)[0],\n                        to: item.match(dateMask)[1],\n                    };\n                }\n            });\n        }\n        return [];\n    }\n    get localeFormat() {\n        let format = '';\n        if (this.settings.enableDate) {\n            format += this.defaultFormat.date;\n        }\n        if (this.settings.enableTime) {\n            format += this.defaultFormat.time;\n        }\n        return format;\n    }\n    get dateTimeFormat() {\n        return this.settings.useLocaleSettings ? this.localeFormat : (0, utils_1.convertFormatToFlatpickr)(this.dateFormat);\n    }\n    get dateFormat() {\n        return lodash_1.default.get(this.settings, 'format', DEFAULT_FORMAT);\n    }\n    /**\n     * Return the date value as a string.\n     * @param {string|Date} date - The date object or a date string that is momentjs compatible.\n     * @param {string} format - The DateParser code format.\n     * @param {boolean} [useTimezone] - If the timezone should be used.\n     * @returns {string} - Returns the formatted date string.\n     */\n    getDateValue(date, format, useTimezone) {\n        if (useTimezone) {\n            return (0, utils_1.momentDate)(date, this.valueFormat, this.timezone).format((0, utils_1.convertFormatToMoment)(format));\n        }\n        return (0, moment_1.default)(date).format((0, utils_1.convertFormatToMoment)(format));\n    }\n    /**\n     * Return the value of the selected date.\n     * @returns {*} - The value of the selected date.\n     */\n    getValue() {\n        // Standard output format.\n        if (!this.calendar) {\n            return super.getValue();\n        }\n        // Get the selected dates from the calendar widget.\n        const dates = this.calendar.selectedDates;\n        if (!dates || !dates.length) {\n            return super.getValue();\n        }\n        if (!(dates[0] instanceof Date)) {\n            return 'Invalid Date';\n        }\n        return this.getDateValue(dates[0], this.valueFormat, (this.settings.saveAs === 'date'));\n    }\n    isValueISO8601(value) {\n        return value && (typeof value === 'string') && value.match(/-[0-9]{2}T[0-9]{2}:/);\n    }\n    /**\n     * Set the selected date value.\n     * @param {*} value - The value to set.\n     * @returns {void}\n     */\n    setValue(value) {\n        const saveAsText = (this.settings.saveAs === 'text');\n        if (!this.calendar) {\n            value = value ? (0, utils_1.formatDate)(this.timezonesUrl, value, (0, utils_1.convertFormatToMoment)(this.settings.format), this.timezone, (0, utils_1.convertFormatToMoment)(this.valueMomentFormat)) : value;\n            return super.setValue(value);\n        }\n        const zonesLoading = this.loadZones();\n        if (value) {\n            if (!saveAsText && this.settings.readOnly && !zonesLoading) {\n                this.calendar.setDate((0, utils_1.momentDate)(value, this.valueFormat, this.timezone).format(), false);\n            }\n            else if (this.isValueISO8601(value)) {\n                this.calendar.setDate(value, false);\n            }\n            else {\n                this.calendar.setDate((0, moment_1.default)(value, this.valueMomentFormat).toDate(), false);\n            }\n        }\n        else {\n            this.calendar.clear(false);\n        }\n    }\n    getValueAsString(value, format) {\n        const inputFormat = format || this.dateFormat;\n        const valueFormat = this.calendar ? this.valueFormat : this.settings.dateFormat;\n        if (this.settings.saveAs === 'text' && this.componentInstance.parent && !this.settings.readOnly) {\n            return (0, moment_1.default)(value, (0, utils_1.convertFormatToMoment)(valueFormat)).format((0, utils_1.convertFormatToMoment)(valueFormat));\n        }\n        return (0, utils_1.formatDate)(this.timezonesUrl, value, inputFormat, this.timezone, (0, utils_1.convertFormatToMoment)(valueFormat));\n    }\n    setErrorClasses(hasErrors) {\n        if (!this.input) {\n            return;\n        }\n        if (hasErrors) {\n            this.addClass(this.input, 'is-invalid');\n            this.input.setAttribute('aria-invalid', 'true');\n        }\n        else {\n            this.removeClass(this.input, 'is-invalid');\n            this.input.setAttribute('aria-invalid', 'false');\n        }\n    }\n    get validationValue() {\n        const value = this.dataValue;\n        if (typeof value === 'string') {\n            return new Date(value);\n        }\n        return value.map(val => new Date(val));\n    }\n    isCalendarElement(element) {\n        var _a, _b, _c, _d, _e;\n        if (!element) {\n            return true;\n        }\n        if ((_c = (_b = (_a = this.calendar) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.appendTo) === null || _c === void 0 ? void 0 : _c.contains(element)) {\n            return true;\n        }\n        return (_e = (_d = this.calendar) === null || _d === void 0 ? void 0 : _d.calendarContainer) === null || _e === void 0 ? void 0 : _e.contains(element);\n    }\n    initFlatpickr(Flatpickr) {\n        // Create a new flatpickr.\n        this.calendar = new Flatpickr(this._input, Object.assign(Object.assign({}, this.settings), { disableMobile: true }));\n        this.addEventListener(this.calendar.altInput, 'input', (event) => {\n            if (this.settings.allowInput && this.settings.currentValue !== event.target.value) {\n                if (event.target.mask) {\n                    event.target.mask.textMaskInputElement.update();\n                }\n                this.settings.manualInputValue = event.target.value;\n                this._input.value = this.settings.manualInputValue;\n                this.settings.isManuallyOverriddenValue = true;\n                this.settings.currentValue = event.target.value;\n                this.emit('update');\n            }\n            if (event.target.value === '' && this.calendar.selectedDates.length > 0) {\n                this.settings.wasDefaultValueChanged = true;\n                this.settings.defaultValue = event.target.value;\n                this.calendar.clear();\n            }\n            else {\n                this.settings.wasDefaultValueChanged = false;\n            }\n        });\n        if (this.calendar.daysContainer) {\n            this.calendar.daysContainer.addEventListener('click', () => {\n                this.settings.isManuallyOverriddenValue = false;\n                this.calendar.updateValue(false);\n            });\n        }\n        if (this.calendar.timeContainer) {\n            this.calendar.timeContainer.addEventListener('click', () => {\n                this.settings.isManuallyOverriddenValue = false;\n                this.calendar.updateValue(false);\n            });\n        }\n        const excludedFromMaskFormats = ['MMMM'];\n        if (!this.settings.readOnly && !lodash_1.default.some(excludedFromMaskFormats, format => lodash_1.default.includes(this.settings.format, format))) {\n            // Enforce the input mask of the format.\n            this.setInputMask(this.calendar._input, (0, utils_1.convertFormatToMask)(this.settings.format));\n        }\n        // Fixes an issue with IE11 where value is set only after the second click\n        // TODO: Remove when the issue is solved in the flatpickr library\n        if (isIEBrowser) {\n            // Remove the original blur listener, because value will be set to empty since relatedTarget is null in IE11\n            const originalBlurListener = this.calendar._handlers.find(({ event, element }) => event === 'blur' && element === this.calendar._input);\n            this.calendar._input.removeEventListener('blur', originalBlurListener.handler);\n            // Add the same event listener as in the original library, but with workaround for IE11 issue\n            this.addEventListener(this.calendar._input, 'blur', (event) => {\n                const activeElement = this.settings.shadowRoot ? this.settings.shadowRoot.activeElement : document.activeElement;\n                const relatedTarget = event.relatedTarget ? event.relatedTarget : activeElement;\n                const isInput = event.target === this.calendar._input;\n                if (isInput && !this.isCalendarElement(relatedTarget)) {\n                    this.calendar.setDate(this.calendar._input.value, true, event.target === this.calendar.altInput\n                        ? this.calendar.config.altFormat\n                        : this.calendar.config.dateFormat);\n                }\n            });\n        }\n        // Make sure we commit the value after a blur event occurs.\n        this.addEventListener(this.calendar._input, 'blur', (event) => {\n            var _a, _b, _c, _d;\n            // If we have manually overridden the value then we shouldn't call setDate because this will fill the input mask\n            if (this.settings.isManuallyOverriddenValue) {\n                return;\n            }\n            const activeElement = this.settings.shadowRoot ? this.settings.shadowRoot.activeElement : document.activeElement;\n            const relatedTarget = event.relatedTarget ? event.relatedTarget : activeElement;\n            if (!(isIEBrowser && !relatedTarget) && !this.isCalendarElement(relatedTarget)) {\n                const inputValue = this.calendar.input.value;\n                const dateValue = inputValue ? (0, moment_1.default)(this.calendar.input.value, (0, utils_1.convertFormatToMoment)(this.valueFormat)).toDate() : inputValue;\n                this.calendar.setDate(dateValue, true, this.settings.altFormat);\n            }\n            else if (!this.calendar.input.value && this.calendar.config.noCalendar) {\n                const value = (0, moment_1.default)({ hour: (_b = (_a = this.calendar) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.defaultHour, minute: (_d = (_c = this.calendar) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.defaultMinute }).toDate();\n                this.calendar.setDate(value, true, this.settings.format);\n            }\n        });\n        // FJS-1103: When hit the enter button, the field not saving the year correctly\n        this.addEventListener(this.calendar.altInput, 'keydown', (event) => {\n            if (event.keyCode === 13) {\n                if (this.calendar.isOpen) {\n                    this.calendar.close();\n                    event.stopPropagation();\n                }\n            }\n        });\n        // If other fields are used to calculate disabled dates, we need to redraw calendar to refresh disabled dates\n        if (this.settings.disableFunction && this.componentInstance && this.componentInstance.root) {\n            this.componentInstance.root.on('change', (e) => {\n                if (e.changed && this.calendar) {\n                    this.calendar.redraw();\n                }\n            });\n        }\n        // Restore the calendar value from the component value.\n        this.setValue(this.componentValue);\n    }\n    initShortcutButtonsPlugin(ShortcutButtonsPlugin) {\n        this.settings.plugins = [\n            // eslint-disable-next-line new-cap\n            ShortcutButtonsPlugin({\n                button: this.component.shortcutButtons.map((btn) => ({ label: btn.label, attributes: btn.attribute })),\n                onClick: (index) => {\n                    const getValue = this.component.shortcutButtons[index].onClick;\n                    const date = this.evaluate(getValue, { date: new Date() }, 'date');\n                    this.calendar.setDate(date, true);\n                }\n            })\n        ];\n    }\n    get componentValue() {\n        let compValue = this.componentInstance.dataValue;\n        if (Array.isArray(compValue)) {\n            compValue = compValue[this.valueIndex];\n        }\n        return compValue;\n    }\n    getFlatpickrFormatDate(Flatpickr) {\n        return (date, format) => {\n            // Only format this if this is the altFormat and the form is readOnly.\n            if (this.settings.readOnly && (format === this.settings.altFormat)) {\n                if (!this.settings.enableTime || this.loadZones()) {\n                    return Flatpickr.formatDate(date, format);\n                }\n                const currentValue = new Date(this.getValue());\n                if (currentValue.toString() === date.toString()) {\n                    return (0, utils_1.formatOffset)(this.timezonesUrl, Flatpickr.formatDate.bind(Flatpickr), new Date(this.componentValue), format, this.timezone);\n                }\n                return (0, utils_1.formatOffset)(this.timezonesUrl, Flatpickr.formatDate.bind(Flatpickr), date, format, this.timezone);\n            }\n            return Flatpickr.formatDate(date, format);\n        };\n    }\n    destroy(all = false) {\n        if (this.calendar) {\n            this.calendar.destroy();\n        }\n        super.destroy(all);\n    }\n}\nexports[\"default\"] = CalendarWidget;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/widgets/CalendarWidget.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Formio_1 = __webpack_require__(/*! ../Formio */ \"./lib/cjs/Formio.js\");\nconst InputWidget_1 = __importDefault(__webpack_require__(/*! ./InputWidget */ \"./lib/cjs/widgets/InputWidget.js\"));\nconst utils_1 = __webpack_require__(/*! ../utils/utils */ \"./lib/cjs/utils/utils.js\");\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst DEFAULT_FORMAT = 'yyyy-MM-dd hh:mm a';\nconst ISO_8601_FORMAT = 'yyyy-MM-ddTHH:mm:ssZ';\nconst isIEBrowser = (0, utils_1.getBrowserInfo)().ie;\nclass CalendarWidget extends InputWidget_1.default {\n    /* eslint-disable camelcase */\n    static get defaultSettings() {\n        return {\n            type: 'calendar',\n            altInput: true,\n            allowInput: true,\n            clickOpens: true,\n            enableDate: true,\n            enableTime: true,\n            mode: 'single',\n            noCalendar: false,\n            format: DEFAULT_FORMAT,\n            dateFormat: ISO_8601_FORMAT,\n            useLocaleSettings: false,\n            language: 'us-en',\n            hourIncrement: 1,\n            minuteIncrement: 5,\n            time_24hr: false,\n            saveAs: 'date',\n            displayInTimezone: '',\n            timezone: '',\n            disable: [],\n            minDate: '',\n            maxDate: ''\n        };\n    }\n    /* eslint-enable camelcase */\n    constructor(settings, component, instance, index) {\n        super(settings, component, instance, index);\n        // Change the format to map to the settings.\n        if (this.settings.noCalendar) {\n            this.settings.format = this.settings.format.replace(/yyyy-MM-dd /g, '');\n        }\n        if (!this.settings.enableTime) {\n            this.settings.format = this.settings.format.replace(/ hh:mm a$/g, '');\n        }\n        else if (this.settings.time_24hr) {\n            this.settings.format = this.settings.format.replace(/hh:mm a$/g, 'HH:mm');\n        }\n        this.zoneLoading = false;\n        this.timezonesUrl = `${Formio_1.Formio.cdn['moment-timezone']}/data/packed/latest.json`;\n    }\n    /**\n     * Load the timezones.\n     * @returns {boolean} TRUE if the zones are loading, FALSE otherwise.\n     */\n    loadZones() {\n        const timezone = this.timezone;\n        if (this.zoneLoading) {\n            return true;\n        }\n        if (!(0, utils_1.zonesLoaded)() && (0, utils_1.shouldLoadZones)(timezone)) {\n            this.zoneLoading = true;\n            (0, utils_1.loadZones)(this.timezonesUrl, timezone).then(() => {\n                this.zoneLoading = false;\n                this.emit('redraw');\n            });\n            // Return zones are loading.\n            return true;\n        }\n        // Zones are already loaded.\n        return false;\n    }\n    attach(input) {\n        var _a;\n        const superAttach = super.attach(input);\n        const dateFormatInfo = (0, utils_1.getLocaleDateFormatInfo)(this.settings.language);\n        this.defaultFormat = {\n            date: dateFormatInfo.dayFirst ? 'd/m/Y ' : 'm/d/Y ',\n            time: 'G:i K'\n        };\n        this.closedOn = 0;\n        this.valueFormat = (this.settings.saveAs === 'date') ? ISO_8601_FORMAT : this.settings.dateFormat || ISO_8601_FORMAT;\n        this.valueMomentFormat = (0, utils_1.convertFormatToMoment)(this.valueFormat);\n        const isReadOnly = this.settings.readOnly;\n        this.settings.minDate = isReadOnly ? null : (0, utils_1.getDateSetting)(this.settings.minDate);\n        this.settings.maxDate = isReadOnly ? null : (0, utils_1.getDateSetting)(this.settings.maxDate);\n        this.settings.disable = this.disabledDates;\n        this.settings.disableWeekends ? this.settings.disable.push(this.disableWeekends) : '';\n        this.settings.disableWeekdays ? this.settings.disable.push(this.disableWeekdays) : '';\n        this.settings.disableFunction ? this.settings.disable.push(this.disableFunction) : '';\n        this.settings.manualInputValue = '';\n        this.settings.isManuallyOverriddenValue = false;\n        this.settings.currentValue = '';\n        this.settings.altFormat = (0, utils_1.convertFormatToFlatpickr)(this.settings.format);\n        this.settings.dateFormat = (0, utils_1.convertFormatToFlatpickr)(this.settings.dateFormat);\n        this.settings.position = 'auto center';\n        this.settings.onChange = () => {\n            if (this.settings.allowInput && this.settings.enableTime) {\n                this.calendar._input.value = this.settings.isManuallyOverriddenValue ? this.settings.manualInputValue : this.calendar.altInput.value;\n            }\n            this.emit('update');\n        };\n        this.settings.onOpen = () => this.hook('onCalendarOpen');\n        this.settings.onClose = () => {\n            this.hook('onCalendarClose');\n            this.closedOn = Date.now();\n            if (this.settings.allowInput && this.settings.enableTime) {\n                this.calendar._input.value = this.settings.isManuallyOverriddenValue ? this.settings.manualInputValue : this.calendar.altInput.value;\n                this.emit('update');\n            }\n            if (this.calendar) {\n                this.emit('blur');\n            }\n        };\n        Formio_1.Formio.requireLibrary('flatpickr-css', 'flatpickr', [\n            { type: 'styles', src: `${Formio_1.Formio.cdn['flatpickr']}/flatpickr.min.css` }\n        ], true);\n        if (this.component.shortcutButtons) {\n            this.component.shortcutButtons = this.component.shortcutButtons.filter((btn) => btn.label && btn.onClick);\n        }\n        if ((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) {\n            Formio_1.Formio.requireLibrary('shortcut-buttons-flatpickr-css', 'ShortcutButtonsPlugin', [\n                { type: 'styles', src: `${Formio_1.Formio.cdn['shortcut-buttons-flatpickr']}/themes/light.min.css` }\n            ], true);\n        }\n        return superAttach\n            .then(() => {\n            var _a;\n            if ((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) {\n                return Formio_1.Formio.requireLibrary('shortcut-buttons-flatpickr', 'ShortcutButtonsPlugin', `${Formio_1.Formio.cdn['shortcut-buttons-flatpickr']}/shortcut-buttons-flatpickr.min.js`, true);\n            }\n        })\n            .then((ShortcutButtonsPlugin) => {\n            return Formio_1.Formio.requireLibrary('flatpickr', 'flatpickr', `${Formio_1.Formio.cdn['flatpickr']}/flatpickr.min.js`, true)\n                .then((Flatpickr) => {\n                var _a;\n                if (((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) && ShortcutButtonsPlugin) {\n                    this.initShortcutButtonsPlugin(ShortcutButtonsPlugin);\n                }\n                this.settings.formatDate = this.getFlatpickrFormatDate(Flatpickr);\n                if (this._input) {\n                    const { locale } = this.settings;\n                    if (locale && locale.length >= 2 && locale !== 'en') {\n                        return Formio_1.Formio.requireLibrary(`flatpickr-${locale}`, `flatpickr.l10ns.${locale}`, `${Formio_1.Formio.cdn['flatpickr']}/l10n/${locale}.js`, true).then(() => this.initFlatpickr(Flatpickr));\n                    }\n                    else {\n                        this.initFlatpickr(Flatpickr);\n                    }\n                }\n            });\n        })\n            .catch((err) => {\n            console.warn(err);\n        });\n    }\n    get disableWeekends() {\n        return function (date) {\n            return (date.getDay() === 0 || date.getDay() === 6);\n        };\n    }\n    get disableWeekdays() {\n        return (date) => !this.disableWeekends(date);\n    }\n    get disableFunction() {\n        return (date) => this.evaluate(`return ${this.settings.disableFunction}`, {\n            date\n        });\n    }\n    get timezone() {\n        return this.componentInstance.getTimezone(this.settings);\n    }\n    get defaultSettings() {\n        return CalendarWidget.defaultSettings;\n    }\n    addSuffix(suffix) {\n        this.addEventListener(suffix, 'click', () => {\n            setTimeout(() => {\n                if (this.calendar) {\n                    if (!this.calendar.isOpen && ((Date.now() - this.closedOn) > 200)) {\n                        this.calendar.open();\n                    }\n                    else if (this.calendar.isOpen) {\n                        this.calendar.close();\n                    }\n                }\n            }, 0);\n        });\n        return suffix;\n    }\n    set disabled(disabled) {\n        super.disabled = disabled;\n        if (this.calendar) {\n            if (disabled) {\n                this.calendar._input.setAttribute('disabled', 'disabled');\n            }\n            else {\n                this.calendar._input.removeAttribute('disabled');\n            }\n            this.calendar.close();\n            this.calendar.redraw();\n        }\n    }\n    get input() {\n        return this.calendar ? this.calendar.altInput : null;\n    }\n    get disabledDates() {\n        if (this.settings.disabledDates) {\n            const disabledDates = this.settings.disabledDates.split(',');\n            return disabledDates.map((item) => {\n                const dateMask = /\\d{4}-\\d{2}-\\d{2}/g;\n                const dates = item.match(dateMask);\n                if (dates && dates.length) {\n                    return dates.length === 1 ? item.match(dateMask)[0] : {\n                        from: item.match(dateMask)[0],\n                        to: item.match(dateMask)[1],\n                    };\n                }\n            });\n        }\n        return [];\n    }\n    get localeFormat() {\n        let format = '';\n        if (this.settings.enableDate) {\n            format += this.defaultFormat.date;\n        }\n        if (this.settings.enableTime) {\n            format += this.defaultFormat.time;\n        }\n        return format;\n    }\n    get dateTimeFormat() {\n        return this.settings.useLocaleSettings ? this.localeFormat : (0, utils_1.convertFormatToFlatpickr)(this.dateFormat);\n    }\n    get dateFormat() {\n        return lodash_1.default.get(this.settings, 'format', DEFAULT_FORMAT);\n    }\n    /**\n     * Return the date value as a string.\n     * @param {string|Date} date - The date object or a date string that is momentjs compatible.\n     * @param {string} format - The DateParser code format.\n     * @param {boolean} [useTimezone] - If the timezone should be used.\n     * @returns {string} - Returns the formatted date string.\n     */\n    getDateValue(date, format, useTimezone) {\n        if (useTimezone) {\n            return (0, utils_1.momentDate)(date, this.valueFormat, this.timezone).format((0, utils_1.convertFormatToMoment)(format));\n        }\n        return (0, moment_1.default)(date).format((0, utils_1.convertFormatToMoment)(format));\n    }\n    /**\n     * Return the value of the selected date.\n     * @returns {*} - The value of the selected date.\n     */\n    getValue() {\n        // Standard output format.\n        if (!this.calendar) {\n            return super.getValue();\n        }\n        // Get the selected dates from the calendar widget.\n        const dates = this.calendar.selectedDates;\n        if (!dates || !dates.length) {\n            return super.getValue();\n        }\n        if (!(dates[0] instanceof Date)) {\n            return 'Invalid Date';\n        }\n        return this.getDateValue(dates[0], this.valueFormat, (this.settings.saveAs === 'date'));\n    }\n    isValueISO8601(value) {\n        return value && (typeof value === 'string') && value.match(/-[0-9]{2}T[0-9]{2}:/);\n    }\n    /**\n     * Set the selected date value.\n     * @param {*} value - The value to set.\n     * @returns {void}\n     */\n    setValue(value) {\n        const saveAsText = (this.settings.saveAs === 'text');\n        if (!this.calendar) {\n            value = value ? (0, utils_1.formatDate)(this.timezonesUrl, value, (0, utils_1.convertFormatToMoment)(this.settings.format), this.timezone, (0, utils_1.convertFormatToMoment)(this.valueMomentFormat)) : value;\n            return super.setValue(value);\n        }\n        const zonesLoading = this.loadZones();\n        if (value) {\n            if (!saveAsText && this.settings.readOnly && !zonesLoading) {\n                this.calendar.setDate((0, utils_1.momentDate)(value, this.valueFormat, this.timezone).format(), false);\n            }\n            else if (this.isValueISO8601(value)) {\n                this.calendar.setDate(value, false);\n            }\n            else {\n                this.calendar.setDate((0, moment_1.default)(value, this.valueMomentFormat).toDate(), false);\n            }\n        }\n        else {\n            this.calendar.clear(false);\n        }\n    }\n    getValueAsString(value, format) {\n        const inputFormat = format || this.dateFormat;\n        const valueFormat = this.calendar ? this.valueFormat : this.settings.dateFormat;\n        if (this.settings.saveAs === 'text' && this.componentInstance.parent && !this.settings.readOnly) {\n            return (0, moment_1.default)(value, (0, utils_1.convertFormatToMoment)(valueFormat)).format((0, utils_1.convertFormatToMoment)(valueFormat));\n        }\n        return (0, utils_1.formatDate)(this.timezonesUrl, value, inputFormat, this.timezone, (0, utils_1.convertFormatToMoment)(valueFormat));\n    }\n    setErrorClasses(hasErrors) {\n        if (!this.input) {\n            return;\n        }\n        if (hasErrors) {\n            this.addClass(this.input, 'is-invalid');\n            this.input.setAttribute('aria-invalid', 'true');\n        }\n        else {\n            this.removeClass(this.input, 'is-invalid');\n            this.input.setAttribute('aria-invalid', 'false');\n        }\n    }\n    get validationValue() {\n        const value = this.dataValue;\n        if (typeof value === 'string') {\n            return new Date(value);\n        }\n        return value.map(val => new Date(val));\n    }\n    isCalendarElement(element) {\n        var _a, _b, _c, _d, _e;\n        if (!element) {\n            return true;\n        }\n        if ((_c = (_b = (_a = this.calendar) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.appendTo) === null || _c === void 0 ? void 0 : _c.contains(element)) {\n            return true;\n        }\n        return (_e = (_d = this.calendar) === null || _d === void 0 ? void 0 : _d.calendarContainer) === null || _e === void 0 ? void 0 : _e.contains(element);\n    }\n    initFlatpickr(Flatpickr) {\n        // Create a new flatpickr.\n        this.calendar = new Flatpickr(this._input, Object.assign(Object.assign({}, this.settings), { disableMobile: true }));\n        this.addEventListener(this.calendar.altInput, 'input', (event) => {\n            if (this.settings.allowInput && this.settings.currentValue !== event.target.value) {\n                if (event.target.mask) {\n                    event.target.mask.textMaskInputElement.update();\n                }\n                this.settings.manualInputValue = event.target.value;\n                this._input.value = this.settings.manualInputValue;\n                this.settings.isManuallyOverriddenValue = true;\n                this.settings.currentValue = event.target.value;\n                this.emit('update');\n            }\n        });\n        if (this.calendar.daysContainer) {\n            this.calendar.daysContainer.addEventListener('click', () => {\n                this.settings.isManuallyOverriddenValue = false;\n                this.calendar.updateValue(false);\n            });\n        }\n        if (this.calendar.timeContainer) {\n            this.calendar.timeContainer.addEventListener('click', () => {\n                this.settings.isManuallyOverriddenValue = false;\n                this.calendar.updateValue(false);\n            });\n        }\n        const excludedFromMaskFormats = ['MMMM'];\n        if (!this.settings.readOnly && !lodash_1.default.some(excludedFromMaskFormats, format => lodash_1.default.includes(this.settings.format, format))) {\n            // Enforce the input mask of the format.\n            this.setInputMask(this.calendar._input, (0, utils_1.convertFormatToMask)(this.settings.format));\n        }\n        // Fixes an issue with IE11 where value is set only after the second click\n        // TODO: Remove when the issue is solved in the flatpickr library\n        if (isIEBrowser) {\n            // Remove the original blur listener, because value will be set to empty since relatedTarget is null in IE11\n            const originalBlurListener = this.calendar._handlers.find(({ event, element }) => event === 'blur' && element === this.calendar._input);\n            this.calendar._input.removeEventListener('blur', originalBlurListener.handler);\n            // Add the same event listener as in the original library, but with workaround for IE11 issue\n            this.addEventListener(this.calendar._input, 'blur', (event) => {\n                const activeElement = this.settings.shadowRoot ? this.settings.shadowRoot.activeElement : document.activeElement;\n                const relatedTarget = event.relatedTarget ? event.relatedTarget : activeElement;\n                const isInput = event.target === this.calendar._input;\n                if (isInput && !this.isCalendarElement(relatedTarget)) {\n                    this.calendar.setDate(this.calendar._input.value, true, event.target === this.calendar.altInput\n                        ? this.calendar.config.altFormat\n                        : this.calendar.config.dateFormat);\n                }\n            });\n        }\n        // Make sure we commit the value after a blur event occurs.\n        this.addEventListener(this.calendar._input, 'blur', (event) => {\n            var _a, _b, _c, _d;\n            // If we have manually overridden the value then we shouldn't call setDate because this will fill the input mask\n            if (this.settings.isManuallyOverriddenValue) {\n                return;\n            }\n            const activeElement = this.settings.shadowRoot ? this.settings.shadowRoot.activeElement : document.activeElement;\n            const relatedTarget = event.relatedTarget ? event.relatedTarget : activeElement;\n            if (!(isIEBrowser && !relatedTarget) && !this.isCalendarElement(relatedTarget)) {\n                const inputValue = this.calendar.input.value;\n                const dateValue = inputValue ? (0, moment_1.default)(this.calendar.input.value, (0, utils_1.convertFormatToMoment)(this.valueFormat)).toDate() : inputValue;\n                this.calendar.setDate(dateValue, true, this.settings.altFormat);\n            }\n            else if (!this.calendar.input.value && this.calendar.config.noCalendar) {\n                const value = (0, moment_1.default)({ hour: (_b = (_a = this.calendar) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.defaultHour, minute: (_d = (_c = this.calendar) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.defaultMinute }).toDate();\n                this.calendar.setDate(value, true, this.settings.format);\n            }\n        });\n        // FJS-1103: When hit the enter button, the field not saving the year correctly\n        this.addEventListener(this.calendar.altInput, 'keydown', (event) => {\n            if (event.keyCode === 13) {\n                if (this.calendar.isOpen) {\n                    this.calendar.close();\n                    event.stopPropagation();\n                }\n            }\n        });\n        // If other fields are used to calculate disabled dates, we need to redraw calendar to refresh disabled dates\n        if (this.settings.disableFunction && this.componentInstance && this.componentInstance.root) {\n            this.componentInstance.root.on('change', (e) => {\n                if (e.changed && this.calendar) {\n                    this.calendar.redraw();\n                }\n            });\n        }\n        // Restore the calendar value from the component value.\n        this.setValue(this.componentValue);\n    }\n    initShortcutButtonsPlugin(ShortcutButtonsPlugin) {\n        this.settings.plugins = [\n            // eslint-disable-next-line new-cap\n            ShortcutButtonsPlugin({\n                button: this.component.shortcutButtons.map((btn) => ({ label: btn.label, attributes: btn.attribute })),\n                onClick: (index) => {\n                    const getValue = this.component.shortcutButtons[index].onClick;\n                    const date = this.evaluate(getValue, { date: new Date() }, 'date');\n                    this.calendar.setDate(date, true);\n                }\n            })\n        ];\n    }\n    get componentValue() {\n        let compValue = this.componentInstance.dataValue;\n        if (Array.isArray(compValue)) {\n            compValue = compValue[this.valueIndex];\n        }\n        return compValue;\n    }\n    getFlatpickrFormatDate(Flatpickr) {\n        return (date, format) => {\n            // Only format this if this is the altFormat and the form is readOnly.\n            if (this.settings.readOnly && (format === this.settings.altFormat)) {\n                if (!this.settings.enableTime || this.loadZones()) {\n                    return Flatpickr.formatDate(date, format);\n                }\n                const currentValue = new Date(this.getValue());\n                if (currentValue.toString() === date.toString()) {\n                    return (0, utils_1.formatOffset)(this.timezonesUrl, Flatpickr.formatDate.bind(Flatpickr), new Date(this.componentValue), format, this.timezone);\n                }\n                return (0, utils_1.formatOffset)(this.timezonesUrl, Flatpickr.formatDate.bind(Flatpickr), date, format, this.timezone);\n            }\n            return Flatpickr.formatDate(date, format);\n        };\n    }\n    destroy(all = false) {\n        if (this.calendar) {\n            this.calendar.destroy();\n        }\n        super.destroy(all);\n    }\n}\nexports[\"default\"] = CalendarWidget;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/widgets/CalendarWidget.js?");
 
 /***/ }),