\n * let dataManager: DataManager = new DataManager([{ ID: '10' }, { ID: '2' }, { ID: '1' }, { ID: '20' }]);\n * let query: Query = new Query();\n * query.sortBy('ID', (x: string, y: string): number => { return parseInt(x, 10) - parseInt(y, 10) });\n * let promise: Promise< Object > = query.execute(dataManager);\n * promise.then((e: { result: Object }) => { });\n * \n */\n Query.prototype.execute = function (dataManager, done, fail, always) {\n dataManager = dataManager || this.dataManager;\n if (dataManager) {\n return dataManager.executeQuery(this, done, fail, always);\n }\n return DataUtil.throwError('Query - execute() : dataManager needs to be is set using \"using\" function or should be passed as argument');\n };\n /**\n * Executes query with the local datasource.\n * @param {DataManager} dataManager - Defines the DataManager.\n */\n Query.prototype.executeLocal = function (dataManager) {\n dataManager = dataManager || this.dataManager;\n if (dataManager) {\n return dataManager.executeLocal(this);\n }\n return DataUtil.throwError('Query - executeLocal() : dataManager needs to be is set using \"using\" function or should be passed as argument');\n };\n /**\n * Creates deep copy of the Query object.\n */\n Query.prototype.clone = function () {\n var cloned = new Query();\n cloned.queries = this.queries.slice(0);\n cloned.key = this.key;\n cloned.isChild = this.isChild;\n cloned.dataManager = this.dataManager;\n cloned.fromTable = this.fromTable;\n cloned.params = this.params.slice(0);\n cloned.expands = this.expands.slice(0);\n cloned.sortedColumns = this.sortedColumns.slice(0);\n cloned.groupedColumns = this.groupedColumns.slice(0);\n cloned.subQuerySelector = this.subQuerySelector;\n cloned.subQuery = this.subQuery;\n cloned.fKey = this.fKey;\n cloned.isCountRequired = this.isCountRequired;\n cloned.distincts = this.distincts.slice(0);\n cloned.lazyLoad = this.lazyLoad.slice(0);\n return cloned;\n };\n /**\n * Specifies the name of table to retrieve data in query execution.\n * @param {string} tableName - Defines the table name.\n */\n Query.prototype.from = function (tableName) {\n this.fromTable = tableName;\n return this;\n };\n /**\n * Adds additional parameter which will be sent along with the request which will be generated while DataManager execute.\n * @param {string} key - Defines the key of additional parameter.\n * @param {Function|string} value - Defines the value for the key.\n */\n Query.prototype.addParams = function (key, value) {\n if (typeof value === 'function') {\n this.params.push({ key: key, fn: value });\n }\n else {\n this.params.push({ key: key, value: value });\n }\n return this;\n };\n /**\n * @hidden\n */\n Query.prototype.distinct = function (fields) {\n if (typeof fields === 'string') {\n this.distincts = [].slice.call([fields], 0);\n }\n else {\n this.distincts = fields.slice(0);\n }\n return this;\n };\n /**\n * Expands the related table.\n * @param {string|Object[]} tables\n */\n Query.prototype.expand = function (tables) {\n if (typeof tables === 'string') {\n this.expands = [].slice.call([tables], 0);\n }\n else {\n this.expands = tables.slice(0);\n }\n return this;\n };\n /**\n * Filter data with given filter criteria.\n * @param {string|Predicate} fieldName - Defines the column field or Predicate.\n * @param {string} operator - Defines the operator how to filter data.\n * @param {string|number|boolean} value - Defines the values to match with data.\n * @param {boolean} ignoreCase - If ignore case set to false, then filter data with exact match or else\n * filter data with case insensitive.\n */\n Query.prototype.where = function (fieldName, operator, value, ignoreCase, ignoreAccent) {\n operator = operator ? (operator).toLowerCase() : null;\n var predicate = null;\n if (typeof fieldName === 'string') {\n predicate = new Predicate(fieldName, operator, value, ignoreCase, ignoreAccent);\n }\n else if (fieldName instanceof Predicate) {\n predicate = fieldName;\n }\n this.queries.push({\n fn: 'onWhere',\n e: predicate\n });\n return this;\n };\n /**\n * Search data with given search criteria.\n * @param {string|number|boolean} searchKey - Defines the search key.\n * @param {string|string[]} fieldNames - Defines the collection of column fields.\n * @param {string} operator - Defines the operator how to search data.\n * @param {boolean} ignoreCase - If ignore case set to false, then filter data with exact match or else\n * filter data with case insensitive.\n */\n Query.prototype.search = function (searchKey, fieldNames, operator, ignoreCase, ignoreAccent) {\n if (typeof fieldNames === 'string') {\n fieldNames = [fieldNames];\n }\n if (!operator || operator === 'none') {\n operator = 'contains';\n }\n var comparer = DataUtil.fnOperators[operator];\n this.queries.push({\n fn: 'onSearch',\n e: {\n fieldNames: fieldNames,\n operator: operator,\n searchKey: searchKey,\n ignoreCase: ignoreCase,\n ignoreAccent: ignoreAccent,\n comparer: comparer\n }\n });\n return this;\n };\n /**\n * Sort the data with given sort criteria.\n * By default, sort direction is ascending.\n * @param {string|string[]} fieldName - Defines the single or collection of column fields.\n * @param {string|Function} comparer - Defines the sort direction or custom sort comparer function.\n */\n Query.prototype.sortBy = function (fieldName, comparer, isFromGroup) {\n return this.sortByForeignKey(fieldName, comparer, isFromGroup);\n };\n /**\n * Sort the data with given sort criteria.\n * By default, sort direction is ascending.\n * @param {string|string[]} fieldName - Defines the single or collection of column fields.\n * @param {string|Function} comparer - Defines the sort direction or custom sort comparer function.\n * @param {string} direction - Defines the sort direction .\n */\n Query.prototype.sortByForeignKey = function (fieldName, comparer, isFromGroup, direction) {\n var order = !isNullOrUndefined(direction) ? direction : 'ascending';\n var sorts;\n var temp;\n if (typeof fieldName === 'string' && DataUtil.endsWith(fieldName.toLowerCase(), ' desc')) {\n fieldName = fieldName.replace(/ desc$/i, '');\n comparer = 'descending';\n }\n if (!comparer || typeof comparer === 'string') {\n order = comparer ? comparer.toLowerCase() : 'ascending';\n comparer = DataUtil.fnSort(comparer);\n }\n if (isFromGroup) {\n sorts = Query.filterQueries(this.queries, 'onSortBy');\n for (var i = 0; i < sorts.length; i++) {\n temp = sorts[i].e.fieldName;\n if (typeof temp === 'string') {\n if (temp === fieldName) {\n return this;\n }\n }\n else if (temp instanceof Array) {\n for (var j = 0; j < temp.length; j++) {\n if (temp[j] === fieldName || fieldName.toLowerCase() === temp[j] + ' desc') {\n return this;\n }\n }\n }\n }\n }\n this.queries.push({\n fn: 'onSortBy',\n e: {\n fieldName: fieldName,\n comparer: comparer,\n direction: order\n }\n });\n return this;\n };\n /**\n * Sorts data in descending order.\n * @param {string} fieldName - Defines the column field.\n */\n Query.prototype.sortByDesc = function (fieldName) {\n return this.sortBy(fieldName, 'descending');\n };\n /**\n * Groups data with the given field name.\n * @param {string} fieldName - Defines the column field.\n */\n Query.prototype.group = function (fieldName, fn, format) {\n this.sortBy(fieldName, null, true);\n this.queries.push({\n fn: 'onGroup',\n e: {\n fieldName: fieldName,\n comparer: fn ? fn : null,\n format: format ? format : null\n }\n });\n return this;\n };\n /**\n * Gets data based on the given page index and size.\n * @param {number} pageIndex - Defines the current page index.\n * @param {number} pageSize - Defines the no of records per page.\n */\n Query.prototype.page = function (pageIndex, pageSize) {\n this.queries.push({\n fn: 'onPage',\n e: {\n pageIndex: pageIndex,\n pageSize: pageSize\n }\n });\n return this;\n };\n /**\n * Gets data based on the given start and end index.\n * @param {number} start - Defines the start index of the datasource.\n * @param {number} end - Defines the end index of the datasource.\n */\n Query.prototype.range = function (start, end) {\n this.queries.push({\n fn: 'onRange',\n e: {\n start: start,\n end: end\n }\n });\n return this;\n };\n /**\n * Gets data from the top of the data source based on given number of records count.\n * @param {number} nos - Defines the no of records to retrieve from datasource.\n */\n Query.prototype.take = function (nos) {\n this.queries.push({\n fn: 'onTake',\n e: {\n nos: nos\n }\n });\n return this;\n };\n /**\n * Skips data with given number of records count from the top of the data source.\n * @param {number} nos - Defines the no of records skip in the datasource.\n */\n Query.prototype.skip = function (nos) {\n this.queries.push({\n fn: 'onSkip',\n e: { nos: nos }\n });\n return this;\n };\n /**\n * Selects specified columns from the data source.\n * @param {string|string[]} fieldNames - Defines the collection of column fields.\n */\n Query.prototype.select = function (fieldNames) {\n if (typeof fieldNames === 'string') {\n fieldNames = [].slice.call([fieldNames], 0);\n }\n this.queries.push({\n fn: 'onSelect',\n e: { fieldNames: fieldNames }\n });\n return this;\n };\n /**\n * Gets the records in hierarchical relationship from two tables. It requires the foreign key to relate two tables.\n * @param {Query} query - Defines the query to relate two tables.\n * @param {Function} selectorFn - Defines the custom function to select records.\n */\n Query.prototype.hierarchy = function (query, selectorFn) {\n this.subQuerySelector = selectorFn;\n this.subQuery = query;\n return this;\n };\n /**\n * Sets the foreign key which is used to get data from the related table.\n * @param {string} key - Defines the foreign key.\n */\n Query.prototype.foreignKey = function (key) {\n this.fKey = key;\n return this;\n };\n /**\n * It is used to get total number of records in the DataManager execution result.\n */\n Query.prototype.requiresCount = function () {\n this.isCountRequired = true;\n return this;\n };\n //type - sum, avg, min, max\n /**\n * Aggregate the data with given type and field name.\n * @param {string} type - Defines the aggregate type.\n * @param {string} field - Defines the column field to aggregate.\n */\n Query.prototype.aggregate = function (type, field) {\n this.queries.push({\n fn: 'onAggregates',\n e: { field: field, type: type }\n });\n return this;\n };\n /**\n * Pass array of filterColumn query for performing filter operation.\n * @param {QueryOptions[]} queries\n * @param {string} name\n * @hidden\n */\n Query.filterQueries = function (queries, name) {\n return queries.filter(function (q) {\n return q.fn === name;\n });\n };\n /**\n * To get the list of queries which is already filtered in current data source.\n * @param {Object[]} queries\n * @param {string[]} singles\n * @hidden\n */\n Query.filterQueryLists = function (queries, singles) {\n var filtered = queries.filter(function (q) {\n return singles.indexOf(q.fn) !== -1;\n });\n var res = {};\n for (var i = 0; i < filtered.length; i++) {\n if (!res[filtered[i].fn]) {\n res[filtered[i].fn] = filtered[i].e;\n }\n }\n return res;\n };\n return Query;\n}());\nexport { Query };\n/**\n * Predicate class is used to generate complex filter criteria.\n * This will be used by DataManager to perform multiple filtering operation.\n */\nvar Predicate = /** @class */ (function () {\n /**\n * Constructor for Predicate class.\n * @param {string|Predicate} field\n * @param {string} operator\n * @param {string|number|boolean|Predicate|Predicate[]} value\n * @param {boolean=false} ignoreCase\n * @hidden\n */\n function Predicate(field, operator, value, ignoreCase, ignoreAccent) {\n if (ignoreCase === void 0) { ignoreCase = false; }\n /** @hidden */\n this.ignoreAccent = false;\n /** @hidden */\n this.isComplex = false;\n if (typeof field === 'string') {\n this.field = field;\n this.operator = operator.toLowerCase();\n this.value = value;\n this.ignoreCase = ignoreCase;\n this.ignoreAccent = ignoreAccent;\n this.isComplex = false;\n this.comparer = DataUtil.fnOperators.processOperator(this.operator);\n }\n else if (field instanceof Predicate && value instanceof Predicate || value instanceof Array) {\n this.isComplex = true;\n this.condition = operator.toLowerCase();\n this.predicates = [field];\n if (value instanceof Array) {\n [].push.apply(this.predicates, value);\n }\n else {\n this.predicates.push(value);\n }\n }\n return this;\n }\n /**\n * Adds n-number of new predicates on existing predicate with “and” condition.\n * @param {Object[]} args - Defines the collection of predicates.\n */\n Predicate.and = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n return Predicate.combinePredicates([].slice.call(args, 0), 'and');\n };\n /**\n * Adds new predicate on existing predicate with “and” condition.\n * @param {string} field - Defines the column field.\n * @param {string} operator - Defines the operator how to filter data.\n * @param {string} value - Defines the values to match with data.\n * @param {boolean} ignoreCase? - If ignore case set to false, then filter data with exact match or else\n * filter data with case insensitive.\n */\n Predicate.prototype.and = function (field, operator, value, ignoreCase, ignoreAccent) {\n return Predicate.combine(this, field, operator, value, 'and', ignoreCase, ignoreAccent);\n };\n /**\n * Adds n-number of new predicates on existing predicate with “or” condition.\n * @param {Object[]} args - Defines the collection of predicates.\n */\n Predicate.or = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n return Predicate.combinePredicates([].slice.call(args, 0), 'or');\n };\n /**\n * Adds new predicate on existing predicate with “or” condition.\n * @param {string} field - Defines the column field.\n * @param {string} operator - Defines the operator how to filter data.\n * @param {string} value - Defines the values to match with data.\n * @param {boolean} ignoreCase? - If ignore case set to false, then filter data with exact match or else\n * filter data with case insensitive.\n */\n Predicate.prototype.or = function (field, operator, value, ignoreCase, ignoreAccent) {\n return Predicate.combine(this, field, operator, value, 'or', ignoreCase, ignoreAccent);\n };\n /**\n * Converts plain JavaScript object to Predicate object.\n * @param {Predicate[]|Predicate} json - Defines single or collection of Predicate.\n */\n Predicate.fromJson = function (json) {\n if (json instanceof Array) {\n var res = [];\n for (var i = 0, len = json.length; i < len; i++) {\n res.push(this.fromJSONData(json[i]));\n }\n return res;\n }\n var pred = json;\n return this.fromJSONData(pred);\n };\n /**\n * Validate the record based on the predicates.\n * @param {Object} record - Defines the datasource record.\n */\n Predicate.prototype.validate = function (record) {\n var predicate = this.predicates ? this.predicates : [];\n var isAnd;\n var ret;\n if (!this.isComplex && this.comparer) {\n return this.comparer.call(this, DataUtil.getObject(this.field, record), this.value, this.ignoreCase, this.ignoreAccent);\n }\n isAnd = this.condition === 'and';\n for (var i = 0; i < predicate.length; i++) {\n ret = predicate[i].validate(record);\n if (isAnd) {\n if (!ret) {\n return false;\n }\n }\n else {\n if (ret) {\n return true;\n }\n }\n }\n return isAnd;\n };\n /**\n * Converts predicates to plain JavaScript.\n * This method is uses Json stringify when serializing Predicate object.\n */\n Predicate.prototype.toJson = function () {\n var predicates;\n var p;\n if (this.isComplex) {\n predicates = [];\n p = this.predicates;\n for (var i = 0; i < p.length; i++) {\n predicates.push(p[i].toJson());\n }\n }\n return {\n isComplex: this.isComplex,\n field: this.field,\n operator: this.operator,\n value: this.value,\n ignoreCase: this.ignoreCase,\n ignoreAccent: this.ignoreAccent,\n condition: this.condition,\n predicates: predicates\n };\n };\n Predicate.combinePredicates = function (predicates, operator) {\n if (predicates.length === 1) {\n if (!(predicates[0] instanceof Array)) {\n return predicates[0];\n }\n predicates = predicates[0];\n }\n return new Predicate(predicates[0], operator, predicates.slice(1));\n };\n Predicate.combine = function (pred, field, operator, value, condition, ignoreCase, ignoreAccent) {\n if (field instanceof Predicate) {\n return Predicate[condition](pred, field);\n }\n if (typeof field === 'string') {\n return Predicate[condition](pred, new Predicate(field, operator, value, ignoreCase, ignoreAccent));\n }\n return DataUtil.throwError('Predicate - ' + condition + ' : invalid arguments');\n };\n Predicate.fromJSONData = function (json) {\n var preds = json.predicates || [];\n var len = preds.length;\n var predicates = [];\n var result;\n for (var i = 0; i < len; i++) {\n predicates.push(this.fromJSONData(preds[i]));\n }\n if (!json.isComplex) {\n result = new Predicate(json.field, json.operator, json.value, json.ignoreCase, json.ignoreAccent);\n }\n else {\n result = new Predicate(predicates[0], json.condition, predicates.slice(1));\n }\n return result;\n };\n return Predicate;\n}());\nexport { Predicate };\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * @format\n * \n */\n'use strict';\n\nvar AtomicBlockUtils = require(\"./AtomicBlockUtils\");\n\nvar BlockMapBuilder = require(\"./BlockMapBuilder\");\n\nvar CharacterMetadata = require(\"./CharacterMetadata\");\n\nvar CompositeDraftDecorator = require(\"./CompositeDraftDecorator\");\n\nvar ContentBlock = require(\"./ContentBlock\");\n\nvar ContentState = require(\"./ContentState\");\n\nvar DefaultDraftBlockRenderMap = require(\"./DefaultDraftBlockRenderMap\");\n\nvar DefaultDraftInlineStyle = require(\"./DefaultDraftInlineStyle\");\n\nvar DraftEditor = require(\"./DraftEditor.react\");\n\nvar DraftEditorBlock = require(\"./DraftEditorBlock.react\");\n\nvar DraftEntity = require(\"./DraftEntity\");\n\nvar DraftModifier = require(\"./DraftModifier\");\n\nvar DraftEntityInstance = require(\"./DraftEntityInstance\");\n\nvar EditorState = require(\"./EditorState\");\n\nvar KeyBindingUtil = require(\"./KeyBindingUtil\");\n\nvar RawDraftContentState = require(\"./RawDraftContentState\");\n\nvar RichTextEditorUtil = require(\"./RichTextEditorUtil\");\n\nvar SelectionState = require(\"./SelectionState\");\n\nvar convertFromDraftStateToRaw = require(\"./convertFromDraftStateToRaw\");\n\nvar convertFromRawToDraftState = require(\"./convertFromRawToDraftState\");\n\nvar generateRandomKey = require(\"./generateRandomKey\");\n\nvar getDefaultKeyBinding = require(\"./getDefaultKeyBinding\");\n\nvar getVisibleSelectionRect = require(\"./getVisibleSelectionRect\");\n\nvar convertFromHTML = require(\"./convertFromHTMLToContentBlocks\");\n\nvar DraftPublic = {\n Editor: DraftEditor,\n EditorBlock: DraftEditorBlock,\n EditorState: EditorState,\n CompositeDecorator: CompositeDraftDecorator,\n Entity: DraftEntity,\n EntityInstance: DraftEntityInstance,\n BlockMapBuilder: BlockMapBuilder,\n CharacterMetadata: CharacterMetadata,\n ContentBlock: ContentBlock,\n ContentState: ContentState,\n RawDraftContentState: RawDraftContentState,\n SelectionState: SelectionState,\n AtomicBlockUtils: AtomicBlockUtils,\n KeyBindingUtil: KeyBindingUtil,\n Modifier: DraftModifier,\n RichUtils: RichTextEditorUtil,\n DefaultDraftBlockRenderMap: DefaultDraftBlockRenderMap,\n DefaultDraftInlineStyle: DefaultDraftInlineStyle,\n convertFromHTML: convertFromHTML,\n convertFromRaw: convertFromRawToDraftState,\n convertToRaw: convertFromDraftStateToRaw,\n genKey: generateRandomKey,\n getDefaultKeyBinding: getDefaultKeyBinding,\n getVisibleSelectionRect: getVisibleSelectionRect\n};\nmodule.exports = DraftPublic;","/* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */\nimport { createElement, attributes, addClass, removeClass, detach, classList } from '@syncfusion/ej2-base';\nimport { closest, formatUnit, isNullOrUndefined, remove } from '@syncfusion/ej2-base';\nvar CLASSNAMES = {\n RTL: 'e-rtl',\n DISABLE: 'e-disabled',\n INPUT: 'e-input',\n TEXTAREA: 'e-multi-line-input',\n INPUTGROUP: 'e-input-group',\n FLOATINPUT: 'e-float-input',\n FLOATLINE: 'e-float-line',\n FLOATTEXT: 'e-float-text',\n CLEARICON: 'e-clear-icon',\n CLEARICONHIDE: 'e-clear-icon-hide',\n LABELTOP: 'e-label-top',\n LABELBOTTOM: 'e-label-bottom',\n NOFLOATLABEL: 'e-no-float-label',\n INPUTCUSTOMTAG: 'e-input-custom-tag',\n FLOATCUSTOMTAG: 'e-float-custom-tag'\n};\n/**\n * Base for Input creation through util methods.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport var Input;\n(function (Input) {\n var privateInputObj = {\n container: null,\n buttons: [],\n clearButton: null\n };\n var floatType;\n var isBindClearAction = true;\n /**\n * Create a wrapper to input element with multiple span elements and set the basic properties to input based components.\n * ```\n * E.g : Input.createInput({ element: element, floatLabelType : \"Auto\", properties: { placeholder: 'Search' } });\n * ```\n *\n */\n function createInput(args, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n var inputObject = { container: null, buttons: [], clearButton: null };\n floatType = args.floatLabelType;\n isBindClearAction = args.bindClearAction;\n if (isNullOrUndefined(args.floatLabelType) || args.floatLabelType === 'Never') {\n inputObject.container = createInputContainer(args, CLASSNAMES.INPUTGROUP, CLASSNAMES.INPUTCUSTOMTAG, 'span', makeElement);\n args.element.parentNode.insertBefore(inputObject.container, args.element);\n addClass([args.element], CLASSNAMES.INPUT);\n inputObject.container.appendChild(args.element);\n }\n else {\n createFloatingInput(args, inputObject, makeElement);\n }\n bindInitialEvent(args);\n if (!isNullOrUndefined(args.properties) && !isNullOrUndefined(args.properties.showClearButton) &&\n args.properties.showClearButton && args.element.tagName !== 'TEXTAREA') {\n setClearButton(args.properties.showClearButton, args.element, inputObject, true, makeElement);\n inputObject.clearButton.setAttribute('role', 'button');\n if (inputObject.container.classList.contains(CLASSNAMES.FLOATINPUT)) {\n addClass([inputObject.container], CLASSNAMES.INPUTGROUP);\n }\n }\n if (!isNullOrUndefined(args.buttons) && args.element.tagName !== 'TEXTAREA') {\n for (var i = 0; i < args.buttons.length; i++) {\n inputObject.buttons.push(appendSpan(args.buttons[i], inputObject.container, makeElement));\n }\n }\n if (!isNullOrUndefined(args.element) && args.element.tagName === 'TEXTAREA') {\n addClass([inputObject.container], CLASSNAMES.TEXTAREA);\n }\n validateInputType(inputObject.container, args.element);\n inputObject = setPropertyValue(args, inputObject);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n privateInputObj = inputObject;\n return inputObject;\n }\n Input.createInput = createInput;\n function bindInitialEvent(args) {\n checkInputValue(args.floatLabelType, args.element);\n args.element.addEventListener('focus', function () {\n var parent = getParentNode(this);\n if (parent.classList.contains('e-input-group') || parent.classList.contains('e-outline')\n || parent.classList.contains('e-filled')) {\n parent.classList.add('e-input-focus');\n }\n });\n args.element.addEventListener('blur', function () {\n var parent = getParentNode(this);\n if (parent.classList.contains('e-input-group') || parent.classList.contains('e-outline')\n || parent.classList.contains('e-filled')) {\n parent.classList.remove('e-input-focus');\n }\n });\n args.element.addEventListener('input', function () {\n checkInputValue(floatType, args.element);\n });\n }\n Input.bindInitialEvent = bindInitialEvent;\n function checkInputValue(floatLabelType, inputElement) {\n var inputValue = inputElement.value;\n if (inputValue !== '' && !isNullOrUndefined(inputValue) && inputElement.parentElement) {\n inputElement.parentElement.classList.add('e-valid-input');\n }\n else if (floatLabelType !== 'Always' && inputElement.parentElement) {\n inputElement.parentElement.classList.remove('e-valid-input');\n }\n }\n function _focusFn() {\n var label = getParentNode(this).getElementsByClassName('e-float-text')[0];\n if (!isNullOrUndefined(label)) {\n addClass([label], CLASSNAMES.LABELTOP);\n if (label.classList.contains(CLASSNAMES.LABELBOTTOM)) {\n removeClass([label], CLASSNAMES.LABELBOTTOM);\n }\n }\n }\n function _blurFn() {\n var parent = getParentNode(this);\n if ((parent.getElementsByTagName('textarea')[0]) ? parent.getElementsByTagName('textarea')[0].value === '' :\n parent.getElementsByTagName('input')[0].value === '') {\n var label = parent.getElementsByClassName('e-float-text')[0];\n if (!isNullOrUndefined(label)) {\n if (label.classList.contains(CLASSNAMES.LABELTOP)) {\n removeClass([label], CLASSNAMES.LABELTOP);\n }\n addClass([label], CLASSNAMES.LABELBOTTOM);\n }\n }\n }\n function wireFloatingEvents(element) {\n element.addEventListener('focus', _focusFn);\n element.addEventListener('blur', _blurFn);\n }\n Input.wireFloatingEvents = wireFloatingEvents;\n function unwireFloatingEvents(element) {\n element.removeEventListener('focus', _focusFn);\n element.removeEventListener('blur', _blurFn);\n }\n function createFloatingInput(args, inputObject, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n if (args.floatLabelType === 'Auto') {\n wireFloatingEvents(args.element);\n }\n if (isNullOrUndefined(inputObject.container)) {\n inputObject.container = createInputContainer(args, CLASSNAMES.FLOATINPUT, CLASSNAMES.FLOATCUSTOMTAG, 'div', makeElement);\n if (args.element.parentNode) {\n args.element.parentNode.insertBefore(inputObject.container, args.element);\n }\n }\n else {\n if (!isNullOrUndefined(args.customTag)) {\n inputObject.container.classList.add(CLASSNAMES.FLOATCUSTOMTAG);\n }\n inputObject.container.classList.add(CLASSNAMES.FLOATINPUT);\n }\n var floatLinelement = makeElement('span', { className: CLASSNAMES.FLOATLINE });\n var floatLabelElement = makeElement('label', { className: CLASSNAMES.FLOATTEXT });\n if (!isNullOrUndefined(args.element.id) && args.element.id !== '') {\n floatLabelElement.id = 'label_' + args.element.id.replace(/ /g, '_');\n attributes(args.element, { 'aria-labelledby': floatLabelElement.id });\n }\n if (!isNullOrUndefined(args.element.placeholder) && args.element.placeholder !== '') {\n floatLabelElement.innerText = encodePlaceHolder(args.element.placeholder);\n args.element.removeAttribute('placeholder');\n }\n if (!isNullOrUndefined(args.properties) && !isNullOrUndefined(args.properties.placeholder) &&\n args.properties.placeholder !== '') {\n floatLabelElement.innerText = encodePlaceHolder(args.properties.placeholder);\n }\n if (!floatLabelElement.innerText) {\n inputObject.container.classList.add(CLASSNAMES.NOFLOATLABEL);\n }\n if (inputObject.container.classList.contains('e-float-icon-left')) {\n var inputWrap = inputObject.container.querySelector('.e-input-in-wrap');\n inputWrap.appendChild(args.element);\n inputWrap.appendChild(floatLinelement);\n inputWrap.appendChild(floatLabelElement);\n }\n else {\n inputObject.container.appendChild(args.element);\n inputObject.container.appendChild(floatLinelement);\n inputObject.container.appendChild(floatLabelElement);\n }\n updateLabelState(args.element.value, floatLabelElement);\n if (args.floatLabelType === 'Always') {\n if (floatLabelElement.classList.contains(CLASSNAMES.LABELBOTTOM)) {\n removeClass([floatLabelElement], CLASSNAMES.LABELBOTTOM);\n }\n addClass([floatLabelElement], CLASSNAMES.LABELTOP);\n }\n if (args.floatLabelType === 'Auto') {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n args.element.addEventListener('input', function (event) {\n updateLabelState(args.element.value, floatLabelElement, args.element);\n });\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n args.element.addEventListener('blur', function (event) {\n updateLabelState(args.element.value, floatLabelElement);\n });\n }\n if (!isNullOrUndefined(args.element.getAttribute('id'))) {\n floatLabelElement.setAttribute('for', args.element.getAttribute('id'));\n }\n }\n function checkFloatLabelType(type, container) {\n if (type === 'Always' && container.classList.contains('e-outline')) {\n container.classList.add('e-valid-input');\n }\n }\n function setPropertyValue(args, inputObject) {\n if (!isNullOrUndefined(args.properties)) {\n for (var _i = 0, _a = Object.keys(args.properties); _i < _a.length; _i++) {\n var prop = _a[_i];\n switch (prop) {\n case 'cssClass':\n setCssClass(args.properties.cssClass, [inputObject.container]);\n checkFloatLabelType(args.floatLabelType, inputObject.container);\n break;\n case 'enabled':\n setEnabled(args.properties.enabled, args.element, args.floatLabelType, inputObject.container);\n break;\n case 'enableRtl':\n setEnableRtl(args.properties.enableRtl, [inputObject.container]);\n break;\n case 'placeholder':\n setPlaceholder(args.properties.placeholder, args.element);\n break;\n case 'readonly':\n setReadonly(args.properties.readonly, args.element);\n break;\n }\n }\n }\n return inputObject;\n }\n function updateIconState(value, button) {\n if (value) {\n removeClass([button], CLASSNAMES.CLEARICONHIDE);\n }\n else {\n addClass([button], CLASSNAMES.CLEARICONHIDE);\n }\n }\n function updateLabelState(value, label, element) {\n if (element === void 0) { element = null; }\n if (value) {\n addClass([label], CLASSNAMES.LABELTOP);\n if (label.classList.contains(CLASSNAMES.LABELBOTTOM)) {\n removeClass([label], CLASSNAMES.LABELBOTTOM);\n }\n }\n else {\n var isNotFocused = element != null ? element !== document.activeElement : true;\n if (isNotFocused) {\n if (label.classList.contains(CLASSNAMES.LABELTOP)) {\n removeClass([label], CLASSNAMES.LABELTOP);\n }\n addClass([label], CLASSNAMES.LABELBOTTOM);\n }\n }\n }\n function getParentNode(element) {\n var parentNode = isNullOrUndefined(element.parentNode) ? element\n : element.parentNode;\n if (parentNode && parentNode.classList.contains('e-input-in-wrap')) {\n parentNode = parentNode.parentNode;\n }\n return parentNode;\n }\n /**\n * To create clear button.\n */\n function createClearButton(element, inputObject, initial, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n var button = makeElement('span', { className: CLASSNAMES.CLEARICON });\n var container = inputObject.container;\n if (!isNullOrUndefined(initial)) {\n container.appendChild(button);\n }\n else {\n var baseElement = inputObject.container.classList.contains(CLASSNAMES.FLOATINPUT) ?\n inputObject.container.querySelector('.' + CLASSNAMES.FLOATTEXT) : element;\n baseElement.insertAdjacentElement('afterend', button);\n }\n if (!isNullOrUndefined(container) &&\n container.classList.contains(CLASSNAMES.FLOATINPUT)) {\n addClass([container], CLASSNAMES.INPUTGROUP);\n }\n addClass([button], CLASSNAMES.CLEARICONHIDE);\n wireClearBtnEvents(element, button, container);\n button.setAttribute('aria-label', 'close');\n return button;\n }\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n function wireClearBtnEvents(element, button, container) {\n if (isBindClearAction == undefined || isBindClearAction) {\n button.addEventListener('click', function (event) {\n if (!(element.classList.contains(CLASSNAMES.DISABLE) || element.readOnly)) {\n event.preventDefault();\n if (element !== document.activeElement) {\n element.focus();\n }\n element.value = '';\n addClass([button], CLASSNAMES.CLEARICONHIDE);\n }\n });\n }\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n element.addEventListener('input', function (event) {\n updateIconState(element.value, button);\n });\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n element.addEventListener('focus', function (event) {\n updateIconState(element.value, button);\n });\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n element.addEventListener('blur', function (event) {\n setTimeout(function () {\n addClass([button], CLASSNAMES.CLEARICONHIDE);\n }, 200);\n });\n }\n Input.wireClearBtnEvents = wireClearBtnEvents;\n function validateLabel(element, floatLabelType) {\n var parent = getParentNode(element);\n if (parent.classList.contains(CLASSNAMES.FLOATINPUT) && floatLabelType === 'Auto') {\n var label = getParentNode(element).getElementsByClassName('e-float-text')[0];\n updateLabelState(element.value, label, element);\n }\n }\n /**\n * To create input box contianer.\n */\n function createInputContainer(args, className, tagClass, tag, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n var container;\n if (!isNullOrUndefined(args.customTag)) {\n container = makeElement(args.customTag, { className: className });\n container.classList.add(tagClass);\n }\n else {\n container = makeElement(tag, { className: className });\n }\n container.classList.add('e-control-wrapper');\n return container;\n }\n function encodePlaceHolder(placeholder) {\n var result = '';\n if (!isNullOrUndefined(placeholder) && placeholder !== '') {\n var spanEle = document.createElement('span');\n spanEle.innerHTML = '';\n var hiddenInput = (spanEle.children[0]);\n result = hiddenInput.placeholder;\n }\n return result;\n }\n /**\n * Sets the value to the input element.\n * ```\n * E.g : Input.setValue('content', element, \"Auto\", true );\n * ```\n *\n * @param {string} value - Specify the value of the input element.\n * @param {HTMLInputElement | HTMLTextAreaElement} element - The element on which the specified value is updated.\n * @param {string} floatLabelType - Specify the float label type of the input element.\n * @param {boolean} clearButton - Boolean value to specify whether the clear icon is enabled / disabled on the input.\n */\n function setValue(value, element, floatLabelType, clearButton) {\n element.value = value;\n if ((!isNullOrUndefined(floatLabelType)) && floatLabelType === 'Auto') {\n validateLabel(element, floatLabelType);\n }\n if (!isNullOrUndefined(clearButton) && clearButton) {\n var parentElement = getParentNode(element);\n if (!isNullOrUndefined(parentElement)) {\n var button = parentElement.getElementsByClassName(CLASSNAMES.CLEARICON)[0];\n if (!isNullOrUndefined(button)) {\n if (element.value && parentElement.classList.contains('e-input-focus')) {\n removeClass([button], CLASSNAMES.CLEARICONHIDE);\n }\n else {\n addClass([button], CLASSNAMES.CLEARICONHIDE);\n }\n }\n }\n }\n checkInputValue(floatLabelType, element);\n }\n Input.setValue = setValue;\n /**\n * Sets the single or multiple cssClass to wrapper of input element.\n * ```\n * E.g : Input.setCssClass('e-custom-class', [element]);\n * ```\n *\n * @param {string} cssClass - Css class names which are needed to add.\n * @param {Element[] | NodeList} elements - The elements which are needed to add / remove classes.\n * @param {string} oldClass\n * - Css class names which are needed to remove. If old classes are need to remove, can give this optional parameter.\n */\n function setCssClass(cssClass, elements, oldClass) {\n if (!isNullOrUndefined(oldClass) && oldClass !== '') {\n removeClass(elements, oldClass.split(' '));\n }\n if (!isNullOrUndefined(cssClass) && cssClass !== '') {\n addClass(elements, cssClass.split(' '));\n }\n }\n Input.setCssClass = setCssClass;\n /**\n * Set the width to the wrapper of input element.\n * ```\n * E.g : Input.setWidth('200px', container);\n * ```\n *\n * @param {number | string} width - Width value which is need to add.\n * @param {HTMLElement} container - The element on which the width is need to add.\n */\n function setWidth(width, container) {\n if (typeof width === 'number') {\n container.style.width = formatUnit(width);\n }\n else if (typeof width === 'string') {\n container.style.width = (width.match(/px|%|em/)) ? (width) : (formatUnit(width));\n }\n }\n Input.setWidth = setWidth;\n /**\n * Set the placeholder attribute to the input element.\n * ```\n * E.g : Input.setPlaceholder('Search here', element);\n * ```\n *\n * @param {string} placeholder - Placeholder value which is need to add.\n * @param {HTMLInputElement | HTMLTextAreaElement} element - The element on which the placeholder is need to add.\n */\n function setPlaceholder(placeholder, element) {\n placeholder = encodePlaceHolder(placeholder);\n var parentElement = getParentNode(element);\n if (parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {\n if (!isNullOrUndefined(placeholder) && placeholder !== '') {\n parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = placeholder;\n parentElement.classList.remove(CLASSNAMES.NOFLOATLABEL);\n element.removeAttribute('placeholder');\n }\n else {\n parentElement.classList.add(CLASSNAMES.NOFLOATLABEL);\n parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = '';\n }\n }\n else {\n if (!isNullOrUndefined(placeholder) && placeholder !== '') {\n attributes(element, { 'placeholder': placeholder, 'aria-placeholder': placeholder });\n }\n else {\n element.removeAttribute('placeholder');\n element.removeAttribute('aria-placeholder');\n }\n }\n }\n Input.setPlaceholder = setPlaceholder;\n /**\n * Set the read only attribute to the input element\n * ```\n * E.g : Input.setReadonly(true, element);\n * ```\n *\n * @param {boolean} isReadonly\n * - Boolean value to specify whether to set read only. Setting \"True\" value enables read only.\n * @param {HTMLInputElement | HTMLTextAreaElement} element\n * - The element which is need to enable read only.\n */\n function setReadonly(isReadonly, element, floatLabelType) {\n if (isReadonly) {\n attributes(element, { readonly: '' });\n }\n else {\n element.removeAttribute('readonly');\n }\n if (!isNullOrUndefined(floatLabelType)) {\n validateLabel(element, floatLabelType);\n }\n }\n Input.setReadonly = setReadonly;\n /**\n * Displays the element direction from right to left when its enabled.\n * ```\n * E.g : Input.setEnableRtl(true, [inputObj.container]);\n * ```\n *\n * @param {boolean} isRtl\n * - Boolean value to specify whether to set RTL. Setting \"True\" value enables the RTL mode.\n * @param {Element[] | NodeList} elements\n * - The elements that are needed to enable/disable RTL.\n */\n function setEnableRtl(isRtl, elements) {\n if (isRtl) {\n addClass(elements, CLASSNAMES.RTL);\n }\n else {\n removeClass(elements, CLASSNAMES.RTL);\n }\n }\n Input.setEnableRtl = setEnableRtl;\n /**\n * Enables or disables the given input element.\n * ```\n * E.g : Input.setEnabled(false, element);\n * ```\n *\n * @param {boolean} isEnable\n * - Boolean value to specify whether to enable or disable.\n * @param {HTMLInputElement | HTMLTextAreaElement} element\n * - Element to be enabled or disabled.\n */\n function setEnabled(isEnable, element, floatLabelType, inputContainer) {\n var disabledAttrs = { 'disabled': 'disabled', 'aria-disabled': 'true' };\n var considerWrapper = isNullOrUndefined(inputContainer) ? false : true;\n if (isEnable) {\n element.classList.remove(CLASSNAMES.DISABLE);\n removeAttributes(disabledAttrs, element);\n if (considerWrapper) {\n removeClass([inputContainer], CLASSNAMES.DISABLE);\n }\n }\n else {\n element.classList.add(CLASSNAMES.DISABLE);\n addAttributes(disabledAttrs, element);\n if (considerWrapper) {\n addClass([inputContainer], CLASSNAMES.DISABLE);\n }\n }\n if (!isNullOrUndefined(floatLabelType)) {\n validateLabel(element, floatLabelType);\n }\n }\n Input.setEnabled = setEnabled;\n function setClearButton(isClear, element, inputObject, initial, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n if (isClear) {\n inputObject.clearButton = createClearButton(element, inputObject, initial, makeElement);\n }\n else {\n remove(inputObject.clearButton);\n inputObject.clearButton = null;\n }\n }\n Input.setClearButton = setClearButton;\n /**\n * Removing the multiple attributes from the given element such as \"disabled\",\"id\" , etc.\n * ```\n * E.g : Input.removeAttributes({ 'disabled': 'disabled', 'aria-disabled': 'true' }, element);\n * ```\n *\n * @param {string} attrs\n * - Array of attributes which are need to removed from the element.\n * @param {HTMLInputElement | HTMLElement} element\n * - Element on which the attributes are needed to be removed.\n */\n function removeAttributes(attrs, element) {\n for (var _i = 0, _a = Object.keys(attrs); _i < _a.length; _i++) {\n var key = _a[_i];\n var parentElement = getParentNode(element);\n if (key === 'disabled') {\n element.classList.remove(CLASSNAMES.DISABLE);\n }\n if (key === 'disabled' && parentElement.classList.contains(CLASSNAMES.INPUTGROUP)) {\n parentElement.classList.remove(CLASSNAMES.DISABLE);\n }\n if (key === 'placeholder' && parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {\n parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = '';\n }\n else {\n element.removeAttribute(key);\n }\n }\n }\n Input.removeAttributes = removeAttributes;\n /**\n * Adding the multiple attributes to the given element such as \"disabled\",\"id\" , etc.\n * ```\n * E.g : Input.addAttributes({ 'id': 'inputpopup' }, element);\n * ```\n *\n * @param {string} attrs\n * - Array of attributes which is added to element.\n * @param {HTMLInputElement | HTMLElement} element\n * - Element on which the attributes are needed to be added.\n */\n function addAttributes(attrs, element) {\n for (var _i = 0, _a = Object.keys(attrs); _i < _a.length; _i++) {\n var key = _a[_i];\n var parentElement = getParentNode(element);\n if (key === 'disabled') {\n element.classList.add(CLASSNAMES.DISABLE);\n }\n if (key === 'disabled' && parentElement.classList.contains(CLASSNAMES.INPUTGROUP)) {\n parentElement.classList.add(CLASSNAMES.DISABLE);\n }\n if (key === 'placeholder' && parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {\n parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = attrs[key];\n }\n else {\n element.setAttribute(key, attrs[key]);\n }\n }\n }\n Input.addAttributes = addAttributes;\n function removeFloating(input) {\n var container = input.container;\n if (!isNullOrUndefined(container) && container.classList.contains(CLASSNAMES.FLOATINPUT)) {\n var inputEle = container.querySelector('textarea') ? container.querySelector('textarea') :\n container.querySelector('input');\n var placeholder = container.querySelector('.' + CLASSNAMES.FLOATTEXT).textContent;\n var clearButton = container.querySelector('.e-clear-icon') !== null;\n detach(container.querySelector('.' + CLASSNAMES.FLOATLINE));\n detach(container.querySelector('.' + CLASSNAMES.FLOATTEXT));\n classList(container, [CLASSNAMES.INPUTGROUP], [CLASSNAMES.FLOATINPUT]);\n unwireFloatingEvents(inputEle);\n attributes(inputEle, { 'placeholder': placeholder });\n inputEle.classList.add(CLASSNAMES.INPUT);\n if (!clearButton && inputEle.tagName === 'INPUT') {\n inputEle.removeAttribute('required');\n }\n }\n }\n Input.removeFloating = removeFloating;\n function addFloating(input, type, placeholder, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n var container = closest(input, '.' + CLASSNAMES.INPUTGROUP);\n floatType = type;\n if (type !== 'Never') {\n var customTag = container.tagName;\n customTag = customTag !== 'DIV' && customTag !== 'SPAN' ? customTag : null;\n var args = { element: input, floatLabelType: type,\n customTag: customTag, properties: { placeholder: placeholder } };\n var iconEle = container.querySelector('.e-clear-icon');\n var inputObj = { container: container };\n input.classList.remove(CLASSNAMES.INPUT);\n createFloatingInput(args, inputObj, makeElement);\n var isPrependIcon = container.classList.contains('e-float-icon-left');\n if (isNullOrUndefined(iconEle)) {\n if (isPrependIcon) {\n var inputWrap = container.querySelector('.e-input-in-wrap');\n iconEle = inputWrap.querySelector('.e-input-group-icon');\n }\n else {\n iconEle = container.querySelector('.e-input-group-icon');\n }\n }\n if (isNullOrUndefined(iconEle)) {\n if (isPrependIcon) {\n iconEle = container.querySelector('.e-input-group-icon');\n }\n if (isNullOrUndefined(iconEle)) {\n container.classList.remove(CLASSNAMES.INPUTGROUP);\n }\n }\n else {\n var floatLine = container.querySelector('.' + CLASSNAMES.FLOATLINE);\n var floatText = container.querySelector('.' + CLASSNAMES.FLOATTEXT);\n var wrapper = isPrependIcon ? container.querySelector('.e-input-in-wrap') : container;\n wrapper.insertBefore(input, iconEle);\n wrapper.insertBefore(floatLine, iconEle);\n wrapper.insertBefore(floatText, iconEle);\n }\n }\n checkFloatLabelType(type, input.parentElement);\n }\n Input.addFloating = addFloating;\n /**\n * Enable or Disable the ripple effect on the icons inside the Input. Ripple effect is only applicable for material theme.\n * ```\n * E.g : Input.setRipple(true, [inputObjects]);\n * ```\n *\n * @param {boolean} isRipple\n * - Boolean value to specify whether to enable the ripple effect.\n * @param {InputObject[]} inputObj\n * - Specify the collection of input objects.\n */\n function setRipple(isRipple, inputObj) {\n for (var i = 0; i < inputObj.length; i++) {\n _internalRipple(isRipple, inputObj[i].container);\n }\n }\n Input.setRipple = setRipple;\n function _internalRipple(isRipple, container, button) {\n var argsButton = [];\n argsButton.push(button);\n var buttons = isNullOrUndefined(button) ?\n container.querySelectorAll('.e-input-group-icon') : argsButton;\n if (isRipple && buttons.length > 0) {\n for (var index = 0; index < buttons.length; index++) {\n buttons[index].addEventListener('mousedown', _onMouseDownRipple, false);\n buttons[index].addEventListener('mouseup', _onMouseUpRipple, false);\n }\n }\n else if (buttons.length > 0) {\n for (var index = 0; index < buttons.length; index++) {\n buttons[index].removeEventListener('mousedown', _onMouseDownRipple, this);\n buttons[index].removeEventListener('mouseup', _onMouseUpRipple, this);\n }\n }\n }\n function _onMouseRipple(container, button) {\n if (!container.classList.contains('e-disabled') && !container.querySelector('input').readOnly) {\n button.classList.add('e-input-btn-ripple');\n }\n }\n function _onMouseDownRipple() {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n var ele = this;\n var parentEle = this.parentElement;\n while (!parentEle.classList.contains('e-input-group')) {\n parentEle = parentEle.parentElement;\n }\n _onMouseRipple(parentEle, ele);\n }\n function _onMouseUpRipple() {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n var ele = this;\n setTimeout(function () {\n ele.classList.remove('e-input-btn-ripple');\n }, 500);\n }\n function createIconEle(iconClass, makeElement) {\n var button = makeElement('span', { className: iconClass });\n button.classList.add('e-input-group-icon');\n return button;\n }\n /**\n * Creates a new span element with the given icons added and append it in container element.\n * ```\n * E.g : Input.addIcon('append', 'e-icon-spin', inputObj.container, inputElement);\n * ```\n *\n * @param {string} position - Specify the icon placement on the input.Possible values are append and prepend.\n * @param {string | string[]} icons - Icon classes which are need to add to the span element which is going to created.\n * Span element acts as icon or button element for input.\n * @param {HTMLElement} container - The container on which created span element is going to append.\n * @param {HTMLElement} input - The inputElement on which created span element is going to prepend.\n */\n /* eslint-disable @typescript-eslint/indent */\n function addIcon(position, icons, container, input, internalCreate) {\n /* eslint-enable @typescript-eslint/indent */\n var result = typeof (icons) === 'string' ? icons.split(',')\n : icons;\n if (position.toLowerCase() === 'append') {\n for (var _i = 0, result_1 = result; _i < result_1.length; _i++) {\n var icon = result_1[_i];\n appendSpan(icon, container, internalCreate);\n }\n }\n else {\n for (var _a = 0, result_2 = result; _a < result_2.length; _a++) {\n var icon = result_2[_a];\n prependSpan(icon, container, input, internalCreate);\n }\n }\n }\n Input.addIcon = addIcon;\n /**\n * Creates a new span element with the given icons added and prepend it in input element.\n * ```\n * E.g : Input.prependSpan('e-icon-spin', inputObj.container, inputElement);\n * ```\n *\n * @param {string} iconClass - Icon classes which are need to add to the span element which is going to created.\n * Span element acts as icon or button element for input.\n * @param {HTMLElement} container - The container on which created span element is going to append.\n * @param {HTMLElement} inputElement - The inputElement on which created span element is going to prepend.\n */\n /* eslint-disable @typescript-eslint/indent */\n function prependSpan(iconClass, container, inputElement, internalCreateElement) {\n /* eslint-enable @typescript-eslint/indent */\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n var button = createIconEle(iconClass, makeElement);\n container.classList.add('e-float-icon-left');\n var innerWrapper = container.querySelector('.e-input-in-wrap');\n if (isNullOrUndefined(innerWrapper)) {\n innerWrapper = makeElement('span', { className: 'e-input-in-wrap' });\n inputElement.parentNode.insertBefore(innerWrapper, inputElement);\n var result = container.querySelectorAll(inputElement.tagName + ' ~ *');\n innerWrapper.appendChild(inputElement);\n for (var i = 0; i < result.length; i++) {\n innerWrapper.appendChild(result[i]);\n }\n }\n innerWrapper.parentNode.insertBefore(button, innerWrapper);\n if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {\n container.classList.add(CLASSNAMES.INPUTGROUP);\n }\n _internalRipple(true, container, button);\n return button;\n }\n Input.prependSpan = prependSpan;\n /**\n * Creates a new span element with the given icons added and append it in container element.\n * ```\n * E.g : Input.appendSpan('e-icon-spin', inputObj.container);\n * ```\n *\n * @param {string} iconClass - Icon classes which are need to add to the span element which is going to created.\n * Span element acts as icon or button element for input.\n * @param {HTMLElement} container - The container on which created span element is going to append.\n */\n function appendSpan(iconClass, container, internalCreateElement) {\n var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;\n var button = createIconEle(iconClass, makeElement);\n if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {\n container.classList.add(CLASSNAMES.INPUTGROUP);\n }\n var wrap = (container.classList.contains('e-float-icon-left')) ? container.querySelector('.e-input-in-wrap') :\n container;\n wrap.appendChild(button);\n _internalRipple(true, container, button);\n return button;\n }\n Input.appendSpan = appendSpan;\n function validateInputType(containerElement, input) {\n if (input.type === 'hidden') {\n containerElement.classList.add('e-hidden');\n }\n else if (containerElement.classList.contains('e-hidden')) {\n containerElement.classList.remove('e-hidden');\n }\n }\n Input.validateInputType = validateInputType;\n})(Input || (Input = {}));\n/* eslint-enable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */\n","'use client';\nimport * as React from 'react';\nimport { useEffect, useContext, useState, useRef } from 'react';\nimport { DomHandler, ObjectUtils, UniqueComponentId, _mergeProps } from 'primereact/utils';\nimport PrimeReact, { PrimeReactContext } from 'primereact/api';\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nvar usePrevious = function usePrevious(newValue) {\n var ref = React.useRef(undefined);\n React.useEffect(function () {\n ref.current = newValue;\n });\n return ref.current;\n};\n\n/* eslint-disable */\nvar useUnmountEffect = function useUnmountEffect(fn) {\n return React.useEffect(function () {\n return fn;\n }, []);\n};\n/* eslint-enable */\n\n/* eslint-disable */\nvar useEventListener = function useEventListener(_ref) {\n var _ref$target = _ref.target,\n target = _ref$target === void 0 ? 'document' : _ref$target,\n type = _ref.type,\n listener = _ref.listener,\n options = _ref.options,\n _ref$when = _ref.when,\n when = _ref$when === void 0 ? true : _ref$when;\n var targetRef = React.useRef(null);\n var listenerRef = React.useRef(null);\n var prevListener = usePrevious(listener);\n var prevOptions = usePrevious(options);\n var bind = function bind() {\n var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n if (ObjectUtils.isNotEmpty(bindOptions.target)) {\n unbind();\n (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));\n }\n if (!listenerRef.current && targetRef.current) {\n listenerRef.current = function (event) {\n return listener && listener(event);\n };\n targetRef.current.addEventListener(type, listenerRef.current, options);\n }\n };\n var unbind = function unbind() {\n if (listenerRef.current) {\n targetRef.current.removeEventListener(type, listenerRef.current, options);\n listenerRef.current = null;\n }\n };\n React.useEffect(function () {\n if (when) {\n targetRef.current = DomHandler.getTargetElement(target);\n } else {\n unbind();\n targetRef.current = null;\n }\n }, [target, when]);\n React.useEffect(function () {\n // to properly compare functions we can implicitly converting the function to it's body's text as a String\n if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {\n unbind();\n when && bind();\n }\n }, [listener, options, when]);\n useUnmountEffect(function () {\n unbind();\n });\n return [bind, unbind];\n};\n/* eslint-enable */\n\nvar useClickOutside = function useClickOutside(ref, callback) {\n var isOutsideClicked = function isOutsideClicked(event) {\n if (!ref.current || ref.current.contains(event.target)) {\n return;\n }\n callback(event);\n };\n var _useEventListener = useEventListener({\n type: 'mousedown',\n listener: isOutsideClicked\n }),\n _useEventListener2 = _slicedToArray(_useEventListener, 2),\n bindMouseDownListener = _useEventListener2[0],\n unbindMouseDownListener = _useEventListener2[1];\n var _useEventListener3 = useEventListener({\n type: 'touchstart',\n listener: isOutsideClicked\n }),\n _useEventListener4 = _slicedToArray(_useEventListener3, 2),\n bindTouchStartListener = _useEventListener4[0],\n unbindTouchStartListener = _useEventListener4[1];\n React.useEffect(function () {\n if (!ref.current) {\n return;\n }\n bindMouseDownListener();\n bindTouchStartListener();\n return function () {\n unbindMouseDownListener();\n unbindTouchStartListener();\n };\n });\n return [ref, callback];\n};\n\nvar useCounter = function useCounter() {\n var initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n step: 1\n };\n var _React$useState = React.useState(initialValue),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n count = _React$useState2[0],\n setCount = _React$useState2[1];\n var increment = function increment() {\n if (options.max && count >= options.max) {\n return;\n }\n setCount(count + options.step);\n };\n var decrement = function decrement() {\n if (options.min || options.min === 0 && count <= options.min) {\n return null;\n }\n setCount(count - options.step);\n };\n var reset = function reset() {\n setCount(0);\n };\n return {\n count: count,\n increment: increment,\n decrement: decrement,\n reset: reset\n };\n};\n\nvar useDebounce = function useDebounce(initialValue, delay) {\n var _React$useState = React.useState(initialValue),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n inputValue = _React$useState2[0],\n setInputValue = _React$useState2[1];\n var _React$useState3 = React.useState(initialValue),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n debouncedValue = _React$useState4[0],\n setDebouncedValue = _React$useState4[1];\n var mountedRef = React.useRef(false);\n var timeoutRef = React.useRef(null);\n var cancelTimer = function cancelTimer() {\n return window.clearTimeout(timeoutRef.current);\n };\n useMountEffect(function () {\n mountedRef.current = true;\n });\n useUnmountEffect(function () {\n cancelTimer();\n });\n React.useEffect(function () {\n if (!mountedRef.current) {\n return;\n }\n cancelTimer();\n timeoutRef.current = window.setTimeout(function () {\n setDebouncedValue(inputValue);\n }, delay);\n }, [inputValue, delay]);\n return [inputValue, debouncedValue, setInputValue];\n};\n\nvar groupToDisplayedElements = {};\nvar useDisplayOrder = function useDisplayOrder(group) {\n var isVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n var _React$useState = React.useState(function () {\n return UniqueComponentId();\n }),\n _React$useState2 = _slicedToArray(_React$useState, 1),\n uid = _React$useState2[0];\n var _React$useState3 = React.useState(0),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n displayOrder = _React$useState4[0],\n setDisplayOrder = _React$useState4[1];\n React.useEffect(function () {\n if (isVisible) {\n if (!(group in groupToDisplayedElements)) {\n groupToDisplayedElements[group] = [];\n }\n var newDisplayOrder = groupToDisplayedElements[group].length + 1;\n groupToDisplayedElements[group].push(uid);\n setDisplayOrder(newDisplayOrder);\n return function () {\n delete groupToDisplayedElements[group][newDisplayOrder];\n var lastOrder = groupToDisplayedElements[group].findLastIndex(function (el) {\n return el !== undefined;\n });\n\n // Reduce array length, by removing undefined elements at the end of array:\n groupToDisplayedElements[group].splice(lastOrder + 1);\n setDisplayOrder(undefined);\n };\n }\n }, [group, uid, isVisible]);\n return displayOrder;\n};\n\nvar TYPE_MAP = {\n ico: 'image/x-icon',\n png: 'image/png',\n svg: 'image/svg+xml',\n gif: 'image/gif'\n};\nvar useFavicon = function useFavicon() {\n var newIcon = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var rel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'shortcut icon';\n React.useLayoutEffect(function () {\n if (newIcon) {\n var linkElements = document.querySelectorAll(\"link[rel*='icon']\");\n linkElements.forEach(function (linkEl) {\n document.head.removeChild(linkEl);\n });\n var link = document.createElement('link');\n link.setAttribute('type', TYPE_MAP[newIcon.split('.').pop()]);\n link.setAttribute('rel', rel);\n link.setAttribute('href', newIcon);\n document.head.appendChild(link);\n }\n }, [newIcon, rel]);\n};\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\n/**\n * Priorities of different components (bigger number handled first)\n */\nvar ESC_KEY_HANDLING_PRIORITIES = {\n SIDEBAR: 100,\n SLIDE_MENU: 200,\n DIALOG: 300,\n IMAGE: 400,\n MENU: 500,\n OVERLAY_PANEL: 600,\n PASSWORD: 700,\n CASCADE_SELECT: 800,\n SPLIT_BUTTON: 900,\n SPEED_DIAL: 1000\n};\n\n/**\n * Object, that manages global escape key handling logic\n */\nvar globalEscKeyHandlingLogic = {\n /**\n * Mapping from ESC_KEY_HANDLING_PRIORITY to array of related listeners, grouped by priority\n * @example\n * Map<{\n * [ESC_KEY_HANDLING_PRIORITIES.SIDEBAR]: Map<{\n * 1: () => {...},\n * 2: () => {...}\n * }>,\n * [ESC_KEY_HANDLING_PRIORITIES.DIALOG]: Map<{\n * 1: () => {...},\n * 2: () => {...}\n * }>\n * }>;\n */\n escKeyListeners: new Map(),\n /**\n * Keydown handler (attached to any keydown)\n */\n onGlobalKeyDown: function onGlobalKeyDown(event) {\n // Do nothing if not an \"esc\" key is pressed:\n if (event.code !== 'Escape') return;\n var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;\n var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray(escKeyListeners.keys()));\n var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);\n var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray(theMostImportantEscHandlersSet.keys()));\n var theMostImportantEscHandler = theMostImportantEscHandlersSet.get(maxSecondaryPriority);\n theMostImportantEscHandler(event);\n },\n /**\n * Attach global keydown listener if there are any \"esc\" key handlers assigned,\n * otherwise detach.\n */\n refreshGlobalKeyDownListener: function refreshGlobalKeyDownListener() {\n var document = DomHandler.getTargetElement('document');\n if (this.escKeyListeners.size > 0) {\n document.addEventListener('keydown', this.onGlobalKeyDown);\n } else {\n document.removeEventListener('keydown', this.onGlobalKeyDown);\n }\n },\n /**\n * Add \"Esc\" key handler\n */\n addListener: function addListener(callback, _ref) {\n var _this = this;\n var _ref2 = _slicedToArray(_ref, 2),\n primaryPriority = _ref2[0],\n secondaryPriority = _ref2[1];\n var escKeyListeners = this.escKeyListeners;\n if (!escKeyListeners.has(primaryPriority)) {\n escKeyListeners.set(primaryPriority, new Map());\n }\n var primaryPriorityListeners = escKeyListeners.get(primaryPriority);\n\n // To prevent unexpected override of callback:\n if (primaryPriorityListeners.has(secondaryPriority)) {\n throw new Error(\"Unexpected: global esc key listener with priority [\".concat(primaryPriority, \", \").concat(secondaryPriority, \"] already exists.\"));\n }\n primaryPriorityListeners.set(secondaryPriority, callback);\n this.refreshGlobalKeyDownListener();\n return function () {\n primaryPriorityListeners[\"delete\"](secondaryPriority);\n if (primaryPriorityListeners.size === 0) {\n escKeyListeners[\"delete\"](primaryPriority);\n }\n _this.refreshGlobalKeyDownListener();\n };\n }\n};\nvar useGlobalOnEscapeKey = function useGlobalOnEscapeKey(_ref3) {\n var callback = _ref3.callback,\n when = _ref3.when,\n priority = _ref3.priority;\n useEffect(function () {\n if (!when) return;\n return globalEscKeyHandlingLogic.addListener(callback, priority);\n }, [callback, when, priority]);\n};\n\nvar useIntersectionObserver = function useIntersectionObserver(ref) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isElementVisible = _React$useState2[0],\n setIsElementVisible = _React$useState2[1];\n React.useEffect(function () {\n if (!ref.current) return;\n var observer = new IntersectionObserver(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 1),\n entry = _ref2[0];\n setIsElementVisible(entry.isIntersecting);\n }, options);\n observer.observe(ref.current);\n return function () {\n observer.disconnect();\n };\n }, [options, ref]);\n return isElementVisible;\n};\n\n/* eslint-disable */\nvar useInterval = function useInterval(fn) {\n var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n var timeout = React.useRef(null);\n var savedCallback = React.useRef(null);\n var clear = React.useCallback(function () {\n return clearInterval(timeout.current);\n }, [timeout.current]);\n React.useEffect(function () {\n savedCallback.current = fn;\n });\n React.useEffect(function () {\n function callback() {\n savedCallback.current();\n }\n if (when) {\n timeout.current = setInterval(callback, delay);\n return clear;\n } else {\n clear();\n }\n }, [delay, when]);\n useUnmountEffect(function () {\n clear();\n });\n return [clear];\n};\n/* eslint-enable */\n\nvar useMatchMedia = function useMatchMedia(query) {\n var when = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n matches = _React$useState2[0],\n setMatches = _React$useState2[1];\n var matchMedia = React.useRef(null);\n var handleChange = function handleChange(e) {\n return setMatches(e.matches);\n };\n var bind = function bind() {\n return matchMedia.current && matchMedia.current.addEventListener('change', handleChange);\n };\n var unbind = function unbind() {\n return matchMedia.current && matchMedia.current.removeEventListener('change', handleChange) && (matchMedia.current = null);\n };\n React.useEffect(function () {\n if (when) {\n matchMedia.current = window.matchMedia(query);\n setMatches(matchMedia.current.matches);\n bind();\n }\n return unbind;\n }, [query, when]);\n return matches;\n};\n/* eslint-enable */\n\nfunction _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\n\nfunction _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}\n\nfunction _toPropertyKey(arg) {\n var key = _toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}\n\nfunction _defineProperty(obj, key, value) {\n key = _toPropertyKey(key);\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\n\nfunction ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\n\n/**\n * Hook to merge properties including custom merge function for things like Tailwind merge.\n */\nvar useMergeProps = function useMergeProps() {\n var context = useContext(PrimeReactContext);\n return function () {\n var _context$ptOptions;\n var options = _objectSpread$2({}, (context === null || context === void 0 || (_context$ptOptions = context.ptOptions) === null || _context$ptOptions === void 0 ? void 0 : _context$ptOptions.classNameMergeFunction) && {\n classNameMergeFunction: context.classNameMergeFunction\n });\n for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {\n props[_key] = arguments[_key];\n }\n return _mergeProps(props, options);\n };\n};\n\n/* eslint-disable */\n\n/**\n * Custom hook to run a mount effect only once.\n * @param {*} fn the callback function\n * @returns the hook\n */\nvar useMountEffect = function useMountEffect(fn) {\n var mounted = React.useRef(false);\n return React.useEffect(function () {\n if (!mounted.current) {\n mounted.current = true;\n return fn && fn();\n }\n }, []);\n};\n/* eslint-enable */\n\nfunction ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nvar useMouse = function useMouse() {\n var _React$useState = React.useState({\n x: 0,\n y: 0\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n position = _React$useState2[0],\n setPosition = _React$useState2[1];\n var ref = React.useRef(null);\n var handleMouseMove = React.useCallback(function (event) {\n var x, y;\n if (ref.current) {\n var rect = event.currentTarget.getBoundingClientRect();\n x = event.pageX - rect.left - (window.pageXOffset || window.scrollX);\n y = event.pageY - rect.top - (window.pageYOffset || window.scrollY);\n } else {\n x = event.clientX;\n y = event.clientY;\n }\n setPosition({\n x: Math.max(0, Math.round(x)),\n y: Math.max(0, Math.round(y))\n });\n }, []);\n var _useEventListener = useEventListener({\n target: ref,\n type: 'mousemove',\n listener: handleMouseMove\n }),\n _useEventListener2 = _slicedToArray(_useEventListener, 2),\n bindMouseMoveEventListener = _useEventListener2[0],\n unbindMouseMoveEventListener = _useEventListener2[1];\n var _useEventListener3 = useEventListener({\n type: 'mousemove',\n listener: handleMouseMove\n }),\n _useEventListener4 = _slicedToArray(_useEventListener3, 2),\n bindDocumentMoveEventListener = _useEventListener4[0],\n unbindDocumentMoveEventListener = _useEventListener4[1];\n var reset = function reset() {\n return setPosition({\n x: 0,\n y: 0\n });\n };\n React.useEffect(function () {\n bindMouseMoveEventListener();\n if (!ref.current) {\n bindDocumentMoveEventListener();\n }\n return function () {\n unbindMouseMoveEventListener();\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n if (!ref.current) {\n unbindDocumentMoveEventListener();\n }\n };\n }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);\n return _objectSpread$1(_objectSpread$1({\n ref: ref\n }, position), {}, {\n reset: reset\n });\n};\n\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction useMove(_ref) {\n var _ref$mode = _ref.mode,\n mode = _ref$mode === void 0 ? 'both' : _ref$mode,\n _ref$initialValue = _ref.initialValue,\n initialValue = _ref$initialValue === void 0 ? {\n x: 0,\n y: 0\n } : _ref$initialValue;\n var _React$useState = React.useState(initialValue),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n positions = _React$useState2[0],\n setPositions = _React$useState2[1];\n var _React$useState3 = React.useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n active = _React$useState4[0],\n setActive = _React$useState4[1];\n var isMounted = React.useRef(false);\n var isSliding = React.useRef(false);\n var ref = React.useRef(null);\n var onMouseMove = function onMouseMove(event) {\n return updateMousePosition({\n x: event.clientX,\n y: event.clientY\n });\n };\n var handlePositionChange = function handlePositionChange(_ref2) {\n var clampedX = _ref2.clampedX,\n clampedY = _ref2.clampedY;\n if (mode === 'vertical') {\n setPositions({\n y: 1 - clampedY\n });\n } else if (mode === 'horizontal') {\n setPositions({\n x: clampedX\n });\n } else if (mode === 'both') {\n setPositions({\n x: clampedX,\n y: clampedY\n });\n }\n };\n var onMouseDown = function onMouseDown(event) {\n startScrubbing();\n event.preventDefault();\n onMouseMove(event);\n };\n var stopScrubbing = function stopScrubbing() {\n if (isSliding.current && isMounted.current) {\n isSliding.current = false;\n setActive(false);\n unbindListeners();\n }\n };\n var onTouchMove = function onTouchMove(event) {\n if (event.cancelable) {\n event.preventDefault();\n }\n updateMousePosition({\n x: event.changedTouches[0].clientX,\n y: event.changedTouches[0].clientY\n });\n };\n var onTouchStart = function onTouchStart(event) {\n if (event.cancelable) {\n event.preventDefault();\n }\n startScrubbing();\n onTouchMove(event);\n };\n var _useEventListener = useEventListener({\n type: 'mousemove',\n listener: onMouseMove\n }),\n _useEventListener2 = _slicedToArray(_useEventListener, 2),\n bindDocumentMouseMoveListener = _useEventListener2[0],\n unbindDocumentMouseMoveListener = _useEventListener2[1];\n var _useEventListener3 = useEventListener({\n type: 'mouseup',\n listener: stopScrubbing\n }),\n _useEventListener4 = _slicedToArray(_useEventListener3, 2),\n bindDocumentMouseUpListener = _useEventListener4[0],\n unbindDocumentMouseUpListener = _useEventListener4[1];\n var _useEventListener5 = useEventListener({\n type: 'touchmove',\n listener: onTouchMove\n }),\n _useEventListener6 = _slicedToArray(_useEventListener5, 2),\n bindDocumentTouchMoveListener = _useEventListener6[0],\n unbindDocumentTouchMoveListener = _useEventListener6[1];\n var _useEventListener7 = useEventListener({\n type: 'touchend',\n listener: stopScrubbing\n }),\n _useEventListener8 = _slicedToArray(_useEventListener7, 2),\n bindDocumentTouchEndListener = _useEventListener8[0],\n unbindDocumentTouchEndListener = _useEventListener8[1];\n var _useEventListener9 = useEventListener({\n target: ref,\n type: 'mousedown',\n listener: onMouseDown\n }),\n _useEventListener10 = _slicedToArray(_useEventListener9, 2),\n bindMouseDownListener = _useEventListener10[0],\n unbindMouseDownListener = _useEventListener10[1];\n var _useEventListener11 = useEventListener({\n target: ref,\n type: 'touchstart',\n listener: onTouchStart,\n options: {\n passive: false\n }\n }),\n _useEventListener12 = _slicedToArray(_useEventListener11, 2),\n bindTouchStartListener = _useEventListener12[0],\n unbindTouchStartListener = _useEventListener12[1];\n var clamp = function clamp(value, min, max) {\n return Math.min(Math.max(value, min), max);\n };\n var clampPositions = function clampPositions(_ref3) {\n var x = _ref3.x,\n y = _ref3.y;\n return {\n clampedX: clamp(x, 0, 1),\n clampedY: clamp(y, 0, 1)\n };\n };\n var bindListeners = function bindListeners() {\n bindDocumentMouseMoveListener();\n bindDocumentMouseUpListener();\n bindDocumentTouchMoveListener();\n bindDocumentTouchEndListener();\n };\n var unbindListeners = function unbindListeners() {\n unbindDocumentMouseMoveListener();\n unbindDocumentMouseUpListener();\n unbindDocumentTouchMoveListener();\n unbindDocumentTouchEndListener();\n };\n var reset = function reset() {\n setPositions(initialValue);\n };\n React.useEffect(function () {\n isMounted.current = true;\n }, []);\n var startScrubbing = function startScrubbing() {\n if (!isSliding.current && isMounted.current) {\n isSliding.current = true;\n setActive(true);\n bindListeners();\n }\n };\n var updateMousePosition = function updateMousePosition(_ref4) {\n var x = _ref4.x,\n y = _ref4.y;\n if (isSliding.current) {\n var rect = ref.current.getBoundingClientRect();\n var _clampPositions = clampPositions({\n x: (x - rect.left) / rect.width,\n y: (y - rect.top) / rect.height\n }),\n clampedX = _clampPositions.clampedX,\n clampedY = _clampPositions.clampedY;\n handlePositionChange({\n clampedX: clampedX,\n clampedY: clampedY\n });\n }\n };\n React.useEffect(function () {\n if (ref.current) {\n bindMouseDownListener();\n bindTouchStartListener();\n }\n return function () {\n if (ref.current) {\n unbindMouseDownListener();\n unbindTouchStartListener();\n }\n };\n }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);\n return _objectSpread(_objectSpread({\n ref: ref\n }, positions), {}, {\n active: active,\n reset: reset\n });\n}\n\n/* eslint-disable */\nvar useOverlayScrollListener = function useOverlayScrollListener(_ref) {\n var target = _ref.target,\n listener = _ref.listener,\n options = _ref.options,\n _ref$when = _ref.when,\n when = _ref$when === void 0 ? true : _ref$when;\n var targetRef = React.useRef(null);\n var listenerRef = React.useRef(null);\n var scrollableParents = React.useRef([]);\n var prevOptions = usePrevious(options);\n var context = React.useContext(PrimeReactContext);\n var bind = function bind() {\n var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n if (ObjectUtils.isNotEmpty(bindOptions.target)) {\n unbind();\n (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));\n }\n if (!listenerRef.current && targetRef.current) {\n var hideOnScroll = context ? context.hideOverlaysOnDocumentScrolling : PrimeReact.hideOverlaysOnDocumentScrolling;\n var nodes = scrollableParents.current = DomHandler.getScrollableParents(targetRef.current, hideOnScroll);\n listenerRef.current = function (event) {\n return listener && listener(event);\n };\n nodes.forEach(function (node) {\n return node.addEventListener('scroll', listenerRef.current, options);\n });\n }\n };\n var unbind = function unbind() {\n if (listenerRef.current) {\n var nodes = scrollableParents.current;\n nodes.forEach(function (node) {\n return node.removeEventListener('scroll', listenerRef.current, options);\n });\n listenerRef.current = null;\n }\n };\n React.useEffect(function () {\n if (when) {\n targetRef.current = DomHandler.getTargetElement(target);\n } else {\n unbind();\n targetRef.current = null;\n }\n }, [target, when]);\n React.useEffect(function () {\n if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {\n unbind();\n when && bind();\n }\n }, [listener, options]);\n useUnmountEffect(function () {\n unbind();\n });\n return [bind, unbind];\n};\n/* eslint-enable */\n\nvar useResizeListener = function useResizeListener(_ref) {\n var listener = _ref.listener,\n _ref$when = _ref.when,\n when = _ref$when === void 0 ? true : _ref$when;\n return useEventListener({\n target: 'window',\n type: 'resize',\n listener: listener,\n when: when\n });\n};\n\nvar useOverlayListener = function useOverlayListener(_ref) {\n var target = _ref.target,\n overlay = _ref.overlay,\n _listener = _ref.listener,\n _ref$when = _ref.when,\n when = _ref$when === void 0 ? true : _ref$when;\n var targetRef = React.useRef(null);\n var overlayRef = React.useRef(null);\n\n /**\n * The parameters of the 'listener' method in the following event handlers;\n * @param {Event} event A click event of the document.\n * @param {string} options.type The custom type to detect event.\n * @param {boolean} options.valid It is controlled by PrimeReact. It is determined whether it is valid or not according to some custom validation.\n */\n var _useEventListener = useEventListener({\n target: 'window',\n type: 'click',\n listener: function listener(event) {\n _listener && _listener(event, {\n type: 'outside',\n valid: event.which !== 3 && isOutsideClicked(event)\n });\n }\n }),\n _useEventListener2 = _slicedToArray(_useEventListener, 2),\n bindDocumentClickListener = _useEventListener2[0],\n unbindDocumentClickListener = _useEventListener2[1];\n var _useResizeListener = useResizeListener({\n target: 'window',\n listener: function listener(event) {\n _listener && _listener(event, {\n type: 'resize',\n valid: !DomHandler.isTouchDevice()\n });\n }\n }),\n _useResizeListener2 = _slicedToArray(_useResizeListener, 2),\n bindWindowResizeListener = _useResizeListener2[0],\n unbindWindowResizeListener = _useResizeListener2[1];\n var _useEventListener3 = useEventListener({\n target: 'window',\n type: 'orientationchange',\n listener: function listener(event) {\n _listener && _listener(event, {\n type: 'orientationchange',\n valid: true\n });\n }\n }),\n _useEventListener4 = _slicedToArray(_useEventListener3, 2),\n bindWindowOrientationChangeListener = _useEventListener4[0],\n unbindWindowOrientationChangeListener = _useEventListener4[1];\n var _useOverlayScrollList = useOverlayScrollListener({\n target: target,\n listener: function listener(event) {\n _listener && _listener(event, {\n type: 'scroll',\n valid: true\n });\n }\n }),\n _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),\n bindOverlayScrollListener = _useOverlayScrollList2[0],\n unbindOverlayScrollListener = _useOverlayScrollList2[1];\n var isOutsideClicked = function isOutsideClicked(event) {\n return targetRef.current && !(targetRef.current.isSameNode(event.target) || targetRef.current.contains(event.target) || overlayRef.current && overlayRef.current.contains(event.target));\n };\n var bind = function bind() {\n bindDocumentClickListener();\n bindWindowResizeListener();\n bindWindowOrientationChangeListener();\n bindOverlayScrollListener();\n };\n var unbind = function unbind() {\n unbindDocumentClickListener();\n unbindWindowResizeListener();\n unbindWindowOrientationChangeListener();\n unbindOverlayScrollListener();\n };\n React.useEffect(function () {\n if (when) {\n targetRef.current = DomHandler.getTargetElement(target);\n overlayRef.current = DomHandler.getTargetElement(overlay);\n } else {\n unbind();\n targetRef.current = overlayRef.current = null;\n }\n }, [target, overlay, when]);\n React.useEffect(function () {\n unbind();\n }, [when]);\n useUnmountEffect(function () {\n unbind();\n });\n return [bind, unbind];\n};\n/* eslint-enable */\n\n/**\n * Hook to wrap around useState that stores the value in the browser local/session storage.\n *\n * @param {any} initialValue the initial value to store\n * @param {string} key the key to store the value in local/session storage\n * @param {string} storage either 'local' or 'session' for what type of storage\n * @returns a stateful value, and a function to update it.\n */\nvar useStorage = function useStorage(initialValue, key) {\n var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';\n // Since the local storage API isn't available in server-rendering environments,\n // we check that typeof window !== 'undefined' to make SSR and SSG work properly.\n var storageAvailable = typeof window !== 'undefined';\n\n // subscribe to window storage event so changes in one tab to a stored value\n // are properly reflected in all tabs\n var _useEventListener = useEventListener({\n target: 'window',\n type: 'storage',\n listener: function listener(event) {\n var area = storage === 'local' ? window.localStorage : window.sessionStorage;\n if (event.storageArea === area && event.key === key) {\n var newValue = event.newValue ? JSON.parse(event.newValue) : undefined;\n setStoredValue(newValue);\n }\n }\n }),\n _useEventListener2 = _slicedToArray(_useEventListener, 2),\n bindWindowStorageListener = _useEventListener2[0],\n unbindWindowStorageListener = _useEventListener2[1];\n var _React$useState = React.useState(initialValue),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n storedValue = _React$useState2[0],\n setStoredValue = _React$useState2[1];\n var setValue = function setValue(value) {\n try {\n // Allow value to be a function so we have same API as useState\n var valueToStore = value instanceof Function ? value(storedValue) : value;\n setStoredValue(valueToStore);\n if (storageAvailable) {\n var serializedValue = JSON.stringify(valueToStore);\n storage === 'local' ? window.localStorage.setItem(key, serializedValue) : window.sessionStorage.setItem(key, serializedValue);\n }\n } catch (error) {\n throw new Error(\"PrimeReact useStorage: Failed to serialize the value at key: \".concat(key));\n }\n };\n React.useEffect(function () {\n if (!storageAvailable) {\n setStoredValue(initialValue);\n }\n try {\n var item = storage === 'local' ? window.localStorage.getItem(key) : window.sessionStorage.getItem(key);\n setStoredValue(item ? JSON.parse(item) : initialValue);\n } catch (error) {\n // If error also return initialValue\n setStoredValue(initialValue);\n }\n bindWindowStorageListener();\n return function () {\n return unbindWindowStorageListener();\n };\n }, []);\n return [storedValue, setValue];\n};\n\n/**\n * Hook to wrap around useState that stores the value in the browser local storage.\n *\n * @param {any} initialValue the initial value to store\n * @param {string} key the key to store the value in local storage\n * @returns a stateful value, and a function to update it.\n */\nvar useLocalStorage = function useLocalStorage(initialValue, key) {\n return useStorage(initialValue, key, 'local');\n};\n\n/**\n * Hook to wrap around useState that stores the value in the browser session storage.\n *\n * @param {any} initialValue the initial value to store\n * @param {string} key the key to store the value in session storage\n * @returns a stateful value, and a function to update it.\n */\nvar useSessionStorage = function useSessionStorage(initialValue, key) {\n return useStorage(initialValue, key, 'session');\n};\n/* eslint-enable */\n\nvar _id = 0;\nvar useStyle = function useStyle(css) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n isLoaded = _useState2[0],\n setIsLoaded = _useState2[1];\n var styleRef = useRef(null);\n var context = useContext(PrimeReactContext);\n var defaultDocument = DomHandler.isClient() ? window.document : undefined;\n var _options$document = options.document,\n document = _options$document === void 0 ? defaultDocument : _options$document,\n _options$manual = options.manual,\n manual = _options$manual === void 0 ? false : _options$manual,\n _options$name = options.name,\n name = _options$name === void 0 ? \"style_\".concat(++_id) : _options$name,\n _options$id = options.id,\n id = _options$id === void 0 ? undefined : _options$id,\n _options$media = options.media,\n media = _options$media === void 0 ? undefined : _options$media;\n var update = function update(newCSS) {\n isLoaded && css !== newCSS && (styleRef.current.textContent = newCSS);\n };\n var load = function load() {\n if (!document || isLoaded) return;\n var styleContainer = (context === null || context === void 0 ? void 0 : context.styleContainer) || document.head;\n styleRef.current = styleContainer.querySelector(\"style[data-primereact-style-id=\\\"\".concat(name, \"\\\"]\")) || document.getElementById(id) || document.createElement('style');\n if (!styleRef.current.isConnected) {\n styleRef.current.type = 'text/css';\n id && (styleRef.current.id = id);\n media && (styleRef.current.media = media);\n DomHandler.addNonce(styleRef.current, context && context.nonce || PrimeReact.nonce);\n styleContainer.appendChild(styleRef.current);\n name && styleRef.current.setAttribute('data-primereact-style-id', name);\n }\n styleRef.current.textContent = css;\n setIsLoaded(true);\n };\n var unload = function unload() {\n if (!document || !styleRef.current) return;\n DomHandler.removeInlineStyle(styleRef.current);\n setIsLoaded(false);\n };\n useEffect(function () {\n if (!manual) load();\n\n // return () => {if (!manual) unload()}; /* @todo */\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [manual]);\n return {\n id: id,\n name: name,\n update: update,\n unload: unload,\n load: load,\n isLoaded: isLoaded\n };\n};\n\n/* eslint-disable */\nvar useTimeout = function useTimeout(fn) {\n var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n var timeout = React.useRef(null);\n var savedCallback = React.useRef(null);\n var clear = React.useCallback(function () {\n return clearTimeout(timeout.current);\n }, [timeout.current]);\n React.useEffect(function () {\n savedCallback.current = fn;\n });\n React.useEffect(function () {\n function callback() {\n savedCallback.current();\n }\n if (when) {\n timeout.current = setTimeout(callback, delay);\n return clear;\n } else {\n clear();\n }\n }, [delay, when]);\n useUnmountEffect(function () {\n clear();\n });\n return [clear];\n};\n/* eslint-enable */\n\n/* eslint-disable */\nvar useUpdateEffect = function useUpdateEffect(fn, deps) {\n var mounted = React.useRef(false);\n return React.useEffect(function () {\n if (!mounted.current) {\n mounted.current = true;\n return;\n }\n return fn && fn();\n }, deps);\n};\n/* eslint-enable */\n\nexport { ESC_KEY_HANDLING_PRIORITIES, useClickOutside, useCounter, useDebounce, useDisplayOrder, useEventListener, useFavicon, useGlobalOnEscapeKey, useIntersectionObserver, useInterval, useLocalStorage, useMatchMedia, useMergeProps, useMountEffect, useMouse, useMove, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useSessionStorage, useStorage, useStyle, useTimeout, useUnmountEffect, useUpdateEffect };\n","import React from \"react\";\nimport { Router } from \"react-router\";\nimport { createBrowserHistory as createHistory } from \"history\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\n/**\n * The public API for a