' + func(text) + '
';\n * });\n *\n * p('fred, barney, & pebbles');\n * // => 'fred, barney, & pebbles
'\n */\n function wrap(value, wrapper) {\n return partial(castFunction(wrapper), value);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Casts `value` as an array if it's not one.\n *\n * @static\n * @memberOf _\n * @since 4.4.0\n * @category Lang\n * @param {*} value The value to inspect.\n * @returns {Array} Returns the cast array.\n * @example\n *\n * _.castArray(1);\n * // => [1]\n *\n * _.castArray({ 'a': 1 });\n * // => [{ 'a': 1 }]\n *\n * _.castArray('abc');\n * // => ['abc']\n *\n * _.castArray(null);\n * // => [null]\n *\n * _.castArray(undefined);\n * // => [undefined]\n *\n * _.castArray();\n * // => []\n *\n * var array = [1, 2, 3];\n * console.log(_.castArray(array) === array);\n * // => true\n */\n function castArray() {\n if (!arguments.length) {\n return [];\n }\n var value = arguments[0];\n return isArray(value) ? value : [value];\n }\n\n /**\n * Creates a shallow clone of `value`.\n *\n * **Note:** This method is loosely based on the\n * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n * and supports cloning arrays, array buffers, booleans, date objects, maps,\n * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n * arrays. The own enumerable properties of `arguments` objects are cloned\n * as plain objects. An empty object is returned for uncloneable values such\n * as error objects, functions, DOM nodes, and WeakMaps.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to clone.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeep\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var shallow = _.clone(objects);\n * console.log(shallow[0] === objects[0]);\n * // => true\n */\n function clone(value) {\n return baseClone(value, CLONE_SYMBOLS_FLAG);\n }\n\n /**\n * This method is like `_.clone` except that it accepts `customizer` which\n * is invoked to produce the cloned value. If `customizer` returns `undefined`,\n * cloning is handled by the method instead. The `customizer` is invoked with\n * up to four arguments; (value [, index|key, object, stack]).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to clone.\n * @param {Function} [customizer] The function to customize cloning.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeepWith\n * @example\n *\n * function customizer(value) {\n * if (_.isElement(value)) {\n * return value.cloneNode(false);\n * }\n * }\n *\n * var el = _.cloneWith(document.body, customizer);\n *\n * console.log(el === document.body);\n * // => false\n * console.log(el.nodeName);\n * // => 'BODY'\n * console.log(el.childNodes.length);\n * // => 0\n */\n function cloneWith(value, customizer) {\n customizer = typeof customizer == 'function' ? customizer : undefined;\n return baseClone(value, CLONE_SYMBOLS_FLAG, customizer);\n }\n\n /**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\n function cloneDeep(value) {\n return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n }\n\n /**\n * This method is like `_.cloneWith` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @param {Function} [customizer] The function to customize cloning.\n * @returns {*} Returns the deep cloned value.\n * @see _.cloneWith\n * @example\n *\n * function customizer(value) {\n * if (_.isElement(value)) {\n * return value.cloneNode(true);\n * }\n * }\n *\n * var el = _.cloneDeepWith(document.body, customizer);\n *\n * console.log(el === document.body);\n * // => false\n * console.log(el.nodeName);\n * // => 'BODY'\n * console.log(el.childNodes.length);\n * // => 20\n */\n function cloneDeepWith(value, customizer) {\n customizer = typeof customizer == 'function' ? customizer : undefined;\n return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG, customizer);\n }\n\n /**\n * Checks if `object` conforms to `source` by invoking the predicate\n * properties of `source` with the corresponding property values of `object`.\n *\n * **Note:** This method is equivalent to `_.conforms` when `source` is\n * partially applied.\n *\n * @static\n * @memberOf _\n * @since 4.14.0\n * @category Lang\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property predicates to conform to.\n * @returns {boolean} Returns `true` if `object` conforms, else `false`.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n *\n * _.conformsTo(object, { 'b': function(n) { return n > 1; } });\n * // => true\n *\n * _.conformsTo(object, { 'b': function(n) { return n > 2; } });\n * // => false\n */\n function conformsTo(object, source) {\n return source == null || baseConformsTo(object, source, keys(source));\n }\n\n /**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\n function eq(value, other) {\n return value === other || (value !== value && other !== other);\n }\n\n /**\n * Checks if `value` is greater than `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is greater than `other`,\n * else `false`.\n * @see _.lt\n * @example\n *\n * _.gt(3, 1);\n * // => true\n *\n * _.gt(3, 3);\n * // => false\n *\n * _.gt(1, 3);\n * // => false\n */\n var gt = createRelationalOperation(baseGt);\n\n /**\n * Checks if `value` is greater than or equal to `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is greater than or equal to\n * `other`, else `false`.\n * @see _.lte\n * @example\n *\n * _.gte(3, 1);\n * // => true\n *\n * _.gte(3, 3);\n * // => true\n *\n * _.gte(1, 3);\n * // => false\n */\n var gte = createRelationalOperation(function(value, other) {\n return value >= other;\n });\n\n /**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n * else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\n var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {\n return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&\n !propertyIsEnumerable.call(value, 'callee');\n };\n\n /**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\n var isArray = Array.isArray;\n\n /**\n * Checks if `value` is classified as an `ArrayBuffer` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.\n * @example\n *\n * _.isArrayBuffer(new ArrayBuffer(2));\n * // => true\n *\n * _.isArrayBuffer(new Array(2));\n * // => false\n */\n var isArrayBuffer = nodeIsArrayBuffer ? baseUnary(nodeIsArrayBuffer) : baseIsArrayBuffer;\n\n /**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\n function isArrayLike(value) {\n return value != null && isLength(value.length) && !isFunction(value);\n }\n\n /**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n * else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\n function isArrayLikeObject(value) {\n return isObjectLike(value) && isArrayLike(value);\n }\n\n /**\n * Checks if `value` is classified as a boolean primitive or object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a boolean, else `false`.\n * @example\n *\n * _.isBoolean(false);\n * // => true\n *\n * _.isBoolean(null);\n * // => false\n */\n function isBoolean(value) {\n return value === true || value === false ||\n (isObjectLike(value) && baseGetTag(value) == boolTag);\n }\n\n /**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\n var isBuffer = nativeIsBuffer || stubFalse;\n\n /**\n * Checks if `value` is classified as a `Date` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a date object, else `false`.\n * @example\n *\n * _.isDate(new Date);\n * // => true\n *\n * _.isDate('Mon April 23 2012');\n * // => false\n */\n var isDate = nodeIsDate ? baseUnary(nodeIsDate) : baseIsDate;\n\n /**\n * Checks if `value` is likely a DOM element.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a DOM element, else `false`.\n * @example\n *\n * _.isElement(document.body);\n * // => true\n *\n * _.isElement('');\n * // => false\n */\n function isElement(value) {\n return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);\n }\n\n /**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\n function isEmpty(value) {\n if (value == null) {\n return true;\n }\n if (isArrayLike(value) &&\n (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n return !value.length;\n }\n var tag = getTag(value);\n if (tag == mapTag || tag == setTag) {\n return !value.size;\n }\n if (isPrototype(value)) {\n return !baseKeys(value).length;\n }\n for (var key in value) {\n if (hasOwnProperty.call(value, key)) {\n return false;\n }\n }\n return true;\n }\n\n /**\n * Performs a deep comparison between two values to determine if they are\n * equivalent.\n *\n * **Note:** This method supports comparing arrays, array buffers, booleans,\n * date objects, error objects, maps, numbers, `Object` objects, regexes,\n * sets, strings, symbols, and typed arrays. `Object` objects are compared\n * by their own, not inherited, enumerable properties. Functions and DOM\n * nodes are compared by strict equality, i.e. `===`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.isEqual(object, other);\n * // => true\n *\n * object === other;\n * // => false\n */\n function isEqual(value, other) {\n return baseIsEqual(value, other);\n }\n\n /**\n * This method is like `_.isEqual` except that it accepts `customizer` which\n * is invoked to compare values. If `customizer` returns `undefined`, comparisons\n * are handled by the method instead. The `customizer` is invoked with up to\n * six arguments: (objValue, othValue [, index|key, object, other, stack]).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @param {Function} [customizer] The function to customize comparisons.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * function isGreeting(value) {\n * return /^h(?:i|ello)$/.test(value);\n * }\n *\n * function customizer(objValue, othValue) {\n * if (isGreeting(objValue) && isGreeting(othValue)) {\n * return true;\n * }\n * }\n *\n * var array = ['hello', 'goodbye'];\n * var other = ['hi', 'goodbye'];\n *\n * _.isEqualWith(array, other, customizer);\n * // => true\n */\n function isEqualWith(value, other, customizer) {\n customizer = typeof customizer == 'function' ? customizer : undefined;\n var result = customizer ? customizer(value, other) : undefined;\n return result === undefined ? baseIsEqual(value, other, undefined, customizer) : !!result;\n }\n\n /**\n * Checks if `value` is an `Error`, `EvalError`, `RangeError`, `ReferenceError`,\n * `SyntaxError`, `TypeError`, or `URIError` object.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an error object, else `false`.\n * @example\n *\n * _.isError(new Error);\n * // => true\n *\n * _.isError(Error);\n * // => false\n */\n function isError(value) {\n if (!isObjectLike(value)) {\n return false;\n }\n var tag = baseGetTag(value);\n return tag == errorTag || tag == domExcTag ||\n (typeof value.message == 'string' && typeof value.name == 'string' && !isPlainObject(value));\n }\n\n /**\n * Checks if `value` is a finite primitive number.\n *\n * **Note:** This method is based on\n * [`Number.isFinite`](https://mdn.io/Number/isFinite).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.\n * @example\n *\n * _.isFinite(3);\n * // => true\n *\n * _.isFinite(Number.MIN_VALUE);\n * // => true\n *\n * _.isFinite(Infinity);\n * // => false\n *\n * _.isFinite('3');\n * // => false\n */\n function isFinite(value) {\n return typeof value == 'number' && nativeIsFinite(value);\n }\n\n /**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\n function isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n }\n\n /**\n * Checks if `value` is an integer.\n *\n * **Note:** This method is based on\n * [`Number.isInteger`](https://mdn.io/Number/isInteger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an integer, else `false`.\n * @example\n *\n * _.isInteger(3);\n * // => true\n *\n * _.isInteger(Number.MIN_VALUE);\n * // => false\n *\n * _.isInteger(Infinity);\n * // => false\n *\n * _.isInteger('3');\n * // => false\n */\n function isInteger(value) {\n return typeof value == 'number' && value == toInteger(value);\n }\n\n /**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\n function isLength(value) {\n return typeof value == 'number' &&\n value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n }\n\n /**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\n function isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n }\n\n /**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\n function isObjectLike(value) {\n return value != null && typeof value == 'object';\n }\n\n /**\n * Checks if `value` is classified as a `Map` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n * @example\n *\n * _.isMap(new Map);\n * // => true\n *\n * _.isMap(new WeakMap);\n * // => false\n */\n var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;\n\n /**\n * Performs a partial deep comparison between `object` and `source` to\n * determine if `object` contains equivalent property values.\n *\n * **Note:** This method is equivalent to `_.matches` when `source` is\n * partially applied.\n *\n * Partial comparisons will match empty array and empty object `source`\n * values against any array or object value, respectively. See `_.isEqual`\n * for a list of supported value comparisons.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property values to match.\n * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n *\n * _.isMatch(object, { 'b': 2 });\n * // => true\n *\n * _.isMatch(object, { 'b': 1 });\n * // => false\n */\n function isMatch(object, source) {\n return object === source || baseIsMatch(object, source, getMatchData(source));\n }\n\n /**\n * This method is like `_.isMatch` except that it accepts `customizer` which\n * is invoked to compare values. If `customizer` returns `undefined`, comparisons\n * are handled by the method instead. The `customizer` is invoked with five\n * arguments: (objValue, srcValue, index|key, object, source).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property values to match.\n * @param {Function} [customizer] The function to customize comparisons.\n * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n * @example\n *\n * function isGreeting(value) {\n * return /^h(?:i|ello)$/.test(value);\n * }\n *\n * function customizer(objValue, srcValue) {\n * if (isGreeting(objValue) && isGreeting(srcValue)) {\n * return true;\n * }\n * }\n *\n * var object = { 'greeting': 'hello' };\n * var source = { 'greeting': 'hi' };\n *\n * _.isMatchWith(object, source, customizer);\n * // => true\n */\n function isMatchWith(object, source, customizer) {\n customizer = typeof customizer == 'function' ? customizer : undefined;\n return baseIsMatch(object, source, getMatchData(source), customizer);\n }\n\n /**\n * Checks if `value` is `NaN`.\n *\n * **Note:** This method is based on\n * [`Number.isNaN`](https://mdn.io/Number/isNaN) and is not the same as\n * global [`isNaN`](https://mdn.io/isNaN) which returns `true` for\n * `undefined` and other non-number values.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n * @example\n *\n * _.isNaN(NaN);\n * // => true\n *\n * _.isNaN(new Number(NaN));\n * // => true\n *\n * isNaN(undefined);\n * // => true\n *\n * _.isNaN(undefined);\n * // => false\n */\n function isNaN(value) {\n // An `NaN` primitive is the only value that is not equal to itself.\n // Perform the `toStringTag` check first to avoid errors with some\n // ActiveX objects in IE.\n return isNumber(value) && value != +value;\n }\n\n /**\n * Checks if `value` is a pristine native function.\n *\n * **Note:** This method can't reliably detect native functions in the presence\n * of the core-js package because core-js circumvents this kind of detection.\n * Despite multiple requests, the core-js maintainer has made it clear: any\n * attempt to fix the detection will be obstructed. As a result, we're left\n * with little choice but to throw an error. Unfortunately, this also affects\n * packages, like [babel-polyfill](https://www.npmjs.com/package/babel-polyfill),\n * which rely on core-js.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n * else `false`.\n * @example\n *\n * _.isNative(Array.prototype.push);\n * // => true\n *\n * _.isNative(_);\n * // => false\n */\n function isNative(value) {\n if (isMaskable(value)) {\n throw new Error(CORE_ERROR_TEXT);\n }\n return baseIsNative(value);\n }\n\n /**\n * Checks if `value` is `null`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `null`, else `false`.\n * @example\n *\n * _.isNull(null);\n * // => true\n *\n * _.isNull(void 0);\n * // => false\n */\n function isNull(value) {\n return value === null;\n }\n\n /**\n * Checks if `value` is `null` or `undefined`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is nullish, else `false`.\n * @example\n *\n * _.isNil(null);\n * // => true\n *\n * _.isNil(void 0);\n * // => true\n *\n * _.isNil(NaN);\n * // => false\n */\n function isNil(value) {\n return value == null;\n }\n\n /**\n * Checks if `value` is classified as a `Number` primitive or object.\n *\n * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are\n * classified as numbers, use the `_.isFinite` method.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a number, else `false`.\n * @example\n *\n * _.isNumber(3);\n * // => true\n *\n * _.isNumber(Number.MIN_VALUE);\n * // => true\n *\n * _.isNumber(Infinity);\n * // => true\n *\n * _.isNumber('3');\n * // => false\n */\n function isNumber(value) {\n return typeof value == 'number' ||\n (isObjectLike(value) && baseGetTag(value) == numberTag);\n }\n\n /**\n * Checks if `value` is a plain object, that is, an object created by the\n * `Object` constructor or one with a `[[Prototype]]` of `null`.\n *\n * @static\n * @memberOf _\n * @since 0.8.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * _.isPlainObject(new Foo);\n * // => false\n *\n * _.isPlainObject([1, 2, 3]);\n * // => false\n *\n * _.isPlainObject({ 'x': 0, 'y': 0 });\n * // => true\n *\n * _.isPlainObject(Object.create(null));\n * // => true\n */\n function isPlainObject(value) {\n if (!isObjectLike(value) || baseGetTag(value) != objectTag) {\n return false;\n }\n var proto = getPrototype(value);\n if (proto === null) {\n return true;\n }\n var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;\n return typeof Ctor == 'function' && Ctor instanceof Ctor &&\n funcToString.call(Ctor) == objectCtorString;\n }\n\n /**\n * Checks if `value` is classified as a `RegExp` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.\n * @example\n *\n * _.isRegExp(/abc/);\n * // => true\n *\n * _.isRegExp('/abc/');\n * // => false\n */\n var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;\n\n /**\n * Checks if `value` is a safe integer. An integer is safe if it's an IEEE-754\n * double precision number which isn't the result of a rounded unsafe integer.\n *\n * **Note:** This method is based on\n * [`Number.isSafeInteger`](https://mdn.io/Number/isSafeInteger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a safe integer, else `false`.\n * @example\n *\n * _.isSafeInteger(3);\n * // => true\n *\n * _.isSafeInteger(Number.MIN_VALUE);\n * // => false\n *\n * _.isSafeInteger(Infinity);\n * // => false\n *\n * _.isSafeInteger('3');\n * // => false\n */\n function isSafeInteger(value) {\n return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;\n }\n\n /**\n * Checks if `value` is classified as a `Set` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n * @example\n *\n * _.isSet(new Set);\n * // => true\n *\n * _.isSet(new WeakSet);\n * // => false\n */\n var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;\n\n /**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\n function isString(value) {\n return typeof value == 'string' ||\n (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);\n }\n\n /**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\n function isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n }\n\n /**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\n var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\n /**\n * Checks if `value` is `undefined`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.\n * @example\n *\n * _.isUndefined(void 0);\n * // => true\n *\n * _.isUndefined(null);\n * // => false\n */\n function isUndefined(value) {\n return value === undefined;\n }\n\n /**\n * Checks if `value` is classified as a `WeakMap` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a weak map, else `false`.\n * @example\n *\n * _.isWeakMap(new WeakMap);\n * // => true\n *\n * _.isWeakMap(new Map);\n * // => false\n */\n function isWeakMap(value) {\n return isObjectLike(value) && getTag(value) == weakMapTag;\n }\n\n /**\n * Checks if `value` is classified as a `WeakSet` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a weak set, else `false`.\n * @example\n *\n * _.isWeakSet(new WeakSet);\n * // => true\n *\n * _.isWeakSet(new Set);\n * // => false\n */\n function isWeakSet(value) {\n return isObjectLike(value) && baseGetTag(value) == weakSetTag;\n }\n\n /**\n * Checks if `value` is less than `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is less than `other`,\n * else `false`.\n * @see _.gt\n * @example\n *\n * _.lt(1, 3);\n * // => true\n *\n * _.lt(3, 3);\n * // => false\n *\n * _.lt(3, 1);\n * // => false\n */\n var lt = createRelationalOperation(baseLt);\n\n /**\n * Checks if `value` is less than or equal to `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is less than or equal to\n * `other`, else `false`.\n * @see _.gte\n * @example\n *\n * _.lte(1, 3);\n * // => true\n *\n * _.lte(3, 3);\n * // => true\n *\n * _.lte(3, 1);\n * // => false\n */\n var lte = createRelationalOperation(function(value, other) {\n return value <= other;\n });\n\n /**\n * Converts `value` to an array.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Array} Returns the converted array.\n * @example\n *\n * _.toArray({ 'a': 1, 'b': 2 });\n * // => [1, 2]\n *\n * _.toArray('abc');\n * // => ['a', 'b', 'c']\n *\n * _.toArray(1);\n * // => []\n *\n * _.toArray(null);\n * // => []\n */\n function toArray(value) {\n if (!value) {\n return [];\n }\n if (isArrayLike(value)) {\n return isString(value) ? stringToArray(value) : copyArray(value);\n }\n if (symIterator && value[symIterator]) {\n return iteratorToArray(value[symIterator]());\n }\n var tag = getTag(value),\n func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values);\n\n return func(value);\n }\n\n /**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\n function toFinite(value) {\n if (!value) {\n return value === 0 ? value : 0;\n }\n value = toNumber(value);\n if (value === INFINITY || value === -INFINITY) {\n var sign = (value < 0 ? -1 : 1);\n return sign * MAX_INTEGER;\n }\n return value === value ? value : 0;\n }\n\n /**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\n function toInteger(value) {\n var result = toFinite(value),\n remainder = result % 1;\n\n return result === result ? (remainder ? result - remainder : result) : 0;\n }\n\n /**\n * Converts `value` to an integer suitable for use as the length of an\n * array-like object.\n *\n * **Note:** This method is based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toLength(3.2);\n * // => 3\n *\n * _.toLength(Number.MIN_VALUE);\n * // => 0\n *\n * _.toLength(Infinity);\n * // => 4294967295\n *\n * _.toLength('3.2');\n * // => 3\n */\n function toLength(value) {\n return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0;\n }\n\n /**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\n function toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n }\n\n /**\n * Converts `value` to a plain object flattening inherited enumerable string\n * keyed properties of `value` to own properties of the plain object.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Object} Returns the converted plain object.\n * @example\n *\n * function Foo() {\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.assign({ 'a': 1 }, new Foo);\n * // => { 'a': 1, 'b': 2 }\n *\n * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));\n * // => { 'a': 1, 'b': 2, 'c': 3 }\n */\n function toPlainObject(value) {\n return copyObject(value, keysIn(value));\n }\n\n /**\n * Converts `value` to a safe integer. A safe integer can be compared and\n * represented correctly.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toSafeInteger(3.2);\n * // => 3\n *\n * _.toSafeInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toSafeInteger(Infinity);\n * // => 9007199254740991\n *\n * _.toSafeInteger('3.2');\n * // => 3\n */\n function toSafeInteger(value) {\n return value\n ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER)\n : (value === 0 ? value : 0);\n }\n\n /**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\n function toString(value) {\n return value == null ? '' : baseToString(value);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Assigns own enumerable string keyed properties of source objects to the\n * destination object. Source objects are applied from left to right.\n * Subsequent sources overwrite property assignments of previous sources.\n *\n * **Note:** This method mutates `object` and is loosely based on\n * [`Object.assign`](https://mdn.io/Object/assign).\n *\n * @static\n * @memberOf _\n * @since 0.10.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.assignIn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * function Bar() {\n * this.c = 3;\n * }\n *\n * Foo.prototype.b = 2;\n * Bar.prototype.d = 4;\n *\n * _.assign({ 'a': 0 }, new Foo, new Bar);\n * // => { 'a': 1, 'c': 3 }\n */\n var assign = createAssigner(function(object, source) {\n if (isPrototype(source) || isArrayLike(source)) {\n copyObject(source, keys(source), object);\n return;\n }\n for (var key in source) {\n if (hasOwnProperty.call(source, key)) {\n assignValue(object, key, source[key]);\n }\n }\n });\n\n /**\n * This method is like `_.assign` except that it iterates over own and\n * inherited source properties.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias extend\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.assign\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * function Bar() {\n * this.c = 3;\n * }\n *\n * Foo.prototype.b = 2;\n * Bar.prototype.d = 4;\n *\n * _.assignIn({ 'a': 0 }, new Foo, new Bar);\n * // => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 }\n */\n var assignIn = createAssigner(function(object, source) {\n copyObject(source, keysIn(source), object);\n });\n\n /**\n * This method is like `_.assignIn` except that it accepts `customizer`\n * which is invoked to produce the assigned values. If `customizer` returns\n * `undefined`, assignment is handled by the method instead. The `customizer`\n * is invoked with five arguments: (objValue, srcValue, key, object, source).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias extendWith\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} sources The source objects.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @see _.assignWith\n * @example\n *\n * function customizer(objValue, srcValue) {\n * return _.isUndefined(objValue) ? srcValue : objValue;\n * }\n *\n * var defaults = _.partialRight(_.assignInWith, customizer);\n *\n * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n * // => { 'a': 1, 'b': 2 }\n */\n var assignInWith = createAssigner(function(object, source, srcIndex, customizer) {\n copyObject(source, keysIn(source), object, customizer);\n });\n\n /**\n * This method is like `_.assign` except that it accepts `customizer`\n * which is invoked to produce the assigned values. If `customizer` returns\n * `undefined`, assignment is handled by the method instead. The `customizer`\n * is invoked with five arguments: (objValue, srcValue, key, object, source).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} sources The source objects.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @see _.assignInWith\n * @example\n *\n * function customizer(objValue, srcValue) {\n * return _.isUndefined(objValue) ? srcValue : objValue;\n * }\n *\n * var defaults = _.partialRight(_.assignWith, customizer);\n *\n * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n * // => { 'a': 1, 'b': 2 }\n */\n var assignWith = createAssigner(function(object, source, srcIndex, customizer) {\n copyObject(source, keys(source), object, customizer);\n });\n\n /**\n * Creates an array of values corresponding to `paths` of `object`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {...(string|string[])} [paths] The property paths to pick.\n * @returns {Array} Returns the picked values.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };\n *\n * _.at(object, ['a[0].b.c', 'a[1]']);\n * // => [3, 4]\n */\n var at = flatRest(baseAt);\n\n /**\n * Creates an object that inherits from the `prototype` object. If a\n * `properties` object is given, its own enumerable string keyed properties\n * are assigned to the created object.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Object\n * @param {Object} prototype The object to inherit from.\n * @param {Object} [properties] The properties to assign to the object.\n * @returns {Object} Returns the new object.\n * @example\n *\n * function Shape() {\n * this.x = 0;\n * this.y = 0;\n * }\n *\n * function Circle() {\n * Shape.call(this);\n * }\n *\n * Circle.prototype = _.create(Shape.prototype, {\n * 'constructor': Circle\n * });\n *\n * var circle = new Circle;\n * circle instanceof Circle;\n * // => true\n *\n * circle instanceof Shape;\n * // => true\n */\n function create(prototype, properties) {\n var result = baseCreate(prototype);\n return properties == null ? result : baseAssign(result, properties);\n }\n\n /**\n * Assigns own and inherited enumerable string keyed properties of source\n * objects to the destination object for all destination properties that\n * resolve to `undefined`. Source objects are applied from left to right.\n * Once a property is set, additional values of the same property are ignored.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.defaultsDeep\n * @example\n *\n * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n * // => { 'a': 1, 'b': 2 }\n */\n var defaults = baseRest(function(object, sources) {\n object = Object(object);\n\n var index = -1;\n var length = sources.length;\n var guard = length > 2 ? sources[2] : undefined;\n\n if (guard && isIterateeCall(sources[0], sources[1], guard)) {\n length = 1;\n }\n\n while (++index < length) {\n var source = sources[index];\n var props = keysIn(source);\n var propsIndex = -1;\n var propsLength = props.length;\n\n while (++propsIndex < propsLength) {\n var key = props[propsIndex];\n var value = object[key];\n\n if (value === undefined ||\n (eq(value, objectProto[key]) && !hasOwnProperty.call(object, key))) {\n object[key] = source[key];\n }\n }\n }\n\n return object;\n });\n\n /**\n * This method is like `_.defaults` except that it recursively assigns\n * default properties.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 3.10.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.defaults\n * @example\n *\n * _.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } });\n * // => { 'a': { 'b': 2, 'c': 3 } }\n */\n var defaultsDeep = baseRest(function(args) {\n args.push(undefined, customDefaultsMerge);\n return apply(mergeWith, undefined, args);\n });\n\n /**\n * This method is like `_.find` except that it returns the key of the first\n * element `predicate` returns truthy for instead of the element itself.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category Object\n * @param {Object} object The object to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {string|undefined} Returns the key of the matched element,\n * else `undefined`.\n * @example\n *\n * var users = {\n * 'barney': { 'age': 36, 'active': true },\n * 'fred': { 'age': 40, 'active': false },\n * 'pebbles': { 'age': 1, 'active': true }\n * };\n *\n * _.findKey(users, function(o) { return o.age < 40; });\n * // => 'barney' (iteration order is not guaranteed)\n *\n * // The `_.matches` iteratee shorthand.\n * _.findKey(users, { 'age': 1, 'active': true });\n * // => 'pebbles'\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.findKey(users, ['active', false]);\n * // => 'fred'\n *\n * // The `_.property` iteratee shorthand.\n * _.findKey(users, 'active');\n * // => 'barney'\n */\n function findKey(object, predicate) {\n return baseFindKey(object, getIteratee(predicate, 3), baseForOwn);\n }\n\n /**\n * This method is like `_.findKey` except that it iterates over elements of\n * a collection in the opposite order.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Object\n * @param {Object} object The object to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {string|undefined} Returns the key of the matched element,\n * else `undefined`.\n * @example\n *\n * var users = {\n * 'barney': { 'age': 36, 'active': true },\n * 'fred': { 'age': 40, 'active': false },\n * 'pebbles': { 'age': 1, 'active': true }\n * };\n *\n * _.findLastKey(users, function(o) { return o.age < 40; });\n * // => returns 'pebbles' assuming `_.findKey` returns 'barney'\n *\n * // The `_.matches` iteratee shorthand.\n * _.findLastKey(users, { 'age': 36, 'active': true });\n * // => 'barney'\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.findLastKey(users, ['active', false]);\n * // => 'fred'\n *\n * // The `_.property` iteratee shorthand.\n * _.findLastKey(users, 'active');\n * // => 'pebbles'\n */\n function findLastKey(object, predicate) {\n return baseFindKey(object, getIteratee(predicate, 3), baseForOwnRight);\n }\n\n /**\n * Iterates over own and inherited enumerable string keyed properties of an\n * object and invokes `iteratee` for each property. The iteratee is invoked\n * with three arguments: (value, key, object). Iteratee functions may exit\n * iteration early by explicitly returning `false`.\n *\n * @static\n * @memberOf _\n * @since 0.3.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forInRight\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forIn(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'a', 'b', then 'c' (iteration order is not guaranteed).\n */\n function forIn(object, iteratee) {\n return object == null\n ? object\n : baseFor(object, getIteratee(iteratee, 3), keysIn);\n }\n\n /**\n * This method is like `_.forIn` except that it iterates over properties of\n * `object` in the opposite order.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forIn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forInRight(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'c', 'b', then 'a' assuming `_.forIn` logs 'a', 'b', then 'c'.\n */\n function forInRight(object, iteratee) {\n return object == null\n ? object\n : baseForRight(object, getIteratee(iteratee, 3), keysIn);\n }\n\n /**\n * Iterates over own enumerable string keyed properties of an object and\n * invokes `iteratee` for each property. The iteratee is invoked with three\n * arguments: (value, key, object). Iteratee functions may exit iteration\n * early by explicitly returning `false`.\n *\n * @static\n * @memberOf _\n * @since 0.3.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forOwnRight\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forOwn(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'a' then 'b' (iteration order is not guaranteed).\n */\n function forOwn(object, iteratee) {\n return object && baseForOwn(object, getIteratee(iteratee, 3));\n }\n\n /**\n * This method is like `_.forOwn` except that it iterates over properties of\n * `object` in the opposite order.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forOwn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forOwnRight(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'b' then 'a' assuming `_.forOwn` logs 'a' then 'b'.\n */\n function forOwnRight(object, iteratee) {\n return object && baseForOwnRight(object, getIteratee(iteratee, 3));\n }\n\n /**\n * Creates an array of function property names from own enumerable properties\n * of `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to inspect.\n * @returns {Array} Returns the function names.\n * @see _.functionsIn\n * @example\n *\n * function Foo() {\n * this.a = _.constant('a');\n * this.b = _.constant('b');\n * }\n *\n * Foo.prototype.c = _.constant('c');\n *\n * _.functions(new Foo);\n * // => ['a', 'b']\n */\n function functions(object) {\n return object == null ? [] : baseFunctions(object, keys(object));\n }\n\n /**\n * Creates an array of function property names from own and inherited\n * enumerable properties of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to inspect.\n * @returns {Array} Returns the function names.\n * @see _.functions\n * @example\n *\n * function Foo() {\n * this.a = _.constant('a');\n * this.b = _.constant('b');\n * }\n *\n * Foo.prototype.c = _.constant('c');\n *\n * _.functionsIn(new Foo);\n * // => ['a', 'b', 'c']\n */\n function functionsIn(object) {\n return object == null ? [] : baseFunctions(object, keysIn(object));\n }\n\n /**\n * Gets the value at `path` of `object`. If the resolved value is\n * `undefined`, the `defaultValue` is returned in its place.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.get(object, 'a[0].b.c');\n * // => 3\n *\n * _.get(object, ['a', '0', 'b', 'c']);\n * // => 3\n *\n * _.get(object, 'a.b.c', 'default');\n * // => 'default'\n */\n function get(object, path, defaultValue) {\n var result = object == null ? undefined : baseGet(object, path);\n return result === undefined ? defaultValue : result;\n }\n\n /**\n * Checks if `path` is a direct property of `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n * @example\n *\n * var object = { 'a': { 'b': 2 } };\n * var other = _.create({ 'a': _.create({ 'b': 2 }) });\n *\n * _.has(object, 'a');\n * // => true\n *\n * _.has(object, 'a.b');\n * // => true\n *\n * _.has(object, ['a', 'b']);\n * // => true\n *\n * _.has(other, 'a');\n * // => false\n */\n function has(object, path) {\n return object != null && hasPath(object, path, baseHas);\n }\n\n /**\n * Checks if `path` is a direct or inherited property of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n * @example\n *\n * var object = _.create({ 'a': _.create({ 'b': 2 }) });\n *\n * _.hasIn(object, 'a');\n * // => true\n *\n * _.hasIn(object, 'a.b');\n * // => true\n *\n * _.hasIn(object, ['a', 'b']);\n * // => true\n *\n * _.hasIn(object, 'b');\n * // => false\n */\n function hasIn(object, path) {\n return object != null && hasPath(object, path, baseHasIn);\n }\n\n /**\n * Creates an object composed of the inverted keys and values of `object`.\n * If `object` contains duplicate values, subsequent values overwrite\n * property assignments of previous values.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Object\n * @param {Object} object The object to invert.\n * @returns {Object} Returns the new inverted object.\n * @example\n *\n * var object = { 'a': 1, 'b': 2, 'c': 1 };\n *\n * _.invert(object);\n * // => { '1': 'c', '2': 'b' }\n */\n var invert = createInverter(function(result, value, key) {\n if (value != null &&\n typeof value.toString != 'function') {\n value = nativeObjectToString.call(value);\n }\n\n result[value] = key;\n }, constant(identity));\n\n /**\n * This method is like `_.invert` except that the inverted object is generated\n * from the results of running each element of `object` thru `iteratee`. The\n * corresponding inverted value of each inverted key is an array of keys\n * responsible for generating the inverted value. The iteratee is invoked\n * with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.1.0\n * @category Object\n * @param {Object} object The object to invert.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Object} Returns the new inverted object.\n * @example\n *\n * var object = { 'a': 1, 'b': 2, 'c': 1 };\n *\n * _.invertBy(object);\n * // => { '1': ['a', 'c'], '2': ['b'] }\n *\n * _.invertBy(object, function(value) {\n * return 'group' + value;\n * });\n * // => { 'group1': ['a', 'c'], 'group2': ['b'] }\n */\n var invertBy = createInverter(function(result, value, key) {\n if (value != null &&\n typeof value.toString != 'function') {\n value = nativeObjectToString.call(value);\n }\n\n if (hasOwnProperty.call(result, value)) {\n result[value].push(key);\n } else {\n result[value] = [key];\n }\n }, getIteratee);\n\n /**\n * Invokes the method at `path` of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the method to invoke.\n * @param {...*} [args] The arguments to invoke the method with.\n * @returns {*} Returns the result of the invoked method.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': [1, 2, 3, 4] } }] };\n *\n * _.invoke(object, 'a[0].b.c.slice', 1, 3);\n * // => [2, 3]\n */\n var invoke = baseRest(baseInvoke);\n\n /**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\n function keys(object) {\n return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n }\n\n /**\n * Creates an array of the own and inherited enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keysIn(new Foo);\n * // => ['a', 'b', 'c'] (iteration order is not guaranteed)\n */\n function keysIn(object) {\n return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);\n }\n\n /**\n * The opposite of `_.mapValues`; this method creates an object with the\n * same values as `object` and keys generated by running each own enumerable\n * string keyed property of `object` thru `iteratee`. The iteratee is invoked\n * with three arguments: (value, key, object).\n *\n * @static\n * @memberOf _\n * @since 3.8.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns the new mapped object.\n * @see _.mapValues\n * @example\n *\n * _.mapKeys({ 'a': 1, 'b': 2 }, function(value, key) {\n * return key + value;\n * });\n * // => { 'a1': 1, 'b2': 2 }\n */\n function mapKeys(object, iteratee) {\n var result = {};\n iteratee = getIteratee(iteratee, 3);\n\n baseForOwn(object, function(value, key, object) {\n baseAssignValue(result, iteratee(value, key, object), value);\n });\n return result;\n }\n\n /**\n * Creates an object with the same keys as `object` and values generated\n * by running each own enumerable string keyed property of `object` thru\n * `iteratee`. The iteratee is invoked with three arguments:\n * (value, key, object).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns the new mapped object.\n * @see _.mapKeys\n * @example\n *\n * var users = {\n * 'fred': { 'user': 'fred', 'age': 40 },\n * 'pebbles': { 'user': 'pebbles', 'age': 1 }\n * };\n *\n * _.mapValues(users, function(o) { return o.age; });\n * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)\n *\n * // The `_.property` iteratee shorthand.\n * _.mapValues(users, 'age');\n * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)\n */\n function mapValues(object, iteratee) {\n var result = {};\n iteratee = getIteratee(iteratee, 3);\n\n baseForOwn(object, function(value, key, object) {\n baseAssignValue(result, key, iteratee(value, key, object));\n });\n return result;\n }\n\n /**\n * This method is like `_.assign` except that it recursively merges own and\n * inherited enumerable string keyed properties of source objects into the\n * destination object. Source properties that resolve to `undefined` are\n * skipped if a destination value exists. Array and plain object properties\n * are merged recursively. Other objects and value types are overridden by\n * assignment. Source objects are applied from left to right. Subsequent\n * sources overwrite property assignments of previous sources.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 0.5.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = {\n * 'a': [{ 'b': 2 }, { 'd': 4 }]\n * };\n *\n * var other = {\n * 'a': [{ 'c': 3 }, { 'e': 5 }]\n * };\n *\n * _.merge(object, other);\n * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }\n */\n var merge = createAssigner(function(object, source, srcIndex) {\n baseMerge(object, source, srcIndex);\n });\n\n /**\n * This method is like `_.merge` except that it accepts `customizer` which\n * is invoked to produce the merged values of the destination and source\n * properties. If `customizer` returns `undefined`, merging is handled by the\n * method instead. The `customizer` is invoked with six arguments:\n * (objValue, srcValue, key, object, source, stack).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} sources The source objects.\n * @param {Function} customizer The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @example\n *\n * function customizer(objValue, srcValue) {\n * if (_.isArray(objValue)) {\n * return objValue.concat(srcValue);\n * }\n * }\n *\n * var object = { 'a': [1], 'b': [2] };\n * var other = { 'a': [3], 'b': [4] };\n *\n * _.mergeWith(object, other, customizer);\n * // => { 'a': [1, 3], 'b': [2, 4] }\n */\n var mergeWith = createAssigner(function(object, source, srcIndex, customizer) {\n baseMerge(object, source, srcIndex, customizer);\n });\n\n /**\n * The opposite of `_.pick`; this method creates an object composed of the\n * own and inherited enumerable property paths of `object` that are not omitted.\n *\n * **Note:** This method is considerably slower than `_.pick`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The source object.\n * @param {...(string|string[])} [paths] The property paths to omit.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.omit(object, ['a', 'c']);\n * // => { 'b': '2' }\n */\n var omit = flatRest(function(object, paths) {\n var result = {};\n if (object == null) {\n return result;\n }\n var isDeep = false;\n paths = arrayMap(paths, function(path) {\n path = castPath(path, object);\n isDeep || (isDeep = path.length > 1);\n return path;\n });\n copyObject(object, getAllKeysIn(object), result);\n if (isDeep) {\n result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);\n }\n var length = paths.length;\n while (length--) {\n baseUnset(result, paths[length]);\n }\n return result;\n });\n\n /**\n * The opposite of `_.pickBy`; this method creates an object composed of\n * the own and inherited enumerable string keyed properties of `object` that\n * `predicate` doesn't return truthy for. The predicate is invoked with two\n * arguments: (value, key).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The source object.\n * @param {Function} [predicate=_.identity] The function invoked per property.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.omitBy(object, _.isNumber);\n * // => { 'b': '2' }\n */\n function omitBy(object, predicate) {\n return pickBy(object, negate(getIteratee(predicate)));\n }\n\n /**\n * Creates an object composed of the picked `object` properties.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The source object.\n * @param {...(string|string[])} [paths] The property paths to pick.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.pick(object, ['a', 'c']);\n * // => { 'a': 1, 'c': 3 }\n */\n var pick = flatRest(function(object, paths) {\n return object == null ? {} : basePick(object, paths);\n });\n\n /**\n * Creates an object composed of the `object` properties `predicate` returns\n * truthy for. The predicate is invoked with two arguments: (value, key).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The source object.\n * @param {Function} [predicate=_.identity] The function invoked per property.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.pickBy(object, _.isNumber);\n * // => { 'a': 1, 'c': 3 }\n */\n function pickBy(object, predicate) {\n if (object == null) {\n return {};\n }\n var props = arrayMap(getAllKeysIn(object), function(prop) {\n return [prop];\n });\n predicate = getIteratee(predicate);\n return basePickBy(object, props, function(value, path) {\n return predicate(value, path[0]);\n });\n }\n\n /**\n * This method is like `_.get` except that if the resolved value is a\n * function it's invoked with the `this` binding of its parent object and\n * its result is returned.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to resolve.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c1': 3, 'c2': _.constant(4) } }] };\n *\n * _.result(object, 'a[0].b.c1');\n * // => 3\n *\n * _.result(object, 'a[0].b.c2');\n * // => 4\n *\n * _.result(object, 'a[0].b.c3', 'default');\n * // => 'default'\n *\n * _.result(object, 'a[0].b.c3', _.constant('default'));\n * // => 'default'\n */\n function result(object, path, defaultValue) {\n path = castPath(path, object);\n\n var index = -1,\n length = path.length;\n\n // Ensure the loop is entered when path is empty.\n if (!length) {\n length = 1;\n object = undefined;\n }\n while (++index < length) {\n var value = object == null ? undefined : object[toKey(path[index])];\n if (value === undefined) {\n index = length;\n value = defaultValue;\n }\n object = isFunction(value) ? value.call(object) : value;\n }\n return object;\n }\n\n /**\n * Sets the value at `path` of `object`. If a portion of `path` doesn't exist,\n * it's created. Arrays are created for missing index properties while objects\n * are created for all other missing properties. Use `_.setWith` to customize\n * `path` creation.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.set(object, 'a[0].b.c', 4);\n * console.log(object.a[0].b.c);\n * // => 4\n *\n * _.set(object, ['x', '0', 'y', 'z'], 5);\n * console.log(object.x[0].y.z);\n * // => 5\n */\n function set(object, path, value) {\n return object == null ? object : baseSet(object, path, value);\n }\n\n /**\n * This method is like `_.set` except that it accepts `customizer` which is\n * invoked to produce the objects of `path`. If `customizer` returns `undefined`\n * path creation is handled by the method instead. The `customizer` is invoked\n * with three arguments: (nsValue, key, nsObject).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = {};\n *\n * _.setWith(object, '[0][1]', 'a', Object);\n * // => { '0': { '1': 'a' } }\n */\n function setWith(object, path, value, customizer) {\n customizer = typeof customizer == 'function' ? customizer : undefined;\n return object == null ? object : baseSet(object, path, value, customizer);\n }\n\n /**\n * Creates an array of own enumerable string keyed-value pairs for `object`\n * which can be consumed by `_.fromPairs`. If `object` is a map or set, its\n * entries are returned.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias entries\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the key-value pairs.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.toPairs(new Foo);\n * // => [['a', 1], ['b', 2]] (iteration order is not guaranteed)\n */\n var toPairs = createToPairs(keys);\n\n /**\n * Creates an array of own and inherited enumerable string keyed-value pairs\n * for `object` which can be consumed by `_.fromPairs`. If `object` is a map\n * or set, its entries are returned.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias entriesIn\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the key-value pairs.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.toPairsIn(new Foo);\n * // => [['a', 1], ['b', 2], ['c', 3]] (iteration order is not guaranteed)\n */\n var toPairsIn = createToPairs(keysIn);\n\n /**\n * An alternative to `_.reduce`; this method transforms `object` to a new\n * `accumulator` object which is the result of running each of its own\n * enumerable string keyed properties thru `iteratee`, with each invocation\n * potentially mutating the `accumulator` object. If `accumulator` is not\n * provided, a new object with the same `[[Prototype]]` will be used. The\n * iteratee is invoked with four arguments: (accumulator, value, key, object).\n * Iteratee functions may exit iteration early by explicitly returning `false`.\n *\n * @static\n * @memberOf _\n * @since 1.3.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @param {*} [accumulator] The custom accumulator value.\n * @returns {*} Returns the accumulated value.\n * @example\n *\n * _.transform([2, 3, 4], function(result, n) {\n * result.push(n *= n);\n * return n % 2 == 0;\n * }, []);\n * // => [4, 9]\n *\n * _.transform({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {\n * (result[value] || (result[value] = [])).push(key);\n * }, {});\n * // => { '1': ['a', 'c'], '2': ['b'] }\n */\n function transform(object, iteratee, accumulator) {\n var isArr = isArray(object),\n isArrLike = isArr || isBuffer(object) || isTypedArray(object);\n\n iteratee = getIteratee(iteratee, 4);\n if (accumulator == null) {\n var Ctor = object && object.constructor;\n if (isArrLike) {\n accumulator = isArr ? new Ctor : [];\n }\n else if (isObject(object)) {\n accumulator = isFunction(Ctor) ? baseCreate(getPrototype(object)) : {};\n }\n else {\n accumulator = {};\n }\n }\n (isArrLike ? arrayEach : baseForOwn)(object, function(value, index, object) {\n return iteratee(accumulator, value, index, object);\n });\n return accumulator;\n }\n\n /**\n * Removes the property at `path` of `object`.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to unset.\n * @returns {boolean} Returns `true` if the property is deleted, else `false`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 7 } }] };\n * _.unset(object, 'a[0].b.c');\n * // => true\n *\n * console.log(object);\n * // => { 'a': [{ 'b': {} }] };\n *\n * _.unset(object, ['a', '0', 'b', 'c']);\n * // => true\n *\n * console.log(object);\n * // => { 'a': [{ 'b': {} }] };\n */\n function unset(object, path) {\n return object == null ? true : baseUnset(object, path);\n }\n\n /**\n * This method is like `_.set` except that accepts `updater` to produce the\n * value to set. Use `_.updateWith` to customize `path` creation. The `updater`\n * is invoked with one argument: (value).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.6.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {Function} updater The function to produce the updated value.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.update(object, 'a[0].b.c', function(n) { return n * n; });\n * console.log(object.a[0].b.c);\n * // => 9\n *\n * _.update(object, 'x[0].y.z', function(n) { return n ? n + 1 : 0; });\n * console.log(object.x[0].y.z);\n * // => 0\n */\n function update(object, path, updater) {\n return object == null ? object : baseUpdate(object, path, castFunction(updater));\n }\n\n /**\n * This method is like `_.update` except that it accepts `customizer` which is\n * invoked to produce the objects of `path`. If `customizer` returns `undefined`\n * path creation is handled by the method instead. The `customizer` is invoked\n * with three arguments: (nsValue, key, nsObject).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.6.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {Function} updater The function to produce the updated value.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = {};\n *\n * _.updateWith(object, '[0][1]', _.constant('a'), Object);\n * // => { '0': { '1': 'a' } }\n */\n function updateWith(object, path, updater, customizer) {\n customizer = typeof customizer == 'function' ? customizer : undefined;\n return object == null ? object : baseUpdate(object, path, castFunction(updater), customizer);\n }\n\n /**\n * Creates an array of the own enumerable string keyed property values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.values(new Foo);\n * // => [1, 2] (iteration order is not guaranteed)\n *\n * _.values('hi');\n * // => ['h', 'i']\n */\n function values(object) {\n return object == null ? [] : baseValues(object, keys(object));\n }\n\n /**\n * Creates an array of the own and inherited enumerable string keyed property\n * values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.valuesIn(new Foo);\n * // => [1, 2, 3] (iteration order is not guaranteed)\n */\n function valuesIn(object) {\n return object == null ? [] : baseValues(object, keysIn(object));\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Clamps `number` within the inclusive `lower` and `upper` bounds.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Number\n * @param {number} number The number to clamp.\n * @param {number} [lower] The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the clamped number.\n * @example\n *\n * _.clamp(-10, -5, 5);\n * // => -5\n *\n * _.clamp(10, -5, 5);\n * // => 5\n */\n function clamp(number, lower, upper) {\n if (upper === undefined) {\n upper = lower;\n lower = undefined;\n }\n if (upper !== undefined) {\n upper = toNumber(upper);\n upper = upper === upper ? upper : 0;\n }\n if (lower !== undefined) {\n lower = toNumber(lower);\n lower = lower === lower ? lower : 0;\n }\n return baseClamp(toNumber(number), lower, upper);\n }\n\n /**\n * Checks if `n` is between `start` and up to, but not including, `end`. If\n * `end` is not specified, it's set to `start` with `start` then set to `0`.\n * If `start` is greater than `end` the params are swapped to support\n * negative ranges.\n *\n * @static\n * @memberOf _\n * @since 3.3.0\n * @category Number\n * @param {number} number The number to check.\n * @param {number} [start=0] The start of the range.\n * @param {number} end The end of the range.\n * @returns {boolean} Returns `true` if `number` is in the range, else `false`.\n * @see _.range, _.rangeRight\n * @example\n *\n * _.inRange(3, 2, 4);\n * // => true\n *\n * _.inRange(4, 8);\n * // => true\n *\n * _.inRange(4, 2);\n * // => false\n *\n * _.inRange(2, 2);\n * // => false\n *\n * _.inRange(1.2, 2);\n * // => true\n *\n * _.inRange(5.2, 4);\n * // => false\n *\n * _.inRange(-3, -2, -6);\n * // => true\n */\n function inRange(number, start, end) {\n start = toFinite(start);\n if (end === undefined) {\n end = start;\n start = 0;\n } else {\n end = toFinite(end);\n }\n number = toNumber(number);\n return baseInRange(number, start, end);\n }\n\n /**\n * Produces a random number between the inclusive `lower` and `upper` bounds.\n * If only one argument is provided a number between `0` and the given number\n * is returned. If `floating` is `true`, or either `lower` or `upper` are\n * floats, a floating-point number is returned instead of an integer.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Number\n * @param {number} [lower=0] The lower bound.\n * @param {number} [upper=1] The upper bound.\n * @param {boolean} [floating] Specify returning a floating-point number.\n * @returns {number} Returns the random number.\n * @example\n *\n * _.random(0, 5);\n * // => an integer between 0 and 5\n *\n * _.random(5);\n * // => also an integer between 0 and 5\n *\n * _.random(5, true);\n * // => a floating-point number between 0 and 5\n *\n * _.random(1.2, 5.2);\n * // => a floating-point number between 1.2 and 5.2\n */\n function random(lower, upper, floating) {\n if (floating && typeof floating != 'boolean' && isIterateeCall(lower, upper, floating)) {\n upper = floating = undefined;\n }\n if (floating === undefined) {\n if (typeof upper == 'boolean') {\n floating = upper;\n upper = undefined;\n }\n else if (typeof lower == 'boolean') {\n floating = lower;\n lower = undefined;\n }\n }\n if (lower === undefined && upper === undefined) {\n lower = 0;\n upper = 1;\n }\n else {\n lower = toFinite(lower);\n if (upper === undefined) {\n upper = lower;\n lower = 0;\n } else {\n upper = toFinite(upper);\n }\n }\n if (lower > upper) {\n var temp = lower;\n lower = upper;\n upper = temp;\n }\n if (floating || lower % 1 || upper % 1) {\n var rand = nativeRandom();\n return nativeMin(lower + (rand * (upper - lower + freeParseFloat('1e-' + ((rand + '').length - 1)))), upper);\n }\n return baseRandom(lower, upper);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the camel cased string.\n * @example\n *\n * _.camelCase('Foo Bar');\n * // => 'fooBar'\n *\n * _.camelCase('--foo-bar--');\n * // => 'fooBar'\n *\n * _.camelCase('__FOO_BAR__');\n * // => 'fooBar'\n */\n var camelCase = createCompounder(function(result, word, index) {\n word = word.toLowerCase();\n return result + (index ? capitalize(word) : word);\n });\n\n /**\n * Converts the first character of `string` to upper case and the remaining\n * to lower case.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to capitalize.\n * @returns {string} Returns the capitalized string.\n * @example\n *\n * _.capitalize('FRED');\n * // => 'Fred'\n */\n function capitalize(string) {\n return upperFirst(toString(string).toLowerCase());\n }\n\n /**\n * Deburrs `string` by converting\n * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)\n * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)\n * letters to basic Latin letters and removing\n * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to deburr.\n * @returns {string} Returns the deburred string.\n * @example\n *\n * _.deburr('déjà vu');\n * // => 'deja vu'\n */\n function deburr(string) {\n string = toString(string);\n return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');\n }\n\n /**\n * Checks if `string` ends with the given target string.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {string} [target] The string to search for.\n * @param {number} [position=string.length] The position to search up to.\n * @returns {boolean} Returns `true` if `string` ends with `target`,\n * else `false`.\n * @example\n *\n * _.endsWith('abc', 'c');\n * // => true\n *\n * _.endsWith('abc', 'b');\n * // => false\n *\n * _.endsWith('abc', 'b', 2);\n * // => true\n */\n function endsWith(string, target, position) {\n string = toString(string);\n target = baseToString(target);\n\n var length = string.length;\n position = position === undefined\n ? length\n : baseClamp(toInteger(position), 0, length);\n\n var end = position;\n position -= target.length;\n return position >= 0 && string.slice(position, end) == target;\n }\n\n /**\n * Converts the characters \"&\", \"<\", \">\", '\"', and \"'\" in `string` to their\n * corresponding HTML entities.\n *\n * **Note:** No other characters are escaped. To escape additional\n * characters use a third-party library like [_he_](https://mths.be/he).\n *\n * Though the \">\" character is escaped for symmetry, characters like\n * \">\" and \"/\" don't need escaping in HTML and have no special meaning\n * unless they're part of a tag or unquoted attribute value. See\n * [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands)\n * (under \"semi-related fun fact\") for more details.\n *\n * When working with HTML you should always\n * [quote attribute values](http://wonko.com/post/html-escaping) to reduce\n * XSS vectors.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category String\n * @param {string} [string=''] The string to escape.\n * @returns {string} Returns the escaped string.\n * @example\n *\n * _.escape('fred, barney, & pebbles');\n * // => 'fred, barney, & pebbles'\n */\n function escape(string) {\n string = toString(string);\n return (string && reHasUnescapedHtml.test(string))\n ? string.replace(reUnescapedHtml, escapeHtmlChar)\n : string;\n }\n\n /**\n * Escapes the `RegExp` special characters \"^\", \"$\", \"\\\", \".\", \"*\", \"+\",\n * \"?\", \"(\", \")\", \"[\", \"]\", \"{\", \"}\", and \"|\" in `string`.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to escape.\n * @returns {string} Returns the escaped string.\n * @example\n *\n * _.escapeRegExp('[lodash](https://lodash.com/)');\n * // => '\\[lodash\\]\\(https://lodash\\.com/\\)'\n */\n function escapeRegExp(string) {\n string = toString(string);\n return (string && reHasRegExpChar.test(string))\n ? string.replace(reRegExpChar, '\\\\$&')\n : string;\n }\n\n /**\n * Converts `string` to\n * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the kebab cased string.\n * @example\n *\n * _.kebabCase('Foo Bar');\n * // => 'foo-bar'\n *\n * _.kebabCase('fooBar');\n * // => 'foo-bar'\n *\n * _.kebabCase('__FOO_BAR__');\n * // => 'foo-bar'\n */\n var kebabCase = createCompounder(function(result, word, index) {\n return result + (index ? '-' : '') + word.toLowerCase();\n });\n\n /**\n * Converts `string`, as space separated words, to lower case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the lower cased string.\n * @example\n *\n * _.lowerCase('--Foo-Bar--');\n * // => 'foo bar'\n *\n * _.lowerCase('fooBar');\n * // => 'foo bar'\n *\n * _.lowerCase('__FOO_BAR__');\n * // => 'foo bar'\n */\n var lowerCase = createCompounder(function(result, word, index) {\n return result + (index ? ' ' : '') + word.toLowerCase();\n });\n\n /**\n * Converts the first character of `string` to lower case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.lowerFirst('Fred');\n * // => 'fred'\n *\n * _.lowerFirst('FRED');\n * // => 'fRED'\n */\n var lowerFirst = createCaseFirst('toLowerCase');\n\n /**\n * Pads `string` on the left and right sides if it's shorter than `length`.\n * Padding characters are truncated if they can't be evenly divided by `length`.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to pad.\n * @param {number} [length=0] The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padded string.\n * @example\n *\n * _.pad('abc', 8);\n * // => ' abc '\n *\n * _.pad('abc', 8, '_-');\n * // => '_-abc_-_'\n *\n * _.pad('abc', 3);\n * // => 'abc'\n */\n function pad(string, length, chars) {\n string = toString(string);\n length = toInteger(length);\n\n var strLength = length ? stringSize(string) : 0;\n if (!length || strLength >= length) {\n return string;\n }\n var mid = (length - strLength) / 2;\n return (\n createPadding(nativeFloor(mid), chars) +\n string +\n createPadding(nativeCeil(mid), chars)\n );\n }\n\n /**\n * Pads `string` on the right side if it's shorter than `length`. Padding\n * characters are truncated if they exceed `length`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to pad.\n * @param {number} [length=0] The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padded string.\n * @example\n *\n * _.padEnd('abc', 6);\n * // => 'abc '\n *\n * _.padEnd('abc', 6, '_-');\n * // => 'abc_-_'\n *\n * _.padEnd('abc', 3);\n * // => 'abc'\n */\n function padEnd(string, length, chars) {\n string = toString(string);\n length = toInteger(length);\n\n var strLength = length ? stringSize(string) : 0;\n return (length && strLength < length)\n ? (string + createPadding(length - strLength, chars))\n : string;\n }\n\n /**\n * Pads `string` on the left side if it's shorter than `length`. Padding\n * characters are truncated if they exceed `length`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to pad.\n * @param {number} [length=0] The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padded string.\n * @example\n *\n * _.padStart('abc', 6);\n * // => ' abc'\n *\n * _.padStart('abc', 6, '_-');\n * // => '_-_abc'\n *\n * _.padStart('abc', 3);\n * // => 'abc'\n */\n function padStart(string, length, chars) {\n string = toString(string);\n length = toInteger(length);\n\n var strLength = length ? stringSize(string) : 0;\n return (length && strLength < length)\n ? (createPadding(length - strLength, chars) + string)\n : string;\n }\n\n /**\n * Converts `string` to an integer of the specified radix. If `radix` is\n * `undefined` or `0`, a `radix` of `10` is used unless `value` is a\n * hexadecimal, in which case a `radix` of `16` is used.\n *\n * **Note:** This method aligns with the\n * [ES5 implementation](https://es5.github.io/#x15.1.2.2) of `parseInt`.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category String\n * @param {string} string The string to convert.\n * @param {number} [radix=10] The radix to interpret `value` by.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.parseInt('08');\n * // => 8\n *\n * _.map(['6', '08', '10'], _.parseInt);\n * // => [6, 8, 10]\n */\n function parseInt(string, radix, guard) {\n if (guard || radix == null) {\n radix = 0;\n } else if (radix) {\n radix = +radix;\n }\n return nativeParseInt(toString(string).replace(reTrimStart, ''), radix || 0);\n }\n\n /**\n * Repeats the given string `n` times.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to repeat.\n * @param {number} [n=1] The number of times to repeat the string.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {string} Returns the repeated string.\n * @example\n *\n * _.repeat('*', 3);\n * // => '***'\n *\n * _.repeat('abc', 2);\n * // => 'abcabc'\n *\n * _.repeat('abc', 0);\n * // => ''\n */\n function repeat(string, n, guard) {\n if ((guard ? isIterateeCall(string, n, guard) : n === undefined)) {\n n = 1;\n } else {\n n = toInteger(n);\n }\n return baseRepeat(toString(string), n);\n }\n\n /**\n * Replaces matches for `pattern` in `string` with `replacement`.\n *\n * **Note:** This method is based on\n * [`String#replace`](https://mdn.io/String/replace).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to modify.\n * @param {RegExp|string} pattern The pattern to replace.\n * @param {Function|string} replacement The match replacement.\n * @returns {string} Returns the modified string.\n * @example\n *\n * _.replace('Hi Fred', 'Fred', 'Barney');\n * // => 'Hi Barney'\n */\n function replace() {\n var args = arguments,\n string = toString(args[0]);\n\n return args.length < 3 ? string : string.replace(args[1], args[2]);\n }\n\n /**\n * Converts `string` to\n * [snake case](https://en.wikipedia.org/wiki/Snake_case).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the snake cased string.\n * @example\n *\n * _.snakeCase('Foo Bar');\n * // => 'foo_bar'\n *\n * _.snakeCase('fooBar');\n * // => 'foo_bar'\n *\n * _.snakeCase('--FOO-BAR--');\n * // => 'foo_bar'\n */\n var snakeCase = createCompounder(function(result, word, index) {\n return result + (index ? '_' : '') + word.toLowerCase();\n });\n\n /**\n * Splits `string` by `separator`.\n *\n * **Note:** This method is based on\n * [`String#split`](https://mdn.io/String/split).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to split.\n * @param {RegExp|string} separator The separator pattern to split by.\n * @param {number} [limit] The length to truncate results to.\n * @returns {Array} Returns the string segments.\n * @example\n *\n * _.split('a-b-c', '-', 2);\n * // => ['a', 'b']\n */\n function split(string, separator, limit) {\n if (limit && typeof limit != 'number' && isIterateeCall(string, separator, limit)) {\n separator = limit = undefined;\n }\n limit = limit === undefined ? MAX_ARRAY_LENGTH : limit >>> 0;\n if (!limit) {\n return [];\n }\n string = toString(string);\n if (string && (\n typeof separator == 'string' ||\n (separator != null && !isRegExp(separator))\n )) {\n separator = baseToString(separator);\n if (!separator && hasUnicode(string)) {\n return castSlice(stringToArray(string), 0, limit);\n }\n }\n return string.split(separator, limit);\n }\n\n /**\n * Converts `string` to\n * [start case](https://en.wikipedia.org/wiki/Letter_case#Stylistic_or_specialised_usage).\n *\n * @static\n * @memberOf _\n * @since 3.1.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the start cased string.\n * @example\n *\n * _.startCase('--foo-bar--');\n * // => 'Foo Bar'\n *\n * _.startCase('fooBar');\n * // => 'Foo Bar'\n *\n * _.startCase('__FOO_BAR__');\n * // => 'FOO BAR'\n */\n var startCase = createCompounder(function(result, word, index) {\n return result + (index ? ' ' : '') + upperFirst(word);\n });\n\n /**\n * Checks if `string` starts with the given target string.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {string} [target] The string to search for.\n * @param {number} [position=0] The position to search from.\n * @returns {boolean} Returns `true` if `string` starts with `target`,\n * else `false`.\n * @example\n *\n * _.startsWith('abc', 'a');\n * // => true\n *\n * _.startsWith('abc', 'b');\n * // => false\n *\n * _.startsWith('abc', 'b', 1);\n * // => true\n */\n function startsWith(string, target, position) {\n string = toString(string);\n position = position == null\n ? 0\n : baseClamp(toInteger(position), 0, string.length);\n\n target = baseToString(target);\n return string.slice(position, position + target.length) == target;\n }\n\n /**\n * Creates a compiled template function that can interpolate data properties\n * in \"interpolate\" delimiters, HTML-escape interpolated data properties in\n * \"escape\" delimiters, and execute JavaScript in \"evaluate\" delimiters. Data\n * properties may be accessed as free variables in the template. If a setting\n * object is given, it takes precedence over `_.templateSettings` values.\n *\n * **Note:** In the development build `_.template` utilizes\n * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)\n * for easier debugging.\n *\n * For more information on precompiling templates see\n * [lodash's custom builds documentation](https://lodash.com/custom-builds).\n *\n * For more information on Chrome extension sandboxes see\n * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval).\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category String\n * @param {string} [string=''] The template string.\n * @param {Object} [options={}] The options object.\n * @param {RegExp} [options.escape=_.templateSettings.escape]\n * The HTML \"escape\" delimiter.\n * @param {RegExp} [options.evaluate=_.templateSettings.evaluate]\n * The \"evaluate\" delimiter.\n * @param {Object} [options.imports=_.templateSettings.imports]\n * An object to import into the template as free variables.\n * @param {RegExp} [options.interpolate=_.templateSettings.interpolate]\n * The \"interpolate\" delimiter.\n * @param {string} [options.sourceURL='lodash.templateSources[n]']\n * The sourceURL of the compiled template.\n * @param {string} [options.variable='obj']\n * The data object variable name.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Function} Returns the compiled template function.\n * @example\n *\n * // Use the \"interpolate\" delimiter to create a compiled template.\n * var compiled = _.template('hello <%= user %>!');\n * compiled({ 'user': 'fred' });\n * // => 'hello fred!'\n *\n * // Use the HTML \"escape\" delimiter to escape data property values.\n * var compiled = _.template('<%- value %>');\n * compiled({ 'value': '\r\n * @example String.2\r\n * \r\n * \r\n * @example String.dd.mmm.yyyy\r\n * \r\n * \r\n * @example String.dd.mmmm.yyyy\r\n * \r\n * \r\n * @example String.HH:MM\r\n * \r\n * \r\n * @example ASP.NET.JSON.Date\r\n * \r\n * \r\n * @example UNIX.Timestamp\r\n * \r\n * \r\n */\r\n parseDate: function (value, format, locale) {\r\n var i, year = 0, month = 0, date = 1, hour = 0, minute = 0, dateParts, formatParts, result;\r\n\r\n if (value && typeof value === 'string') {\r\n if (/^\\d+$/.test(value)) {\r\n result = new Date(value);\r\n } else if (value.indexOf('/Date(') > -1) {\r\n result = new Date(parseInt(value.substr(6), 10));\r\n } else if (value) {\r\n formatParts = format.split(/[\\s,-\\.//\\:]+/);\r\n // Split only by spaces\r\n dateParts = value.split(/[\\s]+/);\r\n // Split by other chars if the split by spaces doesn't work\r\n if (dateParts.length != formatParts.length) {\r\n dateParts = value.split(/[\\s,-\\.//\\:]+/);\r\n }\r\n for (i = 0; i < formatParts.length; i++) {\r\n if (['d', 'dd'].indexOf(formatParts[i]) > -1) {\r\n date = parseInt(dateParts[i], 10);\r\n } else if (['m', 'mm'].indexOf(formatParts[i]) > -1) {\r\n month = parseInt(dateParts[i], 10) - 1;\r\n } else if ('mmm' === formatParts[i]) {\r\n month = gj.core.messages[locale || 'en-us'].monthShortNames.indexOf(dateParts[i]);\r\n } else if ('mmmm' === formatParts[i]) {\r\n month = gj.core.messages[locale || 'en-us'].monthNames.indexOf(dateParts[i]);\r\n } else if (['yy', 'yyyy'].indexOf(formatParts[i]) > -1) {\r\n year = parseInt(dateParts[i], 10);\r\n if (formatParts[i] === 'yy') {\r\n year += 2000;\r\n }\r\n } else if (['h', 'hh', 'H', 'HH'].indexOf(formatParts[i]) > -1) {\r\n hour = parseInt(dateParts[i], 10);\r\n } else if (['M', 'MM'].indexOf(formatParts[i]) > -1) {\r\n minute = parseInt(dateParts[i], 10);\r\n }\r\n }\r\n result = new Date(year, month, date, hour, minute);\r\n }\r\n } else if (typeof value === 'number') {\r\n result = new Date(value);\r\n } else if (value instanceof Date) {\r\n result = value;\r\n }\r\n\r\n return result;\r\n },\r\n\r\n /** \r\n * @method\r\n * @example Sample.1\r\n * \r\n * \r\n * @example Sample.2\r\n * \r\n * \r\n * @example Sample.dd.mmm.yyyy\r\n * \r\n * \r\n * @example Sample.dd.mmmm.yyyy\r\n * \r\n * \r\n * @example Sample.5\r\n * \r\n * \r\n * @example Sample.6\r\n * \r\n * \r\n * @example Short.WeekDay\r\n * \r\n * \r\n * @example Full.WeekDay\r\n * \r\n * \r\n */\r\n formatDate: function (date, format, locale) {\r\n var result = '', separator, tmp,\r\n formatParts = format.split(/[\\s,-\\.//\\:]+/),\r\n separators = format.split(/s+|M+|H+|h+|t+|T+|d+|m+|y+/);\r\n\r\n separators = separators.splice(1, separators.length - 2);\r\n\r\n for (i = 0; i < formatParts.length; i++) {\r\n separator = (separators[i] || '');\r\n switch (formatParts[i]) {\r\n case 's':\r\n result += date.getSeconds() + separator;\r\n break;\r\n case 'ss':\r\n result += gj.core.pad(date.getSeconds()) + separator;\r\n break;\r\n case 'M':\r\n result += date.getMinutes() + separator;\r\n break;\r\n case 'MM':\r\n result += gj.core.pad(date.getMinutes()) + separator;\r\n break;\r\n case 'H':\r\n result += date.getHours() + separator;\r\n break;\r\n case 'HH':\r\n result += gj.core.pad(date.getHours()) + separator;\r\n break;\r\n case 'h':\r\n tmp = date.getHours() > 12 ? date.getHours() % 12 : date.getHours();\r\n result += tmp + separator;\r\n break;\r\n case 'hh':\r\n tmp = date.getHours() > 12 ? date.getHours() % 12 : date.getHours();\r\n result += gj.core.pad(tmp) + separator;\r\n break;\r\n case 'tt':\r\n result += (date.getHours() >= 12 ? 'pm' : 'am') + separator;\r\n break;\r\n case 'TT':\r\n result += (date.getHours() >= 12 ? 'PM' : 'AM') + separator;\r\n break;\r\n case 'd':\r\n result += date.getDate() + separator;\r\n break;\r\n case 'dd':\r\n result += gj.core.pad(date.getDate()) + separator;\r\n break;\r\n case 'ddd':\r\n result += gj.core.messages[locale || 'en-us'].weekDaysShort[date.getDay()] + separator;\r\n break;\r\n case 'dddd':\r\n result += gj.core.messages[locale || 'en-us'].weekDays[date.getDay()] + separator;\r\n break;\r\n case 'm' :\r\n result += (date.getMonth() + 1) + separator;\r\n break;\r\n case 'mm':\r\n result += gj.core.pad(date.getMonth() + 1) + separator;\r\n break;\r\n case 'mmm':\r\n result += gj.core.messages[locale || 'en-us'].monthShortNames[date.getMonth()] + separator;\r\n break;\r\n case 'mmmm':\r\n result += gj.core.messages[locale || 'en-us'].monthNames[date.getMonth()] + separator;\r\n break;\r\n case 'yy' :\r\n result += date.getFullYear().toString().substr(2) + separator;\r\n break;\r\n case 'yyyy':\r\n result += date.getFullYear() + separator;\r\n break;\r\n }\r\n }\r\n\r\n return result;\r\n },\r\n\r\n pad: function (val, len) {\r\n val = String(val);\r\n len = len || 2;\r\n while (val.length < len) {\r\n val = '0' + val;\r\n }\r\n return val;\r\n },\r\n\r\n center: function ($dialog) {\r\n var left = ($(window).width() / 2) - ($dialog.width() / 2),\r\n top = ($(window).height() / 2) - ($dialog.height() / 2);\r\n $dialog.css('position', 'absolute');\r\n $dialog.css('left', left > 0 ? left : 0);\r\n $dialog.css('top', top > 0 ? top : 0);\r\n },\r\n\r\n isIE: function () {\r\n return !!navigator.userAgent.match(/Trident/g) || !!navigator.userAgent.match(/MSIE/g);\r\n },\r\n\r\n setChildPosition: function (mainEl, childEl) {\r\n var mainElRect = mainEl.getBoundingClientRect(),\r\n mainElHeight = gj.core.height(mainEl, true),\r\n childElHeight = gj.core.height(childEl, true),\r\n mainElWidth = gj.core.width(mainEl, true),\r\n childElWidth = gj.core.width(childEl, true),\r\n scrollY = window.scrollY || window.pageYOffset || 0,\r\n scrollX = window.scrollX || window.pageXOffset || 0;\r\n\r\n if ((mainElRect.top + mainElHeight + childElHeight) > window.innerHeight && mainElRect.top > childElHeight) {\r\n childEl.style.top = Math.round(mainElRect.top + scrollY - childElHeight - 3) + 'px';\r\n } else {\r\n childEl.style.top = Math.round(mainElRect.top + scrollY + mainElHeight + 3) + 'px';\r\n }\r\n\r\n if (mainElRect.left + childElWidth > document.body.clientWidth) {\r\n childEl.style.left = Math.round(mainElRect.left + scrollX + mainElWidth - childElWidth) + 'px';\r\n } else {\r\n childEl.style.left = Math.round(mainElRect.left + scrollX) + 'px';\r\n }\r\n },\r\n\r\n height: function (el, margin) {\r\n var result, style = window.getComputedStyle(el);\r\n\r\n if (style.boxSizing === 'border-box') { // border-box include padding and border within the height\r\n result = parseInt(style.height, 10);\r\n if (gj.core.isIE()) {\r\n result += parseInt(style.paddingTop || 0, 10) + parseInt(style.paddingBottom || 0, 10);\r\n result += parseInt(style.borderTopWidth || 0, 10) + parseInt(style.borderBottomWidth || 0, 10);\r\n }\r\n } else {\r\n result = parseInt(style.height, 10);\r\n result += parseInt(style.paddingTop || 0, 10) + parseInt(style.paddingBottom || 0, 10);\r\n result += parseInt(style.borderTopWidth || 0, 10) + parseInt(style.borderBottomWidth || 0, 10);\r\n }\r\n\r\n if (margin) {\r\n result += parseInt(style.marginTop || 0, 10) + parseInt(style.marginBottom || 0, 10);\r\n }\r\n\r\n return result;\r\n },\r\n\r\n width: function (el, margin) {\r\n var result, style = window.getComputedStyle(el);\r\n\r\n if (style.boxSizing === 'border-box') { // border-box include padding and border within the width\r\n result = parseInt(style.width, 10);\r\n } else {\r\n result = parseInt(style.width, 10);\r\n result += parseInt(style.paddingLeft || 0, 10) + parseInt(style.paddingRight || 0, 10);\r\n result += parseInt(style.borderLeftWidth || 0, 10) + parseInt(style.borderRightWidth || 0, 10);\r\n }\r\n\r\n if (margin) {\r\n result += parseInt(style.marginLeft || 0, 10) + parseInt(style.marginRight || 0, 10);\r\n }\r\n\r\n return result;\r\n },\r\n\r\n addClasses: function (el, classes) {\r\n var i, arr;\r\n if (classes) {\r\n arr = classes.split(' ');\r\n for (i = 0; i < arr.length; i++) {\r\n el.classList.add(arr[i]);\r\n }\r\n }\r\n },\r\n\r\n position: function (el) {\r\n var xScroll, yScroll, left = 0, top = 0,\r\n height = gj.core.height(el),\r\n width = gj.core.width(el);\r\n\r\n while (el) {\r\n if (el.tagName == \"BODY\") {\r\n xScroll = el.scrollLeft || document.documentElement.scrollLeft;\r\n yScroll = el.scrollTop || document.documentElement.scrollTop;\r\n left += el.offsetLeft - xScroll; // + el.clientLeft);\r\n top += el.offsetTop - yScroll; // + el.clientTop);\r\n } else {\r\n left += el.offsetLeft - el.scrollLeft; // + el.clientLeft;\r\n top += el.offsetTop - el.scrollTop; // + el.clientTop;\r\n }\r\n\r\n el = el.offsetParent;\r\n }\r\n\r\n return { top: top, left: left, bottom: top + height, right: left + width };\r\n },\r\n\r\n setCaretAtEnd: function (elem) {\r\n var elemLen;\r\n if (elem) {\r\n elemLen = elem.value.length;\r\n if (document.selection) { // For IE Only\r\n elem.focus();\r\n var oSel = document.selection.createRange();\r\n oSel.moveStart('character', -elemLen);\r\n oSel.moveStart('character', elemLen);\r\n oSel.moveEnd('character', 0);\r\n oSel.select();\r\n } else if (elem.selectionStart || elem.selectionStart == '0') { // Firefox/Chrome \r\n elem.selectionStart = elemLen;\r\n elem.selectionEnd = elemLen;\r\n elem.focus();\r\n }\r\n }\r\n },\r\n getScrollParent: function (node) {\r\n if (node == null) {\r\n return null;\r\n } else if (node.scrollHeight > node.clientHeight) {\r\n return node;\r\n } else {\r\n return gj.core.getScrollParent(node.parentNode);\r\n }\r\n }\r\n};\r\ngj.picker = {\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.picker.methods = {\r\n\r\n initialize: function ($input, data, methods) {\r\n var $calendar, $rightIcon,\r\n $picker = methods.createPicker($input, data),\r\n $wrapper = $input.parent('div[role=\"wrapper\"]');\r\n\r\n if (data.uiLibrary === 'bootstrap') {\r\n $rightIcon = $('' + data.icons.rightIcon + '');\r\n } else if (data.uiLibrary === 'bootstrap4') {\r\n $rightIcon = $('');\r\n } else {\r\n $rightIcon = $(data.icons.rightIcon);\r\n }\r\n $rightIcon.attr('role', 'right-icon');\r\n\r\n if ($wrapper.length === 0) {\r\n $wrapper = $('').addClass(data.style.wrapper); // The css class needs to be added before the wrapping, otherwise doesn't work.\r\n $input.wrap($wrapper);\r\n } else {\r\n $wrapper.addClass(data.style.wrapper);\r\n }\r\n $wrapper = $input.parent('div[role=\"wrapper\"]');\r\n\r\n data.width && $wrapper.css('width', data.width);\r\n\r\n $input.val(data.value).addClass(data.style.input).attr('role', 'input');\r\n\r\n data.fontSize && $input.css('font-size', data.fontSize);\r\n\r\n if (data.uiLibrary === 'bootstrap' || data.uiLibrary === 'bootstrap4') {\r\n if (data.size === 'small') {\r\n $wrapper.addClass('input-group-sm');\r\n $input.addClass('form-control-sm');\r\n } else if (data.size === 'large') {\r\n $wrapper.addClass('input-group-lg');\r\n $input.addClass('form-control-lg');\r\n }\r\n } else {\r\n if (data.size === 'small') {\r\n $wrapper.addClass('small');\r\n } else if (data.size === 'large') {\r\n $wrapper.addClass('large');\r\n }\r\n }\r\n\r\n $rightIcon.on('click', function (e) {\r\n if ($picker.is(':visible')) {\r\n $input.close();\r\n } else {\r\n $input.open();\r\n }\r\n });\r\n $wrapper.append($rightIcon);\r\n\r\n if (data.footer !== true) {\r\n $input.on('blur', function () {\r\n $input.timeout = setTimeout(function () {\r\n $input.close();\r\n }, 500);\r\n });\r\n $picker.mousedown(function () {\r\n clearTimeout($input.timeout);\r\n $input.focus();\r\n return false;\r\n });\r\n $picker.on('click', function () {\r\n clearTimeout($input.timeout);\r\n $input.focus();\r\n });\r\n }\r\n }\r\n};\r\n\r\n\r\ngj.picker.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.picker.methods;\r\n\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n return $element;\r\n};\r\n\r\ngj.picker.widget.prototype = new gj.widget();\r\ngj.picker.widget.constructor = gj.picker.widget;\r\n\r\ngj.picker.widget.prototype.init = function (jsConfig, type, methods) {\r\n gj.widget.prototype.init.call(this, jsConfig, type);\r\n this.attr('data-' + type, 'true');\r\n gj.picker.methods.initialize(this, this.data(), gj[type].methods);\r\n return this;\r\n};\r\n\r\ngj.picker.widget.prototype.open = function (type) {\r\n var data = this.data(),\r\n $picker = $('body').find('[role=\"picker\"][guid=\"' + this.attr('data-guid') + '\"]');\r\n\r\n $picker.show();\r\n $picker.closest('div[role=\"modal\"]').show();\r\n if (data.modal) {\r\n gj.core.center($picker);\r\n } else {\r\n gj.core.setChildPosition(this[0], $picker[0]);\r\n this.focus();\r\n }\r\n clearTimeout(this.timeout);\r\n\r\n gj[type].events.open(this);\r\n\r\n return this;\r\n};\r\n\r\ngj.picker.widget.prototype.close = function (type) {\r\n var $picker = $('body').find('[role=\"picker\"][guid=\"' + this.attr('data-guid') + '\"]');\r\n $picker.hide();\r\n $picker.closest('div[role=\"modal\"]').hide();\r\n gj[type].events.close(this);\r\n return this;\r\n};\r\n\r\ngj.picker.widget.prototype.destroy = function (type) {\r\n var data = this.data(),\r\n $parent = this.parent(),\r\n $picker = $('body').find('[role=\"picker\"][guid=\"' + this.attr('data-guid') + '\"]');\r\n if (data) {\r\n this.off();\r\n if ($picker.parent('[role=\"modal\"]').length > 0) {\r\n $picker.unwrap();\r\n }\r\n $picker.remove();\r\n this.removeData();\r\n this.removeAttr('data-type').removeAttr('data-guid').removeAttr('data-' + type);\r\n this.removeClass();\r\n $parent.children('[role=\"right-icon\"]').remove();\r\n this.unwrap();\r\n }\r\n return this;\r\n};\r\n/* global window alert jQuery */\r\n/** \r\n * @widget Dialog \r\n * @plugin Base\r\n */\r\ngj.dialog = {\r\n plugins: {},\r\n messages: {}\r\n};\r\n\r\ngj.dialog.config = {\r\n base: {\r\n /** If set to true, the dialog will automatically open upon initialization.\r\n * If false, the dialog will stay hidden until the open() method is called.\r\n * @type boolean\r\n * @default true\r\n * @example True \r\n *Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example False \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n autoOpen: true,\r\n\r\n /** Specifies whether the dialog should have a close button in right part of dialog header.\r\n * @type boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n *
\r\n * \r\n * @example False \r\n * Dialog
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n *
\r\n * \r\n */\r\n closeButtonInHeader: true,\r\n\r\n /** Specifies whether the dialog should close when it has focus and the user presses the escape (ESC) key.\r\n * @type boolean\r\n * @default true\r\n * @example True \r\n * Dialog
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n *
\r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example False \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n */\r\n closeOnEscape: true,\r\n\r\n /** If set to true, the dialog will be draggable by the title bar.\r\n * @type boolean\r\n * @default true\r\n * @example True \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example False \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n */\r\n draggable: true,\r\n\r\n /** The height of the dialog.\r\n * @additionalinfo Support string and number values. The number value sets the height in pixels.\r\n * The only supported string value is \"auto\" which will allow the dialog height to adjust based on its content.\r\n * @type (number|string)\r\n * @default \"auto\"\r\n * @example Short.Text \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example Long.Text.Material.Design \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor quam in magna vulputate, vitae laoreet odio ultrices. Phasellus at efficitur magna. Mauris purus dolor, egestas quis leo et, vulputate dictum mauris. Vivamus maximus lectus sollicitudin lorem blandit tempor. Maecenas eget posuere mi. Suspendisse id hendrerit nibh. Morbi eu odio euismod, venenatis ipsum in, egestas nunc. Mauris dignissim metus ac risus porta eleifend. Aliquam tempus libero orci, id placerat odio vehicula eu. Donec tincidunt justo dolor, sit amet tempus turpis varius sit amet. Suspendisse ut ex blandit, hendrerit enim tristique, iaculis ipsum. Vivamus venenatis dolor justo, eget scelerisque lacus dignissim quis. Duis imperdiet ex at aliquet cursus. Proin non ultricies leo. Fusce quam diam, laoreet quis fringilla vitae, viverra id magna. Nam laoreet sem in volutpat rhoncus.
\r\n * \r\n * @example Long.Text.Bootstrap3 \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor quam in magna vulputate, vitae laoreet odio ultrices. Phasellus at efficitur magna. Mauris purus dolor, egestas quis leo et, vulputate dictum mauris. Vivamus maximus lectus sollicitudin lorem blandit tempor. Maecenas eget posuere mi. Suspendisse id hendrerit nibh. Morbi eu odio euismod, venenatis ipsum in, egestas nunc. Mauris dignissim metus ac risus porta eleifend. Aliquam tempus libero orci, id placerat odio vehicula eu. Donec tincidunt justo dolor, sit amet tempus turpis varius sit amet. Suspendisse ut ex blandit, hendrerit enim tristique, iaculis ipsum. Vivamus venenatis dolor justo, eget scelerisque lacus dignissim quis. Duis imperdiet ex at aliquet cursus. Proin non ultricies leo. Fusce quam diam, laoreet quis fringilla vitae, viverra id magna. Nam laoreet sem in volutpat rhoncus.
\r\n * \r\n * @example Long.Text.Bootstrap4 \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor quam in magna vulputate, vitae laoreet odio ultrices. Phasellus at efficitur magna. Mauris purus dolor, egestas quis leo et, vulputate dictum mauris. Vivamus maximus lectus sollicitudin lorem blandit tempor. Maecenas eget posuere mi. Suspendisse id hendrerit nibh. Morbi eu odio euismod, venenatis ipsum in, egestas nunc. Mauris dignissim metus ac risus porta eleifend. Aliquam tempus libero orci, id placerat odio vehicula eu. Donec tincidunt justo dolor, sit amet tempus turpis varius sit amet. Suspendisse ut ex blandit, hendrerit enim tristique, iaculis ipsum. Vivamus venenatis dolor justo, eget scelerisque lacus dignissim quis. Duis imperdiet ex at aliquet cursus. Proin non ultricies leo. Fusce quam diam, laoreet quis fringilla vitae, viverra id magna. Nam laoreet sem in volutpat rhoncus.
\r\n * \r\n */\r\n height: 'auto',\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example French.Default \r\n * \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example French.Custom \r\n * \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n /** The maximum height in pixels to which the dialog can be resized.\r\n * @type number\r\n * @default undefined\r\n * @example sample \r\n * The maximum height of this dialog is set to 300 px. Try to resize it for testing.
\r\n * \r\n */\r\n maxHeight: undefined,\r\n\r\n /** The maximum width in pixels to which the dialog can be resized.\r\n * @type number\r\n * @default undefined\r\n * @example sample \r\n * The maximum width of this dialog is set to 400 px. Try to resize it for testing.
\r\n * \r\n */\r\n maxWidth: undefined,\r\n\r\n /** The minimum height in pixels to which the dialog can be resized.\r\n * @type number\r\n * @default undefined\r\n * @example sample \r\n * The minimum height of this dialog is set to 200 px. Try to resize it for testing.
\r\n * \r\n */\r\n minHeight: undefined,\r\n\r\n /** The minimum width in pixels to which the dialog can be resized.\r\n * @type number\r\n * @default undefined\r\n * @example sample \r\n * The minimum width of this dialog is set to 200 px. Try to resize it for testing.
\r\n * \r\n */\r\n minWidth: undefined,\r\n\r\n /** If set to true, the dialog will have modal behavior.\r\n * Modal dialogs create an overlay below the dialog, but above other page elements and you can't interact with them.\r\n * @type boolean\r\n * @default false\r\n * @example True.Material.Design \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example True.Bootstrap.4 \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example False \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n */\r\n modal: false,\r\n\r\n /** If set to true, the dialog will be resizable.\r\n * @type boolean\r\n * @default false\r\n * @example True \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example False \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n */\r\n resizable: false,\r\n\r\n /** If set to true, add vertical scroller to the dialog body.\r\n * @type Boolean\r\n * @default false\r\n * @example Bootstrap.3 \r\n * \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor quam in magna vulputate, vitae laoreet odio ultrices. Phasellus at efficitur magna. Mauris purus dolor, egestas quis leo et, vulputate dictum mauris. Vivamus maximus lectus sollicitudin lorem blandit tempor. Maecenas eget posuere mi. Suspendisse id hendrerit nibh. Morbi eu odio euismod, venenatis ipsum in, egestas nunc. Mauris dignissim metus ac risus porta eleifend. Aliquam tempus libero orci, id placerat odio vehicula eu. Donec tincidunt justo dolor, sit amet tempus turpis varius sit amet. Suspendisse ut ex blandit, hendrerit enim tristique, iaculis ipsum. Vivamus venenatis dolor justo, eget scelerisque lacus dignissim quis. Duis imperdiet ex at aliquet cursus. Proin non ultricies leo. Fusce quam diam, laoreet quis fringilla vitae, viverra id magna. Nam laoreet sem in volutpat rhoncus.
\r\n * \r\n * \r\n * \r\n *
\r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor quam in magna vulputate, vitae laoreet odio ultrices. Phasellus at efficitur magna. Mauris purus dolor, egestas quis leo et, vulputate dictum mauris. Vivamus maximus lectus sollicitudin lorem blandit tempor. Maecenas eget posuere mi. Suspendisse id hendrerit nibh. Morbi eu odio euismod, venenatis ipsum in, egestas nunc. Mauris dignissim metus ac risus porta eleifend. Aliquam tempus libero orci, id placerat odio vehicula eu. Donec tincidunt justo dolor, sit amet tempus turpis varius sit amet. Suspendisse ut ex blandit, hendrerit enim tristique, iaculis ipsum. Vivamus venenatis dolor justo, eget scelerisque lacus dignissim quis. Duis imperdiet ex at aliquet cursus. Proin non ultricies leo. Fusce quam diam, laoreet quis fringilla vitae, viverra id magna. Nam laoreet sem in volutpat rhoncus.
\r\n * \r\n * @example Material.Design \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor quam in magna vulputate, vitae laoreet odio ultrices. Phasellus at efficitur magna. Mauris purus dolor, egestas quis leo et, vulputate dictum mauris. Vivamus maximus lectus sollicitudin lorem blandit tempor. Maecenas eget posuere mi. Suspendisse id hendrerit nibh. Morbi eu odio euismod, venenatis ipsum in, egestas nunc. Mauris dignissim metus ac risus porta eleifend. Aliquam tempus libero orci, id placerat odio vehicula eu. Donec tincidunt justo dolor, sit amet tempus turpis varius sit amet. Suspendisse ut ex blandit, hendrerit enim tristique, iaculis ipsum. Vivamus venenatis dolor justo, eget scelerisque lacus dignissim quis. Duis imperdiet ex at aliquet cursus. Proin non ultricies leo. Fusce quam diam, laoreet quis fringilla vitae, viverra id magna. Nam laoreet sem in volutpat rhoncus.
\r\n * \r\n */\r\n scrollable: false,\r\n\r\n /** The title of the dialog. Can be also set through the title attribute of the html element.\r\n * @type String\r\n * @default \"Dialog\"\r\n * @example Js.Config \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example Html.Config \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n */\r\n title: undefined,\r\n\r\n /** The name of the UI library that is going to be in use. Currently we support Material Design and Bootstrap.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type string (bootstrap|materialdesign)\r\n * @default undefined\r\n * @example Bootstrap.3 \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example Bootstrap.4 \r\n * \r\n *
\r\n * \r\n * @example Material.Design \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n *
\r\n * \r\n *
\r\n * \r\n */\r\n uiLibrary: undefined,\r\n\r\n /** The width of the dialog.\r\n * @type number\r\n * @default 300\r\n * @example Fixed.Width \r\n * \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\r\n * Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\r\n *
\r\n * \r\n * \r\n * \r\n *
\r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * @example Auto.Width \r\n * \r\n * ![](\"https://upload.wikimedia.org/wikipedia/en/thumb/8/80/Wikipedia-logo-v2.svg/1122px-Wikipedia-logo-v2.svg.png\")
\r\n *
\r\n * \r\n */\r\n width: 300,\r\n\r\n style: {\r\n modal: 'gj-modal',\r\n content: 'gj-dialog-md',\r\n header: 'gj-dialog-md-header gj-unselectable',\r\n headerTitle: 'gj-dialog-md-title',\r\n headerCloseButton: 'gj-dialog-md-close',\r\n body: 'gj-dialog-md-body',\r\n footer: 'gj-dialog-footer gj-dialog-md-footer'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n modal: 'modal',\r\n content: 'modal-content gj-dialog-bootstrap',\r\n header: 'modal-header',\r\n headerTitle: 'modal-title',\r\n headerCloseButton: 'close',\r\n body: 'modal-body',\r\n footer: 'gj-dialog-footer modal-footer'\r\n }\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n modal: 'modal',\r\n content: 'modal-content gj-dialog-bootstrap4',\r\n header: 'modal-header',\r\n headerTitle: 'modal-title',\r\n headerCloseButton: 'close',\r\n body: 'modal-body',\r\n footer: 'gj-dialog-footer modal-footer'\r\n }\r\n }\r\n};\r\n/** \r\n * @widget Dialog \r\n * @plugin Base\r\n */\r\ngj.dialog.events = {\r\n /**\r\n * Triggered when the dialog is initialized.\r\n *\r\n * @event initialized\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n initialized: function ($dialog) {\r\n $dialog.trigger(\"initialized\");\r\n },\r\n\r\n /**\r\n * Triggered before the dialog is opened.\r\n * @event opening\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n opening: function ($dialog) {\r\n $dialog.trigger(\"opening\");\r\n },\r\n\r\n /**\r\n * Triggered when the dialog is opened.\r\n * @event opened\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n opened: function ($dialog) {\r\n $dialog.trigger(\"opened\");\r\n },\r\n\r\n /**\r\n * Triggered before the dialog is closed.\r\n * @event closing\r\n * @param {object} e - event data\r\n * @example sample \r\n * Close the dialog in order to fire closing event.
\r\n * \r\n * \r\n */\r\n closing: function ($dialog) {\r\n $dialog.trigger(\"closing\");\r\n },\r\n\r\n /**\r\n * Triggered when the dialog is closed.\r\n * @event closed\r\n * @param {object} e - event data\r\n * @example sample \r\n * Close the dialog in order to fire closed event.
\r\n * \r\n * \r\n */\r\n closed: function ($dialog) {\r\n $dialog.trigger(\"closed\");\r\n },\r\n\r\n /**\r\n * Triggered while the dialog is being dragged.\r\n * @event drag\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n drag: function ($dialog) {\r\n $dialog.trigger(\"drag\");\r\n },\r\n\r\n /**\r\n * Triggered when the user starts dragging the dialog.\r\n * @event dragStart\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n dragStart: function ($dialog) {\r\n $dialog.trigger(\"dragStart\");\r\n },\r\n\r\n /**\r\n * Triggered after the dialog has been dragged.\r\n * @event dragStop\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n dragStop: function ($dialog) {\r\n $dialog.trigger(\"dragStop\");\r\n },\r\n\r\n /**\r\n * Triggered while the dialog is being resized.\r\n * @event resize\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n resize: function ($dialog) {\r\n $dialog.trigger(\"resize\");\r\n },\r\n\r\n /**\r\n * Triggered when the user starts resizing the dialog.\r\n * @event resizeStart\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n resizeStart: function ($dialog) {\r\n $dialog.trigger(\"resizeStart\");\r\n },\r\n\r\n /**\r\n * Triggered after the dialog has been resized.\r\n * @event resizeStop\r\n * @param {object} e - event data\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n resizeStop: function ($dialog) {\r\n $dialog.trigger(\"resizeStop\");\r\n }\r\n};\r\n\r\ngj.dialog.methods = {\r\n\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'dialog');\r\n\r\n gj.dialog.methods.localization(this);\r\n gj.dialog.methods.initialize(this);\r\n gj.dialog.events.initialized(this);\r\n return this;\r\n },\r\n\r\n localization: function($dialog) {\r\n var data = $dialog.data();\r\n if (typeof (data.title) === 'undefined') {\r\n data.title = gj.dialog.messages[data.locale].DefaultTitle;\r\n }\r\n },\r\n\r\n getHTMLConfig: function () {\r\n var result = gj.widget.prototype.getHTMLConfig.call(this),\r\n attrs = this[0].attributes;\r\n if (attrs['title']) {\r\n result.title = attrs['title'].value;\r\n }\r\n return result;\r\n },\r\n\r\n initialize: function ($dialog) {\r\n var data = $dialog.data(),\r\n $header, $body, $footer;\r\n\r\n $dialog.addClass(data.style.content);\r\n\r\n gj.dialog.methods.setSize($dialog);\r\n\r\n if (data.closeOnEscape) {\r\n $(document).keyup(function (e) {\r\n if (e.keyCode === 27) {\r\n $dialog.close();\r\n }\r\n });\r\n }\r\n\r\n $body = $dialog.children('div[data-role=\"body\"]');\r\n if ($body.length === 0) {\r\n $body = $('').addClass(data.style.body);\r\n $dialog.wrapInner($body);\r\n } else {\r\n $body.addClass(data.style.body);\r\n }\r\n\r\n $header = gj.dialog.methods.renderHeader($dialog);\r\n\r\n $footer = $dialog.children('div[data-role=\"footer\"]').addClass(data.style.footer);\r\n\r\n $dialog.find('[data-role=\"close\"]').on('click', function () {\r\n $dialog.close();\r\n });\r\n\r\n if (gj.draggable) {\r\n if (data.draggable) {\r\n gj.dialog.methods.draggable($dialog, $header);\r\n }\r\n if (data.resizable) {\r\n gj.dialog.methods.resizable($dialog);\r\n }\r\n }\r\n\r\n if (data.scrollable && data.height) {\r\n $dialog.addClass('gj-dialog-scrollable');\r\n $dialog.on('opened', function () {\r\n var $body = $dialog.children('div[data-role=\"body\"]');\r\n $body.css('height', data.height - $header.outerHeight() - ($footer.length ? $footer.outerHeight() : 0));\r\n }); \r\n }\r\n\r\n gj.core.center($dialog);\r\n\r\n if (data.modal) {\r\n $dialog.wrapAll('');\r\n }\r\n\r\n if (data.autoOpen) {\r\n $dialog.open();\r\n }\r\n },\r\n\r\n setSize: function ($dialog) {\r\n var data = $dialog.data();\r\n if (data.width) {\r\n $dialog.css(\"width\", data.width);\r\n }\r\n if (data.height) {\r\n $dialog.css(\"height\", data.height);\r\n }\r\n },\r\n\r\n renderHeader: function ($dialog) {\r\n var $header, $title, $closeButton, data = $dialog.data();\r\n $header = $dialog.children('div[data-role=\"header\"]');\r\n if ($header.length === 0) {\r\n $header = $('');\r\n $dialog.prepend($header);\r\n }\r\n $header.addClass(data.style.header);\r\n\r\n $title = $header.find('[data-role=\"title\"]');\r\n if ($title.length === 0) {\r\n $title = $('
\r\n * \r\n *
\r\n * If set to object, then the grid is going to use this object as settings for the jquery ajax function.
\r\n * If set to array, then the grid is going to use the array as data for rows.\r\n * @type (string|object|array)\r\n * @default undefined\r\n * @example Remote.JS.Configuration \r\n *
\r\n * \r\n * @example Remote.Html.Configuration \r\n * \r\n * \r\n *
\r\n * \r\n * @example Local.DataSource \r\n *
\r\n * \r\n * @example Html.DataSource \r\n * \r\n * \r\n *
\r\n * \r\n * @example Remote.Custom.Render \r\n *
\r\n * \r\n * @example Remote.Custom.Error \r\n *
\r\n * \r\n */\r\n dataSource: undefined,\r\n\r\n /** An array that holds the configurations of each column from the grid.\r\n * @type array\r\n * @example JS.Configuration \r\n *
\r\n * \r\n */\r\n columns: [],\r\n\r\n /** Auto generate column for each field in the datasource when set to true.\r\n * @type array\r\n * @example sample \r\n *
\r\n * \r\n */\r\n autoGenerateColumns: false,\r\n\r\n /** An object that holds the default configuration settings of each column from the grid.\r\n * @type object\r\n * @example sample \r\n *
\r\n * \r\n */\r\n defaultColumnSettings: {\r\n\r\n /** If set to true the column will not be displayed in the grid. By default all columns are displayed.\r\n * @alias column.hidden\r\n * @type boolean\r\n * @default false\r\n * @example sample \r\n *
\r\n * \r\n */\r\n hidden: false,\r\n\r\n /** The width of the column. Numeric values are treated as pixels.\r\n * If the width is undefined the width of the column is not set and depends on the with of the table(grid).\r\n * @alias column.width\r\n * @type number|string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n width: undefined,\r\n\r\n /** Indicates if the column is sortable.\r\n * If set to true the user can click the column header and sort the grid by the column source field.\r\n * @alias column.sortable\r\n * @type boolean|object\r\n * @default false\r\n * @example Remote \r\n *
\r\n * \r\n * @example Local.Custom \r\n *
\r\n * \r\n * @example Remote.Bootstrap.3 \r\n *
\r\n * \r\n * @example Remote.Bootstrap.4.Material.Icons \r\n *
\r\n * \r\n * @example Remote.Bootstrap.4.FontAwesome \r\n *
\r\n * \r\n */\r\n sortable: false,\r\n\r\n /** Indicates the type of the column.\r\n * @alias column.type\r\n * @type text|checkbox|icon|date|time|datetime\r\n * @default 'text'\r\n * @example Bootstrap.3.Icon \r\n *
\r\n * \r\n * @example Bootstrap.4.Icon \r\n *
\r\n * \r\n * @example Bootstrap.3.Checkbox \r\n *
\r\n * \r\n * @example Bootstrap.4.Checkbox \r\n *
\r\n * \r\n */\r\n type: 'text',\r\n\r\n /** The caption that is going to be displayed in the header of the grid.\r\n * @alias column.title\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n title: undefined,\r\n\r\n /** The field name to which the column is bound.\r\n * If the column.title is not defined this value is used as column.title.\r\n * @alias column.field\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n field: undefined,\r\n\r\n /** This setting control the alignment of the text in the cell.\r\n * @alias column.align\r\n * @type left|right|center|justify|initial|inherit\r\n * @default undefined\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n align: undefined,\r\n\r\n /** The name(s) of css class(es) that are going to be applied to all cells inside that column, except the header cell.\r\n * @alias column.cssClass\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n * \r\n */\r\n cssClass: undefined,\r\n\r\n /** The name(s) of css class(es) that are going to be applied to the header cell of that column.\r\n * @alias column.headerCssClass\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n * \r\n */\r\n headerCssClass: undefined,\r\n\r\n /** The text for the cell tooltip.\r\n * @alias column.tooltip\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n tooltip: undefined,\r\n\r\n /** Css class for icon that is going to be in use for the cell.\r\n * This setting can be in use only with combination of type icon.\r\n * @alias column.icon\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n icon: undefined,\r\n\r\n /** Configuration object with event names as keys and functions as values that are going to be bind to each cell from the column.\r\n * Each function is going to receive event information as a parameter with info in the 'data' field for id, field name and record data.\r\n * @alias column.events\r\n * @type object\r\n * @default undefined\r\n * @example javascript.configuration \r\n *
\r\n * \r\n * @example html.configuration \r\n * \r\n * \r\n *
\r\n * \r\n */\r\n events: undefined,\r\n\r\n /** Format the date when the type of the column is date.\r\n * @additionalinfo d - Day of the month as digits; no leading zero for single-digit days.
\r\n * dd - Day of the month as digits; leading zero for single-digit days.
\r\n * m - Month as digits; no leading zero for single-digit months.
\r\n * mm - Month as digits; leading zero for single-digit months.
\r\n * yy - Year as last two digits; leading zero for years less than 10.
\r\n * yyyy - Year represented by four digits.
\r\n * s - Seconds; no leading zero for single-digit seconds.
\r\n * ss - Seconds; leading zero for single-digit seconds.
\r\n * M - Minutes; no leading zero for single-digit minutes. Uppercase MM to avoid conflict with months.
\r\n * MM - Minutes; leading zero for single-digit minutes. Uppercase MM to avoid conflict with months.
\r\n * H - Hours; no leading zero for single-digit hours (24-hour clock).
\r\n * HH - Hours; leading zero for single-digit hours (24-hour clock).
\r\n * h - Hours; no leading zero for single-digit hours (12-hour clock).
\r\n * hh - Hours; leading zero for single-digit hours (12-hour clock).
\r\n * tt - Lowercase, two-character time marker string: am or pm.
\r\n * TT - Uppercase, two-character time marker string: AM or PM.
\r\n * @alias column.format\r\n * @type string\r\n * @default 'mm/dd/yyyy'\r\n * @example sample \r\n *
\r\n * \r\n */\r\n format: 'mm/dd/yyyy',\r\n\r\n /** Number of decimal digits after the decimal point.\r\n * @alias column.decimalDigits\r\n * @type number\r\n * @default undefined\r\n */\r\n decimalDigits: undefined,\r\n\r\n /** Template for the content in the column.\r\n * Use curly brackets '{}' to wrap the names of data source columns from server response.\r\n * @alias column.tmpl\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n tmpl: undefined,\r\n\r\n /** If set to true stop event propagation when event occur.\r\n * @alias column.stopPropagation\r\n * @type boolean\r\n * @default false\r\n * @example sample \r\n *
\r\n * \r\n */\r\n stopPropagation: false,\r\n\r\n /** A renderer is an 'interceptor' function which can be used to transform data (value, appearance, etc.) before it is rendered.\r\n * @additionalinfo If the renderer function return a value, then this value is going to be automatically set as value of the cell.
\r\n * If the renderer function doesn't return a value, then you have to set the content of the cell manually.\r\n * @alias column.renderer\r\n * @type function\r\n * @default undefined\r\n * @param {string} value - the record field value\r\n * @param {object} record - the data of the row record\r\n * @param {object} $cell - the current table cell presented as jquery object\r\n * @param {object} $displayEl - inner div element for display of the cell value presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n renderer: undefined,\r\n\r\n /** Function which can be used to customize filtering with local data (javascript sourced data).\r\n * @additionalinfo The default filtering is not case sensitive. The filtering with remote data sources needs to be handled on the server.\r\n * @alias column.filter\r\n * @type function\r\n * @default undefined\r\n * @param {string} value - the record field value\r\n * @param {string} searchStr - the search string\r\n * @example example \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n filter: undefined\r\n },\r\n\r\n mapping: {\r\n /** The name of the object in the server response, that contains array with records, that needs to be display in the grid.\r\n * @alias mapping.dataField\r\n * @type string\r\n * @default \"records\"\r\n */\r\n dataField: 'records',\r\n\r\n /** The name of the object in the server response, that contains the number of all records on the server.\r\n * @alias mapping.totalRecordsField\r\n * @type string\r\n * @default \"total\"\r\n */\r\n totalRecordsField: 'total'\r\n },\r\n\r\n params: {},\r\n\r\n paramNames: {\r\n\r\n /** The name of the parameter that is going to send the name of the column for sorting.\r\n * The \"sortable\" setting for at least one column should be enabled in order this parameter to be in use.\r\n * @alias paramNames.sortBy\r\n * @type string\r\n * @default \"sortBy\"\r\n */\r\n sortBy: 'sortBy',\r\n\r\n /** The name of the parameter that is going to send the direction for sorting.\r\n * The \"sortable\" setting for at least one column should be enabled in order this parameter to be in use.\r\n * @alias paramNames.direction\r\n * @type string\r\n * @default \"direction\"\r\n */\r\n direction: 'direction'\r\n },\r\n\r\n /** The name of the UI library that is going to be in use. Currently we support Bootstrap 3, Bootstrap 4 and Material Design.\r\n * @additionalinfo The css files for Bootstrap or Material Design should be manually included to the page where the grid is in use.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default 'materialdesign'\r\n * @example Material.Design.With.Icons \r\n *
\r\n * \r\n * @example Material.Design.Without.Icons \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n *
\r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Font.Awesome \r\n *
\r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n /** The type of the row selection.
\r\n * If the type is set to multiple the user will be able to select more then one row from the grid.\r\n * @type (single|multiple)\r\n * @default 'single'\r\n * @example Multiple.Material.Design.Checkbox \r\n *
\r\n * \r\n * @example Multiple.Bootstrap.3.Checkbox \r\n *
\r\n * \r\n * @example Multiple.Bootstrap.4.Checkbox \r\n *
\r\n * \r\n * @example Single.Checkbox \r\n *
\r\n * \r\n */\r\n selectionType: 'single',\r\n\r\n /** The type of the row selection mechanism.\r\n * @additionalinfo If this setting is set to \"basic\" when the user select a row, then this row will be highlighted.
\r\n * If this setting is set to \"checkbox\" a column with checkboxes will appear as first row of the grid and when the user select a row, then this row will be highlighted and the checkbox selected.\r\n * @type (basic|checkbox)\r\n * @default \"basic\"\r\n * @example sample \r\n *
\r\n * \r\n */\r\n selectionMethod: 'basic',\r\n\r\n /** When this setting is enabled the content of the grid will be loaded automatically after the creation of the grid.\r\n * @type boolean\r\n * @default true\r\n * @example disabled \r\n *
\r\n * \r\n * @example enabled \r\n *
\r\n * \r\n */\r\n autoLoad: true,\r\n\r\n /** The text that is going to be displayed if the grid is empty.\r\n * @type string\r\n * @default \"No records found.\"\r\n * @example sample \r\n *
\r\n * \r\n * @example localization \r\n *
\r\n * \r\n * \r\n */\r\n notFoundText: undefined,\r\n\r\n /** Width of the grid.\r\n * @type number\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n width: undefined,\r\n\r\n /** Minimum width of the grid.\r\n * @type number\r\n * @default undefined\r\n */\r\n minWidth: undefined,\r\n\r\n /** This configuration option manage the behaviour of the header row height.\r\n * Auto scale if set to to 'autogrow'. All body rows are with the same height if set to 'fixed'.\r\n * @type ('autogrow'|'fixed')\r\n * @default \"fixed\"\r\n * @example AutoGrow \r\n *
\r\n * \r\n * @example Fixed \r\n *
\r\n * \r\n */\r\n headerRowHeight: 'fixed',\r\n\r\n /** This configuration option manage the behaviour of the body row height.\r\n * Auto scale if set to to 'autogrow'. All body rows are with the same height if set to 'fixed'.\r\n * @type ('autogrow'|'fixed')\r\n * @default \"autogrow\"\r\n * @example AutoGrow \r\n *
\r\n * \r\n * @example Fixed \r\n *
\r\n * \r\n */\r\n bodyRowHeight: 'autogrow',\r\n\r\n /** The size of the font in the grid.\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n fontSize: undefined,\r\n\r\n /** Name of column that contains the record id. \r\n * @additionalinfo If you set primary key, we assume that this number is unique for each records presented in the grid.
\r\n * For example this should contains the column with primary key from your relation db table.
\r\n * If the primaryKey is undefined, we autogenerate id for each record in the table by starting from 1.\r\n * @type string\r\n * @default undefined\r\n * @example defined \r\n *
\r\n * \r\n * @example undefined \r\n *
\r\n * \r\n */\r\n primaryKey: undefined,\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example German.Bootstrap.Default \r\n *
\r\n * \r\n * @example French.MaterialDesign.Custom \r\n *
\r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n defaultIconColumnWidth: 70,\r\n defaultCheckBoxColumnWidth: 70,\r\n\r\n style: {\r\n wrapper: 'gj-grid-wrapper',\r\n table: 'gj-grid gj-grid-md',\r\n loadingCover: 'gj-grid-loading-cover',\r\n loadingText: 'gj-grid-loading-text',\r\n header: {\r\n cell: undefined,\r\n sortable: 'gj-cursor-pointer gj-unselectable'\r\n },\r\n content: {\r\n rowSelected: 'gj-grid-md-select'\r\n }\r\n },\r\n\r\n icons: {\r\n asc: '▲',\r\n desc: '▼'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-grid-wrapper',\r\n table: 'gj-grid gj-grid-bootstrap gj-grid-bootstrap-3 table table-bordered table-hover',\r\n content: {\r\n rowSelected: 'active'\r\n }\r\n },\r\n\r\n iconsLibrary: 'glyphicons',\r\n\r\n defaultIconColumnWidth: 34,\r\n defaultCheckBoxColumnWidth: 36\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-grid-wrapper',\r\n table: 'gj-grid gj-grid-bootstrap gj-grid-bootstrap-4 table table-bordered table-hover',\r\n content: {\r\n rowSelected: 'active'\r\n }\r\n },\r\n\r\n defaultIconColumnWidth: 42,\r\n defaultCheckBoxColumnWidth: 44\r\n },\r\n\r\n materialicons: {\r\n icons: {\r\n asc: '',\r\n desc: ''\r\n }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n asc: '',\r\n desc: ''\r\n }\r\n },\r\n\r\n glyphicons: {\r\n icons: {\r\n asc: '',\r\n desc: ''\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * @widget Grid\r\n * @plugin Base\r\n */\r\ngj.grid.events = {\r\n /**\r\n * Event fires before addition of an empty row to the grid.\r\n * @event beforeEmptyRowInsert\r\n * @param {object} e - event data\r\n * @param {object} $row - The empty row as jquery object\r\n * @example sample \r\n *
\r\n * \r\n */\r\n beforeEmptyRowInsert: function ($grid, $row) {\r\n return $grid.triggerHandler('beforeEmptyRowInsert', [$row]);\r\n },\r\n\r\n /**\r\n * Event fired before data binding takes place.\r\n *\r\n * @event dataBinding\r\n * @param {object} e - event data\r\n * @param {array} records - the list of records\r\n * @example sample \r\n *
\r\n * \r\n */\r\n dataBinding: function ($grid, records) {\r\n return $grid.triggerHandler('dataBinding', [records]);\r\n },\r\n\r\n /**\r\n * Event fires after the loading of the data in the grid.\r\n *\r\n * @event dataBound\r\n * @param {object} e - event data\r\n * @param {array} records - the list of records\r\n * @param {number} totalRecords - the number of the all records that can be presented in the grid\r\n * @example sample \r\n *
\r\n * \r\n */\r\n dataBound: function ($grid, records, totalRecords) {\r\n return $grid.triggerHandler('dataBound', [records, totalRecords]);\r\n },\r\n\r\n /**\r\n * Event fires after insert of a row in the grid during the loading of the data.\r\n * @event rowDataBound\r\n * @param {object} e - event data\r\n * @param {object} $row - the row presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} record - the data of the row record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n rowDataBound: function ($grid, $row, id, record) {\r\n return $grid.triggerHandler('rowDataBound', [$row, id, record]);\r\n },\r\n\r\n /**\r\n * Event fires after insert of a cell in the grid during the loading of the data\r\n *\r\n * @event cellDataBound\r\n * @param {object} e - event data\r\n * @param {object} $displayEl - inner div element for display of the cell value presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} column - the column configuration data\r\n * @param {object} record - the data of the row record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n cellDataBound: function ($grid, $displayEl, id, column, record) {\r\n return $grid.triggerHandler('cellDataBound', [$displayEl, id, column, record]);\r\n },\r\n\r\n /**\r\n * Event fires on selection of row\r\n *\r\n * @event rowSelect\r\n * @param {object} e - event data\r\n * @param {object} $row - the row presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} record - the data of the row record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n rowSelect: function ($grid, $row, id, record) {\r\n return $grid.triggerHandler('rowSelect', [$row, id, record]);\r\n },\r\n\r\n /**\r\n * Event fires on un selection of row\r\n *\r\n * @event rowUnselect\r\n * @param {object} e - event data\r\n * @param {object} $row - the row presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} record - the data of the row record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n rowUnselect: function ($grid, $row, id, record) {\r\n return $grid.triggerHandler('rowUnselect', [$row, id, record]);\r\n },\r\n\r\n /**\r\n * Event fires before deletion of row in the grid.\r\n * @event rowRemoving\r\n * @param {object} e - event data\r\n * @param {object} $row - the row presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} record - the data of the row record\r\n * @example sample \r\n *
\r\n *
\r\n * \r\n */\r\n rowRemoving: function ($grid, $row, id, record) {\r\n return $grid.triggerHandler('rowRemoving', [$row, id, record]);\r\n },\r\n\r\n /**\r\n * Event fires when the grid.destroy method is called.\r\n *\r\n * @event destroying\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n destroying: function ($grid) {\r\n return $grid.triggerHandler('destroying');\r\n },\r\n\r\n /**\r\n * Event fires when column is hidding\r\n *\r\n * @event columnHide\r\n * @param {object} e - event data\r\n * @param {object} column - The data about the column that is hidding\r\n * @example sample \r\n *
\r\n * \r\n */\r\n columnHide: function ($grid, column) {\r\n return $grid.triggerHandler('columnHide', [column]);\r\n },\r\n\r\n /**\r\n * Event fires when column is showing\r\n *\r\n * @event columnShow\r\n * @param {object} e - event data\r\n * @param {object} column - The data about the column that is showing\r\n * @example sample \r\n *
\r\n * \r\n */\r\n columnShow: function ($grid, column) {\r\n return $grid.triggerHandler('columnShow', [column]);\r\n },\r\n\r\n /**\r\n * Event fires when grid is initialized.\r\n *\r\n * @event initialized\r\n * @param {object} e - event data\r\n * @example sample \r\n *
\r\n * \r\n */\r\n initialized: function ($grid) {\r\n return $grid.triggerHandler('initialized');\r\n },\r\n\r\n /**\r\n * Event fires when the grid data is filtered.\r\n *\r\n * @additionalinfo This event is firing only when you use local dataSource, because the filtering with remote dataSource needs to be done on the server side.\r\n * @event dataFiltered\r\n * @param {object} e - event data\r\n * @param {object} records - The records after the filtering.\r\n * @example sample \r\n *
\r\n * \r\n */\r\n dataFiltered: function ($grid, records) {\r\n return $grid.triggerHandler('dataFiltered', [records]);\r\n }\r\n};\r\n\r\n/*global gj $*/\r\ngj.grid.methods = {\r\n\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'grid');\r\n\r\n gj.grid.methods.initialize(this);\r\n\r\n if (this.data('autoLoad')) {\r\n this.reload();\r\n }\r\n return this;\r\n },\r\n\r\n getConfig: function (jsConfig, type) {\r\n var config = gj.widget.prototype.getConfig.call(this, jsConfig, type);\r\n gj.grid.methods.setDefaultColumnConfig(config.columns, config.defaultColumnSettings);\r\n return config;\r\n },\r\n\r\n setDefaultColumnConfig: function (columns, defaultColumnSettings) {\r\n var column, i;\r\n if (columns && columns.length) {\r\n for (i = 0; i < columns.length; i++) {\r\n column = $.extend(true, {}, defaultColumnSettings);\r\n $.extend(true, column, columns[i]);\r\n columns[i] = column;\r\n }\r\n }\r\n },\r\n\r\n getHTMLConfig: function () {\r\n var result = gj.widget.prototype.getHTMLConfig.call(this);\r\n result.columns = [];\r\n this.find('thead > tr > th').each(function () {\r\n var $el = $(this),\r\n title = $el.text(),\r\n config = gj.widget.prototype.getHTMLConfig.call($el);\r\n config.title = title;\r\n if (!config.field) {\r\n config.field = title;\r\n }\r\n if (config.events) {\r\n config.events = gj.grid.methods.eventsParser(config.events);\r\n }\r\n result.columns.push(config);\r\n });\r\n return result;\r\n },\r\n\r\n eventsParser: function (events) {\r\n var result = {}, list, i, key, func, position;\r\n list = events.split(',');\r\n for (i = 0; i < list.length; i++) {\r\n position = list[i].indexOf(':');\r\n if (position > 0) {\r\n key = $.trim(list[i].substr(0, position));\r\n func = $.trim(list[i].substr(position + 1, list[i].length));\r\n result[key] = eval('window.' + func); //window[func]; //TODO: eveluate functions from string\r\n }\r\n }\r\n return result;\r\n },\r\n \r\n initialize: function ($grid) {\r\n var data = $grid.data(),\r\n $wrapper = $grid.parent('div[data-role=\"wrapper\"]');\r\n\r\n gj.grid.methods.localization(data);\r\n\r\n if ($wrapper.length === 0) {\r\n $wrapper = $('').addClass(data.style.wrapper); //The css class needs to be added before the wrapping, otherwise doesn't work.\r\n $grid.wrap($wrapper);\r\n } else {\r\n $wrapper.addClass(data.style.wrapper);\r\n }\r\n\r\n if (data.width) {\r\n $grid.parent().css('width', data.width);\r\n }\r\n if (data.minWidth) {\r\n $grid.css('min-width', data.minWidth);\r\n }\r\n if (data.fontSize) {\r\n $grid.css('font-size', data.fontSize);\r\n }\r\n if (data.headerRowHeight === 'autogrow') {\r\n $grid.addClass('autogrow-header-row');\r\n }\r\n if (data.bodyRowHeight === 'fixed') {\r\n $grid.addClass('fixed-body-rows');\r\n }\r\n $grid.addClass(data.style.table);\r\n if ('checkbox' === data.selectionMethod) {\r\n data.columns.splice(gj.grid.methods.getColumnPositionNotInRole($grid), 0, {\r\n title: '',\r\n width: data.defaultCheckBoxColumnWidth,\r\n align: 'center',\r\n type: 'checkbox',\r\n role: 'selectRow',\r\n events: {\r\n click: function (e) {\r\n gj.grid.methods.setSelected($grid, e.data.id, $(this).closest('tr'));\r\n }\r\n },\r\n headerCssClass: 'gj-grid-select-all',\r\n stopPropagation: true\r\n });\r\n }\r\n \r\n if ($grid.children('tbody').length === 0) {\r\n $grid.append($(''));\r\n }\r\n\r\n gj.grid.methods.renderHeader($grid);\r\n gj.grid.methods.appendEmptyRow($grid, ' ');\r\n gj.grid.events.initialized($grid);\r\n },\r\n\r\n localization: function (data) {\r\n if (!data.notFoundText) {\r\n data.notFoundText = gj.grid.messages[data.locale].NoRecordsFound;\r\n }\r\n },\r\n\r\n renderHeader: function ($grid) {\r\n var data, columns, style, $thead, $row, $cell, $title, i, $checkAllBoxes;\r\n\r\n data = $grid.data();\r\n columns = data.columns;\r\n style = data.style.header;\r\n\r\n $thead = $grid.children('thead');\r\n if ($thead.length === 0) {\r\n $thead = $('');\r\n $grid.prepend($thead);\r\n }\r\n\r\n $row = $('
\r\n * \r\n */\r\n pageSizeChange: function ($grid, newSize) {\r\n $grid.triggerHandler('pageSizeChange', [newSize]);\r\n },\r\n\r\n /**\r\n * Triggered before the change of the page.\r\n *\r\n * @event pageChanging\r\n * @param {object} e - event data\r\n * @param {number} newPage - The new page\r\n * @example sample \r\n *
\r\n * \r\n */\r\n pageChanging: function ($grid, newSize) {\r\n $grid.triggerHandler('pageChanging', [newSize]);\r\n }\r\n },\r\n\r\n configure: function ($grid, fullConfig, clientConfig) {\r\n $.extend(true, $grid, gj.grid.plugins.pagination.public);\r\n var data = $grid.data();\r\n if (clientConfig.pager) {\r\n gj.grid.methods.isLastRecordVisible = gj.grid.plugins.pagination.private.isLastRecordVisible;\r\n\r\n $grid.on('initialized', function () {\r\n gj.grid.plugins.pagination.private.init($grid);\r\n });\r\n $grid.on('dataBound', function (e, records, totalRecords) {\r\n gj.grid.plugins.pagination.private.reloadPager($grid, totalRecords);\r\n });\r\n $grid.on('columnShow', function () {\r\n gj.grid.plugins.pagination.private.updatePagerColSpan($grid);\r\n });\r\n $grid.on('columnHide', function () {\r\n gj.grid.plugins.pagination.private.updatePagerColSpan($grid);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Responsive Design\r\n */\r\ngj.grid.plugins.responsiveDesign = {\r\n config: {\r\n base: {\r\n /** The interval in milliseconds for checking if the grid is resizing.\r\n * This setting is in use only if the resizeMonitoring setting is set to true.\r\n * @type number\r\n * @default 500\r\n * @example sample \r\n *
\r\n * \r\n */\r\n resizeCheckInterval: 500,\r\n\r\n /** This setting enables responsive behaviour of the grid where some column are invisible when there is not enough space on the screen for them.\r\n * The visibility of the columns in this mode is driven by the column minWidth and priority settings.\r\n * The columns without priority setting are always visible and can't hide in small screen resolutions.\r\n * @type boolean\r\n * @default false\r\n * @example sample \r\n *
\r\n * \r\n */\r\n responsive: false,\r\n\r\n /** Automatically adds hidden columns to the details section of the row.\r\n * This setting works only if the responsive setting is set to true and the detailTemplate is set.\r\n * You need to set priority and minWidth on the colums, that needs to be hidden in smaller screens.\r\n * @type boolean\r\n * @default false\r\n * @example Remote.Data.Source \r\n *
\r\n * \r\n * @example Local.Data.Source \r\n *
\r\n * \r\n */\r\n showHiddenColumnsAsDetails: false,\r\n\r\n defaultColumn: {\r\n /** The priority of the column compared to other columns in the grid.\r\n * The columns are hiding based on the priorities.\r\n * This setting is working only when the responsive setting is set to true.\r\n * @alias column.priority\r\n * @type number\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n priority: undefined,\r\n\r\n /** The minimum width of the column.\r\n * The column is getting invisible when there is not enough space in the grid for this minimum width.\r\n * This setting is working only when the responsive setting is set to true and the column priority setting is set.\r\n * @alias column.minWidth\r\n * @type number\r\n * @default 250\r\n * @example sample \r\n *
\r\n * \r\n */\r\n minWidth: 250\r\n },\r\n style: {\r\n rowDetailItem: ''\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n rowDetailItem: 'col-lg-4'\r\n }\r\n }\r\n },\r\n\r\n 'private': {\r\n\r\n orderColumns: function (config) {\r\n var result = [];\r\n if (config.columns && config.columns.length) {\r\n for (i = 0; i < config.columns.length; i++) {\r\n result.push({\r\n position: i,\r\n field: config.columns[i].field,\r\n minWidth: config.columns[i].width || config.columns[i].minWidth || config.defaultColumn.minWidth,\r\n priority: config.columns[i].priority || 0\r\n });\r\n }\r\n result.sort(function (a, b) {\r\n var result = 0;\r\n if (a.priority < b.priority) {\r\n result = -1;\r\n } else if (a.priority > b.priority) {\r\n result = 1;\r\n }\r\n return result;\r\n });\r\n }\r\n return result;\r\n },\r\n \r\n updateDetails: function ($grid) { \r\n var rows, data, i, j, $row, details, $placeholder, column, tmp;\r\n rows = $grid.find('tbody > tr[data-role=\"row\"]');\r\n data = $grid.data();\r\n for (i = 0; i < rows.length; i++) {\r\n $row = $(rows[i]);\r\n details = $row.data('details');\r\n for (j = 0; j < data.columns.length; j++) {\r\n column = data.columns[j];\r\n $placeholder = details && details.find('div[data-id=\"' + column.field + '\"]');\r\n if (data.columns[j].hidden) {\r\n tmp = '' + (column.title || column.field) + ': {' + column.field + '}';\r\n if (!$placeholder || !$placeholder.length) {\r\n $placeholder = $('').html(tmp);\r\n $placeholder.addClass(data.style.rowDetailItem);\r\n if (!details || !details.length) {\r\n details = $('
' + data.title + '
');\r\n $header.append($title);\r\n }\r\n $title.addClass(data.style.headerTitle);\r\n\r\n $closeButton = $header.find('[data-role=\"close\"]');\r\n if ($closeButton.length === 0 && data.closeButtonInHeader) {\r\n $closeButton = $('');\r\n $closeButton.addClass(data.style.headerCloseButton);\r\n $header.append($closeButton);\r\n } else if ($closeButton.length > 0 && data.closeButtonInHeader === false) {\r\n $closeButton.hide();\r\n } else {\r\n $closeButton.addClass(data.style.headerCloseButton);\r\n }\r\n\r\n return $header;\r\n },\r\n\r\n draggable: function ($dialog, $header) {\r\n $dialog.appendTo('body');\r\n $header.addClass('gj-draggable');\r\n $dialog.draggable({\r\n handle: $header,\r\n start: function () {\r\n $dialog.addClass('gj-unselectable');\r\n gj.dialog.events.dragStart($dialog);\r\n },\r\n stop: function () {\r\n $dialog.removeClass('gj-unselectable');\r\n gj.dialog.events.dragStop($dialog);\r\n }\r\n });\r\n },\r\n\r\n resizable: function ($dialog) {\r\n var config = {\r\n 'drag': gj.dialog.methods.resize,\r\n 'start': function () {\r\n $dialog.addClass('gj-unselectable');\r\n gj.dialog.events.resizeStart($dialog);\r\n },\r\n 'stop': function () {\r\n this.removeAttribute('style');\r\n $dialog.removeClass('gj-unselectable');\r\n gj.dialog.events.resizeStop($dialog);\r\n }\r\n };\r\n $dialog.append($('').draggable($.extend(true, { horizontal: false }, config)));\r\n $dialog.append($('').draggable($.extend(true, { vertical: false }, config)));\r\n $dialog.append($('').draggable($.extend(true, { horizontal: false }, config)));\r\n $dialog.append($('').draggable($.extend(true, { vertical: false }, config)));\r\n $dialog.append($('').draggable($.extend(true, {}, config)));\r\n $dialog.append($('').draggable($.extend(true, {}, config)));\r\n $dialog.append($('').draggable($.extend(true, {}, config)));\r\n $dialog.append($('').draggable($.extend(true, {}, config)));\r\n },\r\n\r\n resize: function (e, newPosition) {\r\n var $el, $dialog, position, data, height, width, top, left, result = false;\r\n\r\n $el = $(this);\r\n $dialog = $el.parent();\r\n position = gj.core.position(this);\r\n offset = { top: newPosition.top - position.top, left: newPosition.left - position.left };\r\n data = $dialog.data();\r\n\r\n // TODO: Include margins in the calculations\r\n if ($el.hasClass('gj-resizable-n')) {\r\n height = $dialog.height() - offset.top;\r\n top = $dialog.offset().top + offset.top;\r\n } else if ($el.hasClass('gj-resizable-e')) {\r\n width = $dialog.width() + offset.left;\r\n } else if ($el.hasClass('gj-resizable-s')) {\r\n height = $dialog.height() + offset.top;\r\n } else if ($el.hasClass('gj-resizable-w')) {\r\n width = $dialog.width() - offset.left;\r\n left = $dialog.offset().left + offset.left;\r\n } else if ($el.hasClass('gj-resizable-ne')) {\r\n height = $dialog.height() - offset.top;\r\n top = $dialog.offset().top + offset.top;\r\n width = $dialog.width() + offset.left;\r\n } else if ($el.hasClass('gj-resizable-nw')) {\r\n height = $dialog.height() - offset.top;\r\n top = $dialog.offset().top + offset.top;\r\n width = $dialog.width() - offset.left;\r\n left = $dialog.offset().left + offset.left;\r\n } else if ($el.hasClass('gj-resizable-se')) {\r\n height = $dialog.height() + offset.top;\r\n width = $dialog.width() + offset.left;\r\n } else if ($el.hasClass('gj-resizable-sw')) {\r\n height = $dialog.height() + offset.top;\r\n width = $dialog.width() - offset.left;\r\n left = $dialog.offset().left + offset.left;\r\n }\r\n\r\n if (height && (!data.minHeight || height >= data.minHeight) && (!data.maxHeight || height <= data.maxHeight)) {\r\n $dialog.height(height);\r\n if (top) {\r\n $dialog.css('top', top);\r\n }\r\n result = true;\r\n }\r\n\r\n if (width && (!data.minWidth || width >= data.minWidth) && (!data.maxWidth || width <= data.maxWidth)) {\r\n $dialog.width(width);\r\n if (left) {\r\n $dialog.css('left', left);\r\n }\r\n result = true;\r\n }\r\n\r\n if (result) {\r\n gj.dialog.events.resize($dialog);\r\n }\r\n \r\n return result;\r\n },\r\n\r\n open: function ($dialog, title) {\r\n var $footer;\r\n gj.dialog.events.opening($dialog);\r\n $dialog.css('display', 'block');\r\n $dialog.closest('div[data-role=\"modal\"]').css('display', 'block');\r\n $footer = $dialog.children('div[data-role=\"footer\"]');\r\n if ($footer.length && $footer.outerHeight()) {\r\n $dialog.children('div[data-role=\"body\"]').css('margin-bottom', $footer.outerHeight());\r\n }\r\n if (title !== undefined) {\r\n $dialog.find('[data-role=\"title\"]').html(title);\r\n }\r\n gj.dialog.events.opened($dialog);\r\n return $dialog;\r\n },\r\n\r\n close: function ($dialog) {\r\n if ($dialog.is(':visible')) {\r\n gj.dialog.events.closing($dialog);\r\n $dialog.css('display', 'none');\r\n $dialog.closest('div[data-role=\"modal\"]').css('display', 'none');\r\n gj.dialog.events.closed($dialog);\r\n }\r\n return $dialog;\r\n },\r\n\r\n isOpen: function ($dialog) {\r\n return $dialog.is(':visible');\r\n },\r\n\r\n content: function ($dialog, html) {\r\n var $body = $dialog.children('div[data-role=\"body\"]');\r\n if (typeof (html) === \"undefined\") {\r\n return $body.html();\r\n } else {\r\n return $body.html(html);\r\n }\r\n },\r\n\r\n destroy: function ($dialog, keepHtml) {\r\n var data = $dialog.data();\r\n if (data) {\r\n if (keepHtml === false) {\r\n $dialog.remove();\r\n } else {\r\n $dialog.close();\r\n $dialog.off();\r\n $dialog.removeData();\r\n $dialog.removeAttr('data-type');\r\n $dialog.removeClass(data.style.content);\r\n $dialog.find('[data-role=\"header\"]').removeClass(data.style.header);\r\n $dialog.find('[data-role=\"title\"]').removeClass(data.style.headerTitle);\r\n $dialog.find('[data-role=\"close\"]').remove();\r\n $dialog.find('[data-role=\"body\"]').removeClass(data.style.body);\r\n $dialog.find('[data-role=\"footer\"]').removeClass(data.style.footer);\r\n }\r\n \r\n }\r\n return $dialog;\r\n }\r\n};\r\n/** \r\n * @widget Dialog \r\n * @plugin Base\r\n */\r\ngj.dialog.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.dialog.methods;\r\n\r\n /**\r\n * Opens the dialog.\r\n * @method\r\n * @param {String} title - The dialog title.\r\n * @fires opening, opened\r\n * @return dialog\r\n * @example Sample \r\n *Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * @example Title \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n */\r\n self.open = function (title) {\r\n return methods.open(this, title);\r\n }\r\n\r\n /**\r\n * Close the dialog.\r\n * @method\r\n * @fires closing, closed\r\n * @return dialog\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return methods.close(this);\r\n }\r\n\r\n /**\r\n * Check if the dialog is currently open.\r\n * @method\r\n * @return boolean\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n * \r\n */\r\n self.isOpen = function () {\r\n return methods.isOpen(this);\r\n }\r\n\r\n /**\r\n * Gets or set the content of a dialog. Supports chaining when used as a setter.\r\n * @method\r\n * @param {String} content - The content of the Dialog.\r\n * @return String|Dialog\r\n * @example sample \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n */\r\n self.content = function (content) {\r\n return methods.content(this, content);\r\n }\r\n\r\n /**\r\n * Destroy the dialog.\r\n * @method\r\n * @param {boolean} keepHtml - If this flag is set to false, the dialog html markup will be removed from the HTML dom tree.\r\n * @return void\r\n * @example Keep.HTML.Markup \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n * @example Remove.HTML.Markup \r\n * Lorem ipsum dolor sit amet, consectetur adipiscing elit...
\r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function (keepHtml) {\r\n return methods.destroy(this, keepHtml);\r\n }\r\n\r\n $.extend($element, self);\r\n if ('dialog' !== $element.attr('data-type')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.dialog.widget.prototype = new gj.widget();\r\ngj.dialog.widget.constructor = gj.dialog.widget;\r\n\r\ngj.dialog.widget.prototype.getHTMLConfig = gj.dialog.methods.getHTMLConfig;\r\n\r\n(function ($) {\r\n $.fn.dialog = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.dialog.widget(this, method);\r\n } else {\r\n $widget = new gj.dialog.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\ngj.dialog.messages['en-us'] = {\r\n Close: 'Close',\r\n DefaultTitle: 'Dialog'\r\n};\r\n/* global window alert jQuery */\r\n/** \r\n * @widget Draggable \r\n * @plugin Base\r\n */\r\ngj.draggable = {\r\n plugins: {}\r\n};\r\n\r\ngj.draggable.config = {\r\n base: {\r\n /** If specified, restricts dragging from starting unless the mousedown occurs on the specified element.\r\n * Only elements that descend from the draggable element are permitted.\r\n * @type jquery element\r\n * @default undefined\r\n * @example sample \r\n * \r\n * \r\n *
\r\n * \r\n */\r\n handle: undefined,\r\n\r\n /** If set to false, restricts dragging on vertical direction.\r\n * @type Boolean\r\n * @default true\r\n * @example sample \r\n * \r\n * Handle for dragging
\r\n * \r\n * drag me
\r\n * (dragging on vertical direction is disabled)\r\n *
\r\n * \r\n */\r\n vertical: true,\r\n\r\n /** If set to false, restricts dragging on horizontal direction.\r\n * @type Boolean\r\n * @default true\r\n * @example sample \r\n * \r\n * \r\n * (dragging on vertical direction is disabled)\r\n *
\r\n * drag me
\r\n * (dragging on horizontal direction is disabled)\r\n *
\r\n * \r\n */\r\n horizontal: true,\r\n\r\n /** Constrains dragging to within the bounds of the specified element.\r\n * @type Element\r\n * @default undefined\r\n * @example sample \r\n * \r\n * \r\n * (dragging on horizontal direction is disabled)\r\n *
\r\n *
\r\n * \r\n */\r\n containment: undefined\r\n }\r\n};\r\n\r\ngj.draggable.methods = {\r\n init: function (jsConfig) {\r\n var $handleEl, data, $dragEl = this;\r\n\r\n gj.widget.prototype.init.call(this, jsConfig, 'draggable');\r\n data = this.data();\r\n $dragEl.attr('data-draggable', 'true');\r\n\r\n $handleEl = gj.draggable.methods.getHandleElement($dragEl);\r\n\r\n $handleEl.on('touchstart mousedown', function (e) {\r\n var position = gj.core.position($dragEl[0]);\r\n $dragEl[0].style.top = position.top + 'px';\r\n $dragEl[0].style.left = position.left + 'px';\r\n $dragEl[0].style.position = 'fixed';\r\n\r\n $dragEl.attr('draggable-dragging', true);\r\n $dragEl.removeAttr('draggable-x').removeAttr('draggable-y');\r\n gj.documentManager.subscribeForEvent('touchmove', $dragEl.data('guid'), gj.draggable.methods.createMoveHandler($dragEl, $handleEl, data));\r\n gj.documentManager.subscribeForEvent('mousemove', $dragEl.data('guid'), gj.draggable.methods.createMoveHandler($dragEl, $handleEl, data));\r\n });\r\n\r\n gj.documentManager.subscribeForEvent('mouseup', $dragEl.data('guid'), gj.draggable.methods.createUpHandler($dragEl));\r\n gj.documentManager.subscribeForEvent('touchend', $dragEl.data('guid'), gj.draggable.methods.createUpHandler($dragEl));\r\n gj.documentManager.subscribeForEvent('touchcancel', $dragEl.data('guid'), gj.draggable.methods.createUpHandler($dragEl));\r\n\r\n return $dragEl;\r\n },\r\n\r\n getHandleElement: function ($dragEl) {\r\n var $handle = $dragEl.data('handle');\r\n return ($handle && $handle.length) ? $handle : $dragEl;\r\n },\r\n\r\n createUpHandler: function ($dragEl) {\r\n return function (e) {\r\n if ($dragEl.attr('draggable-dragging') === 'true') {\r\n $dragEl.attr('draggable-dragging', false);\r\n gj.documentManager.unsubscribeForEvent('mousemove', $dragEl.data('guid'));\r\n gj.documentManager.unsubscribeForEvent('touchmove', $dragEl.data('guid'));\r\n gj.draggable.events.stop($dragEl, { x: $dragEl.mouseX(e), y: $dragEl.mouseY(e) });\r\n }\r\n };\r\n },\r\n\r\n createMoveHandler: function ($dragEl, $handleEl, data) {\r\n return function (e) {\r\n var mouseX, mouseY, offsetX, offsetY, prevX, prevY;\r\n if ($dragEl.attr('draggable-dragging') === 'true') {\r\n mouseX = Math.round($dragEl.mouseX(e));\r\n mouseY = Math.round($dragEl.mouseY(e));\r\n prevX = $dragEl.attr('draggable-x');\r\n prevY = $dragEl.attr('draggable-y');\r\n if (prevX && prevY) {\r\n offsetX = data.horizontal ? mouseX - parseInt(prevX, 10) : 0;\r\n offsetY = data.vertical ? mouseY - parseInt(prevY, 10) : 0;\r\n gj.draggable.methods.move($dragEl[0], data, offsetX, offsetY, mouseX, mouseY);\r\n } else {\r\n gj.draggable.events.start($dragEl, mouseX, mouseY);\r\n }\r\n $dragEl.attr('draggable-x', mouseX);\r\n $dragEl.attr('draggable-y', mouseY);\r\n }\r\n }\r\n },\r\n\r\n move: function (dragEl, data, offsetX, offsetY, mouseX, mouseY) {\r\n var contPosition, maxTop, maxLeft,\r\n position = gj.core.position(dragEl),\r\n newTop = position.top + offsetY,\r\n newLeft = position.left + offsetX;\r\n\r\n if (data.containment) {\r\n contPosition = gj.core.position(data.containment);\r\n maxTop = contPosition.top + gj.core.height(data.containment) - gj.core.height(dragEl);\r\n maxLeft = contPosition.left + gj.core.width(data.containment) - gj.core.width(dragEl);\r\n if (newTop > contPosition.top && newTop < maxTop) {\r\n if (contPosition.top >= mouseY || contPosition.bottom <= mouseY) {\r\n newTop = position.top;\r\n }\r\n } else {\r\n if (newTop <= contPosition.top) {\r\n newTop = contPosition.top + 1;\r\n } else {\r\n newTop = maxTop - 1;\r\n }\r\n }\r\n if (newLeft > contPosition.left && newLeft < maxLeft) {\r\n if (contPosition.left >= mouseX || contPosition.right <= mouseX) {\r\n newLeft = position.left;\r\n }\r\n } else {\r\n if (newLeft <= contPosition.left) {\r\n newLeft = contPosition.left + 1;\r\n } else {\r\n newLeft = maxLeft - 1;\r\n }\r\n }\r\n }\r\n\r\n if (false !== gj.draggable.events.drag($(dragEl), newLeft, newTop, mouseX, mouseY)) {\r\n dragEl.style.top = newTop + 'px';\r\n dragEl.style.left = newLeft + 'px';\r\n }\r\n },\r\n\r\n destroy: function ($dragEl) {\r\n if ($dragEl.attr('data-draggable') === 'true') {\r\n gj.documentManager.unsubscribeForEvent('mouseup', $dragEl.data('guid'));\r\n $dragEl.removeData();\r\n $dragEl.removeAttr('data-guid').removeAttr('data-type').removeAttr('data-draggable');\r\n $dragEl.removeAttr('draggable-x').removeAttr('draggable-y').removeAttr('draggable-dragging');\r\n $dragEl[0].style.top = '';\r\n $dragEl[0].style.left = '';\r\n $dragEl[0].style.position = '';\r\n $dragEl.off('drag').off('start').off('stop');\r\n gj.draggable.methods.getHandleElement($dragEl).off('mousedown');\r\n }\r\n return $dragEl;\r\n }\r\n};\r\n\r\ngj.draggable.events = {\r\n /**\r\n * Triggered while the mouse is moved during the dragging, immediately before the current move happens.\r\n *\r\n * @event drag\r\n * @param {object} e - event data\r\n * @param {object} newPosition - New position of the draggable element as { top, left } object.\r\n * @param {object} mousePosition - Current mouse position as { x, y } object.\r\n * @example sample \r\n * \r\n * drag me
\r\n * drag me
\r\n * \r\n */\r\n drag: function ($dragEl, newLeft, newTop, mouseX, mouseY) {\r\n return $dragEl.triggerHandler('drag', [{ left: newLeft, top: newTop }, { x: mouseX, y: mouseY }]);\r\n },\r\n\r\n /**\r\n * Triggered when dragging starts.\r\n *\r\n * @event start\r\n * @param {object} e - event data\r\n * @param {object} mousePosition - Current mouse position as { x, y } object.\r\n * @example sample \r\n * \r\n * \r\n * drag me\r\n *
\r\n * \r\n */\r\n start: function ($dragEl, mouseX, mouseY) {\r\n $dragEl.triggerHandler('start', [{ x: mouseX, y: mouseY }]);\r\n },\r\n\r\n /**\r\n * Triggered when dragging stops.\r\n *\r\n * @event stop\r\n * @param {object} e - event data\r\n * @param {object} mousePosition - Current mouse position as { x, y } object.\r\n * @example sample \r\n * \r\n * \r\n * drag me\r\n *
\r\n * \r\n */\r\n stop: function ($dragEl, mousePosition) {\r\n $dragEl.triggerHandler('stop', [mousePosition]);\r\n }\r\n};\r\n\r\ngj.draggable.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.draggable.methods;\r\n\r\n if (!$element.destroy) {\r\n /** Remove draggable functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * Drag Me
\r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n }\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-draggable')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.draggable.widget.prototype = new gj.widget();\r\ngj.draggable.widget.constructor = gj.draggable.widget;\r\n\r\n(function ($) {\r\n $.fn.draggable = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.draggable.widget(this, method);\r\n } else {\r\n $widget = new gj.draggable.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery */\r\n/** \r\n * @widget Droppable \r\n * @plugin Base\r\n */\r\ngj.droppable = {\r\n plugins: {}\r\n};\r\n\r\ngj.droppable.config = {\r\n /** If specified, the class will be added to the droppable while draggable is being hovered over the droppable.\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n * \r\n * Drop Here
\r\n * Drag Me
\r\n * \r\n */\r\n hoverClass: undefined\r\n};\r\n\r\ngj.droppable.methods = {\r\n init: function (jsConfig) {\r\n var $dropEl = this;\r\n\r\n gj.widget.prototype.init.call(this, jsConfig, 'droppable');\r\n $dropEl.attr('data-droppable', 'true');\r\n \r\n gj.documentManager.subscribeForEvent('mousedown', $dropEl.data('guid'), gj.droppable.methods.createMouseDownHandler($dropEl));\r\n gj.documentManager.subscribeForEvent('mousemove', $dropEl.data('guid'), gj.droppable.methods.createMouseMoveHandler($dropEl));\r\n gj.documentManager.subscribeForEvent('mouseup', $dropEl.data('guid'), gj.droppable.methods.createMouseUpHandler($dropEl));\r\n \r\n return $dropEl;\r\n },\r\n\r\n createMouseDownHandler: function ($dropEl) {\r\n return function (e) {\r\n $dropEl.isDragging = true;\r\n }\r\n },\r\n\r\n createMouseMoveHandler: function ($dropEl) {\r\n return function (e) {\r\n if ($dropEl.isDragging) {\r\n var hoverClass = $dropEl.data('hoverClass'),\r\n mousePosition = {\r\n x: $dropEl.mouseX(e),\r\n y: $dropEl.mouseY(e)\r\n },\r\n newIsOver = gj.droppable.methods.isOver($dropEl, mousePosition);\r\n if (newIsOver != $dropEl.isOver) {\r\n if (newIsOver) {\r\n if (hoverClass) {\r\n $dropEl.addClass(hoverClass);\r\n }\r\n gj.droppable.events.over($dropEl, mousePosition);\r\n } else {\r\n if (hoverClass) {\r\n $dropEl.removeClass(hoverClass);\r\n }\r\n gj.droppable.events.out($dropEl);\r\n }\r\n }\r\n $dropEl.isOver = newIsOver;\r\n }\r\n }\r\n },\r\n\r\n createMouseUpHandler: function ($dropEl) {\r\n return function (e) {\r\n var mousePosition = {\r\n left: $dropEl.mouseX(e),\r\n top: $dropEl.mouseY(e)\r\n };\r\n $dropEl.isDragging = false;\r\n if (gj.droppable.methods.isOver($dropEl, mousePosition)) {\r\n gj.droppable.events.drop($dropEl);\r\n }\r\n }\r\n },\r\n\r\n isOver: function ($dropEl, mousePosition) {\r\n var offsetTop = $dropEl.offset().top,\r\n offsetLeft = $dropEl.offset().left;\r\n return mousePosition.x > offsetLeft && mousePosition.x < (offsetLeft + $dropEl.outerWidth(true))\r\n && mousePosition.y > offsetTop && mousePosition.y < (offsetTop + $dropEl.outerHeight(true));\r\n },\r\n\r\n destroy: function ($dropEl) {\r\n if ($dropEl.attr('data-droppable') === 'true') {\r\n gj.documentManager.unsubscribeForEvent('mousedown', $dropEl.data('guid'));\r\n gj.documentManager.unsubscribeForEvent('mousemove', $dropEl.data('guid'));\r\n gj.documentManager.unsubscribeForEvent('mouseup', $dropEl.data('guid'));\r\n $dropEl.removeData();\r\n $dropEl.removeAttr('data-guid');\r\n $dropEl.removeAttr('data-droppable');\r\n $dropEl.off('drop').off('over').off('out');\r\n }\r\n return $dropEl;\r\n }\r\n};\r\n\r\ngj.droppable.events = {\r\n /** Triggered when a draggable element is dropped.\r\n * @event drop\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * Drop Here
\r\n * Drag Me
\r\n * \r\n */\r\n drop: function ($dropEl, offsetX, offsetY) {\r\n $dropEl.trigger('drop', [{ top: offsetY, left: offsetX }]);\r\n },\r\n\r\n /** Triggered when a draggable element is dragged over the droppable.\r\n * @event over\r\n * @param {object} e - event data\r\n * @param {object} mousePosition - Current mouse position as { top, left } object.\r\n * @example sample \r\n * \r\n * Drop Here
\r\n * Drag Me
\r\n * \r\n */\r\n over: function ($dropEl, mousePosition) {\r\n $dropEl.trigger('over', [mousePosition]);\r\n },\r\n\r\n /** Triggered when a draggable element is dragged out of the droppable.\r\n * @event out\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * Drop Here
\r\n * Drag Me
\r\n * \r\n */\r\n out: function ($dropEl) {\r\n $dropEl.trigger('out');\r\n }\r\n};\r\n\r\ngj.droppable.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.droppable.methods;\r\n\r\n self.isOver = false;\r\n self.isDragging = false;\r\n\r\n /** Removes the droppable functionality.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n * \r\n *
Drop Here
\r\n * Drag Me
\r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n }\r\n\r\n self.isOver = function (mousePosition) {\r\n return methods.isOver(this, mousePosition);\r\n }\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-droppable')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.droppable.widget.prototype = new gj.widget();\r\ngj.droppable.widget.constructor = gj.droppable.widget;\r\n\r\n(function ($) {\r\n $.fn.droppable = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.droppable.widget(this, method);\r\n } else {\r\n $widget = new gj.droppable.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget Grid\r\n * @plugin Base\r\n */\r\ngj.grid = {\r\n plugins: {},\r\n messages: {}\r\n};\r\n\r\ngj.grid.config = {\r\n base: {\r\n /** The data source for the grid.\r\n * @additionalinfo If set to string, then the grid is going to use this string as a url for ajax requests to the server.\r\n * If set to object, then the grid is going to use this object as settings for the jquery ajax function.
\r\n * If set to array, then the grid is going to use the array as data for rows.\r\n * @type (string|object|array)\r\n * @default undefined\r\n * @example Remote.JS.Configuration \r\n *
| # | \r\n *Name | \r\n *PlaceOfBirth | \r\n *
|---|
| # | \r\n *Name | \r\n *Place Of Birth | \r\n *
|---|---|---|
| 1 | \r\n *Hristo Stoichkov | \r\n *Plovdiv, Bulgaria | \r\n *
| 2 | \r\n *Ronaldo Luis Nazario de Lima | \r\n *Rio de Janeiro, Brazil | \r\n *
| 3 | \r\n *David Platt | \r\n *Chadderton, Lancashire, England | \r\n *
| ID | \r\n *Name | \r\n *Place Of Birth | \r\n *\r\n * |
|---|
\r\n * dd - Day of the month as digits; leading zero for single-digit days.
\r\n * m - Month as digits; no leading zero for single-digit months.
\r\n * mm - Month as digits; leading zero for single-digit months.
\r\n * yy - Year as last two digits; leading zero for years less than 10.
\r\n * yyyy - Year represented by four digits.
\r\n * s - Seconds; no leading zero for single-digit seconds.
\r\n * ss - Seconds; leading zero for single-digit seconds.
\r\n * M - Minutes; no leading zero for single-digit minutes. Uppercase MM to avoid conflict with months.
\r\n * MM - Minutes; leading zero for single-digit minutes. Uppercase MM to avoid conflict with months.
\r\n * H - Hours; no leading zero for single-digit hours (24-hour clock).
\r\n * HH - Hours; leading zero for single-digit hours (24-hour clock).
\r\n * h - Hours; no leading zero for single-digit hours (12-hour clock).
\r\n * hh - Hours; leading zero for single-digit hours (12-hour clock).
\r\n * tt - Lowercase, two-character time marker string: am or pm.
\r\n * TT - Uppercase, two-character time marker string: AM or PM.
\r\n * @alias column.format\r\n * @type string\r\n * @default 'mm/dd/yyyy'\r\n * @example sample \r\n *
\r\n * If the renderer function doesn't return a value, then you have to set the content of the cell manually.\r\n * @alias column.renderer\r\n * @type function\r\n * @default undefined\r\n * @param {string} value - the record field value\r\n * @param {object} record - the data of the row record\r\n * @param {object} $cell - the current table cell presented as jquery object\r\n * @param {object} $displayEl - inner div element for display of the cell value presented as jquery object\r\n * @param {string} id - the id of the record\r\n * @example sample \r\n *
\r\n *
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Font.Awesome \r\n *
\r\n * If the type is set to multiple the user will be able to select more then one row from the grid.\r\n * @type (single|multiple)\r\n * @default 'single'\r\n * @example Multiple.Material.Design.Checkbox \r\n *
\r\n * If this setting is set to \"checkbox\" a column with checkboxes will appear as first row of the grid and when the user select a row, then this row will be highlighted and the checkbox selected.\r\n * @type (basic|checkbox)\r\n * @default \"basic\"\r\n * @example sample \r\n *
\r\n * For example this should contains the column with primary key from your relation db table.
\r\n * If the primaryKey is undefined, we autogenerate id for each record in the table by starting from 1.\r\n * @type string\r\n * @default undefined\r\n * @example defined \r\n *
\r\n *
\r\n *
').html(typeof (columns[i].title) === 'undefined' ? columns[i].field : columns[i].title);\r\n $cell.append($title);\r\n if (columns[i].sortable) {\r\n $title.addClass(style.sortable);\r\n $title.on('click', gj.grid.methods.createSortHandler($grid, columns[i]));\r\n }\r\n }\r\n if (columns[i].hidden) {\r\n $cell.hide();\r\n }\r\n $row.append($cell);\r\n }\r\n\r\n $thead.empty().append($row);\r\n },\r\n\r\n createSortHandler: function ($grid, column) {\r\n return function () {\r\n var data, params = {};\r\n if ($grid.count() > 0) {\r\n data = $grid.data();\r\n params[data.paramNames.sortBy] = column.field;\r\n column.direction = (column.direction === 'asc' ? 'desc' : 'asc');\r\n params[data.paramNames.direction] = column.direction;\r\n $grid.reload(params);\r\n }\r\n };\r\n },\r\n\r\n updateHeader: function ($grid) {\r\n var $sortIcon, $cellTitle,\r\n data = $grid.data(),\r\n sortBy = data.params[data.paramNames.sortBy],\r\n direction = data.params[data.paramNames.direction];\r\n\r\n $grid.find('thead tr th [data-role=\"sorticon\"]').remove();\r\n\r\n if (sortBy) {\r\n position = gj.grid.methods.getColumnPosition($grid.data('columns'), sortBy);\r\n if (position > -1) {\r\n $cellTitle = $grid.find('thead tr th:eq(' + position + ') div[data-role=\"title\"]');\r\n $sortIcon = $('').append(('desc' === direction) ? data.icons.desc : data.icons.asc);\r\n $cellTitle.after($sortIcon);\r\n }\r\n }\r\n },\r\n\r\n useHtmlDataSource: function ($grid, data) {\r\n var dataSource = [], i, j, $cells, record,\r\n $rows = $grid.find('tbody tr[data-role != \"empty\"]');\r\n for (i = 0; i < $rows.length; i++) {\r\n $cells = $($rows[i]).find('td');\r\n record = {};\r\n for (j = 0; j < $cells.length; j++) {\r\n record[data.columns[j].field] = $($cells[j]).html();\r\n }\r\n dataSource.push(record);\r\n }\r\n data.dataSource = dataSource;\r\n },\r\n\r\n startLoading: function ($grid) {\r\n var $tbody, $cover, $loading, width, height, top, data;\r\n gj.grid.methods.stopLoading($grid);\r\n data = $grid.data();\r\n if (0 === $grid.outerHeight()) {\r\n return;\r\n }\r\n $tbody = $grid.children('tbody');\r\n width = $tbody.outerWidth(false);\r\n height = $tbody.outerHeight(false);\r\n top = Math.abs($grid.parent().offset().top - $tbody.offset().top);\r\n $cover = $('').addClass(data.style.loadingCover).css({\r\n width: width,\r\n height: height,\r\n top: top\r\n });\r\n $loading = $('');\r\n $cell = $(' ');\r\n $grid.children('tbody').append($row);\r\n } else {\r\n mode = 'update';\r\n $row.removeClass(data.style.content.rowSelected).removeAttr('data-selected').off('click');\r\n }\r\n id = gj.grid.methods.getId(record, data.primaryKey, (position + 1));\r\n $row.attr('data-position', position + 1);\r\n if (data.selectionMethod !== 'checkbox') {\r\n $row.on('click', gj.grid.methods.createRowClickHandler($grid, id));\r\n }\r\n for (i = 0; i < data.columns.length; i++) {\r\n if (mode === 'update') {\r\n $cell = $row.find('td:eq(' + i + ')');\r\n gj.grid.methods.renderCell($grid, $cell, data.columns[i], record, id);\r\n } else {\r\n $cell = gj.grid.methods.renderCell($grid, null, data.columns[i], record, id);\r\n $row.append($cell);\r\n }\r\n }\r\n gj.grid.events.rowDataBound($grid, $row, id, record);\r\n },\r\n\r\n renderCell: function ($grid, $cell, column, record, id, mode) {\r\n var $displayEl, key;\r\n\r\n if (!$cell || $cell.length === 0) {\r\n $cell = $('
\r\n *
\r\n * \r\n */\r\n self.reload = function (params) {\r\n methods.startLoading(this);\r\n return gj.widget.prototype.reload.call(this, params);\r\n };\r\n\r\n /**\r\n * Clear the content in the grid.\r\n * @method\r\n * @param {boolean} showNotFoundText - Indicates if the \"Not Found\" text is going to show after the clearing of the grid.\r\n * @return grid\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.clear = function (showNotFoundText) {\r\n return methods.clear(this, showNotFoundText);\r\n };\r\n\r\n /**\r\n * Return the number of records in the grid. By default return only the records that are visible in the grid.\r\n * @method\r\n * @param {boolean} includeAllRecords - include records that are not visible when you are using local dataSource.\r\n * @return number\r\n * @example Local.DataSource \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n * @example Remote.DataSource \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.count = function (includeAllRecords) {\r\n return methods.count(this, includeAllRecords);\r\n };\r\n\r\n /**\r\n * Render data in the grid\r\n * @method\r\n * @param {object} response - An object that contains the data that needs to be loaded in the grid.\r\n * @fires beforeEmptyRowInsert, dataBinding, dataBound, cellDataBound\r\n * @return grid\r\n * @example sample \r\n *
\r\n * \r\n */\r\n self.render = function (response) {\r\n return methods.render($grid, response);\r\n };\r\n\r\n /**\r\n * Destroy the grid. This method remove all data from the grid and all events attached to the grid.\r\n * @additionalinfo The grid table tag and wrapper tag are kept by default after the execution of destroy method,\r\n * but you can remove them if you pass false to the keepTableTag and keepWrapperTag parameters.\r\n * @method\r\n * @param {boolean} keepTableTag - If this flag is set to false, the table tag will be removed from the HTML dom tree.\r\n * @param {boolean} keepWrapperTag - If this flag is set to false, the table wrapper tag will be removed from the HTML dom tree.\r\n * @fires destroying\r\n * @return void\r\n * @example keep.wrapper.and.table \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n * @example remove.wrapper.and.table \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.destroy = function (keepTableTag, keepWrapperTag) {\r\n return methods.destroy(this, keepTableTag, keepWrapperTag);\r\n };\r\n\r\n /**\r\n * Select a row from the grid based on id parameter.\r\n * @method\r\n * @param {string} id - The id of the row that needs to be selected\r\n * @return grid\r\n * @example sample \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.setSelected = function (id) {\r\n return methods.setSelected(this, id);\r\n };\r\n\r\n /**\r\n * Return the id of the selected record.\r\n * If the multiple selection method is one this method is going to return only the id of the first selected record.\r\n * @method\r\n * @return string\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.getSelected = function () {\r\n return methods.getSelected(this);\r\n };\r\n\r\n /**\r\n * Return an array with the ids of the selected record.\r\n * @additionalinfo Specify primaryKey if you want to use field from the dataSource as identificator for selection.\r\n * @method\r\n * @return array\r\n * @example With.Primary.Ket \r\n * \r\n *
\r\n *
\r\n * \r\n * @example Without.Primary.Ket \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.getSelections = function () {\r\n return methods.getSelections(this);\r\n };\r\n\r\n /**\r\n * Select all records from the grid.\r\n * @method\r\n * @return grid\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.selectAll = function () {\r\n return methods.selectAll(this);\r\n };\r\n\r\n /**\r\n * Unselect all records from the grid.\r\n * @method\r\n * @return void\r\n * @example sample \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.unSelectAll = function () {\r\n return methods.unSelectAll(this);\r\n };\r\n\r\n /**\r\n * Return record by id of the record.\r\n * @method\r\n * @param {string} id - The id of the row that needs to be returned.\r\n * @return object\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.getById = function (id) {\r\n return methods.getById(this, id);\r\n };\r\n\r\n /**\r\n * Return record from the grid based on position.\r\n * @method\r\n * @param {number} position - The position of the row that needs to be return.\r\n * @return object\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.get = function (position) {\r\n return methods.getByPosition(this, position);\r\n };\r\n\r\n /**\r\n * Return an array with all records presented in the grid.\r\n * @method\r\n * @param {boolean} includeAllRecords - include records that are not visible when you are using local dataSource.\r\n * @return number\r\n * @example Local.DataSource \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n * @example Remote.DataSource \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.getAll = function (includeAllRecords) {\r\n return methods.getAll(this, includeAllRecords);\r\n };\r\n\r\n /**\r\n * Show hidden column.\r\n * @method\r\n * @param {string} field - The name of the field bound to the column.\r\n * @return grid\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.showColumn = function (field) {\r\n return methods.showColumn(this, field);\r\n };\r\n\r\n /**\r\n * Hide column from the grid.\r\n * @method\r\n * @param {string} field - The name of the field bound to the column.\r\n * @return grid\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.hideColumn = function (field) {\r\n return methods.hideColumn(this, field);\r\n };\r\n\r\n /**\r\n * Add new row to the grid.\r\n * @method\r\n * @param {object} record - Object with data for the new record.\r\n * @return grid\r\n * @example without.pagination \r\n * \r\n *
\r\n *
\r\n * \r\n * @example with.pagination \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n self.addRow = function (record) {\r\n return methods.addRow(this, record);\r\n };\r\n\r\n /**\r\n * Update row data.\r\n * @method\r\n * @param {string} id - The id of the row that needs to be updated\r\n * @param {object} record - Object with data for the new record.\r\n * @return grid\r\n * @example sample \r\n *
\r\n * \r\n */\r\n self.updateRow = function (id, record) {\r\n return methods.updateRow(this, id, record);\r\n };\r\n\r\n //TODO: needs to be removed\r\n self.setCellContent = function (id, index, value) {\r\n methods.setCellContent(this, id, index, value);\r\n };\r\n\r\n /**\r\n * Remove row from the grid\r\n * @additionalinfo This method is design to work only with local datasources. If you use remote datasource, you need to send a request to the server to remove the row and then reload the data in the grid.\r\n * @method\r\n * @param {string} id - Id of the record that needs to be removed.\r\n * @return grid\r\n * @example Without.Pagination \r\n *
\r\n * \r\n * @example With.Pagination \r\n *
\r\n * \r\n */\r\n self.removeRow = function (id) {\r\n return methods.removeRow(this, id);\r\n };\r\n\r\n $.extend($grid, self);\r\n if ('grid' !== $grid.attr('data-type')) {\r\n methods.init.call($grid, jsConfig);\r\n }\r\n\r\n return $grid;\r\n}\r\n\r\ngj.grid.widget.prototype = new gj.widget();\r\ngj.grid.widget.constructor = gj.grid.widget;\r\n\r\ngj.grid.widget.prototype.getConfig = gj.grid.methods.getConfig;\r\ngj.grid.widget.prototype.getHTMLConfig = gj.grid.methods.getHTMLConfig;\r\n\r\n(function ($) {\r\n $.fn.grid = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.grid.widget(this, method);\r\n } else {\r\n $widget = new gj.grid.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n\r\n/**\r\n * @widget Grid\r\n * @plugin Fixed Header\r\n */\r\ngj.grid.plugins.fixedHeader = {\r\n config: {\r\n base: {\r\n\r\n /** If set to true, add scroll to the table body\r\n * @type boolean\r\n * @default object\r\n * @example Material.Design.Without.Pager \r\n *
\r\n * \r\n * @example Material.Design.With.Pager \r\n *
\r\n * \r\n * @example Bootstrap.3.Without.Pager \r\n *
\r\n * \r\n * @example Bootstrap.3.With.Pager \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n fixedHeader: false,\r\n\r\n height: 300\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid) {\r\n var data = $grid.data(),\r\n $tbody = $grid.children('tbody'),\r\n $thead = $grid.children('thead'),\r\n bodyHeight = data.height - $thead.outerHeight() - ($grid.children('tfoot').outerHeight() || 0);\r\n $grid.addClass('gj-grid-scrollable');\r\n $tbody.css('width', $thead.outerWidth());\r\n $tbody.height(bodyHeight);\r\n },\r\n\r\n refresh: function ($grid) {\r\n var i, width,\r\n data = $grid.data(),\r\n $tbody = $grid.children('tbody'),\r\n $thead = $grid.children('thead'),\r\n $tbodyCells = $grid.find('tbody tr[data-role=\"row\"] td'),\r\n $theadCells = $grid.find('thead tr[data-role=\"caption\"] th');\r\n\r\n if ($grid.children('tbody').height() < gj.grid.plugins.fixedHeader.private.getRowsHeight($grid)) {\r\n $tbody.css('width', $thead.outerWidth() + gj.grid.plugins.fixedHeader.private.getScrollBarWidth() + (navigator.userAgent.toLowerCase().indexOf('firefox') > -1 ? 1 : 0));\r\n } else {\r\n $tbody.css('width', $thead.outerWidth());\r\n }\r\n\r\n for (i = 0; i < $theadCells.length; i++) {\r\n width = $($theadCells[i]).outerWidth();\r\n if (i === 0 && gj.core.isIE()) {\r\n width = width - 1;\r\n }\r\n $($tbodyCells[i]).attr('width', width);\r\n }\r\n },\r\n\r\n getRowsHeight: function ($grid) {\r\n var total = 0;\r\n $grid.find('tbody tr').each(function () {\r\n total += $(this).height();\r\n });\r\n return total;\r\n },\r\n\r\n getScrollBarWidth: function () {\r\n var inner = document.createElement('p');\r\n inner.style.width = \"100%\";\r\n inner.style.height = \"200px\";\r\n\r\n var outer = document.createElement('div');\r\n outer.style.position = \"absolute\";\r\n outer.style.top = \"0px\";\r\n outer.style.left = \"0px\";\r\n outer.style.visibility = \"hidden\";\r\n outer.style.width = \"200px\";\r\n outer.style.height = \"150px\";\r\n outer.style.overflow = \"hidden\";\r\n outer.appendChild(inner);\r\n\r\n document.body.appendChild(outer);\r\n var w1 = inner.offsetWidth;\r\n outer.style.overflow = 'scroll';\r\n var w2 = inner.offsetWidth;\r\n if (w1 == w2) w2 = outer.clientWidth;\r\n\r\n document.body.removeChild(outer);\r\n\r\n return (w1 - w2);\r\n }\r\n },\r\n\r\n public: {\r\n },\r\n\r\n events: {\r\n },\r\n\r\n configure: function ($grid, fullConfig, clientConfig) {\r\n $.extend(true, $grid, gj.grid.plugins.fixedHeader.public);\r\n var data = $grid.data();\r\n if (clientConfig.fixedHeader) {\r\n $grid.on('initialized', function () {\r\n gj.grid.plugins.fixedHeader.private.init($grid);\r\n });\r\n $grid.on('dataBound', function () {\r\n gj.grid.plugins.fixedHeader.private.refresh($grid);\r\n });\r\n $grid.on('resize', function () {\r\n gj.grid.plugins.fixedHeader.private.refresh($grid);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Expand Collapse Rows\r\n */\r\ngj.grid.plugins.expandCollapseRows = {\r\n config: {\r\n base: {\r\n /** Template for the content in the detail section of the row.\r\n * Automatically add expand collapse column as a first column in the grid during initialization.\r\n * @type string\r\n * @default undefined\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n *
\r\n * \r\n */\r\n detailTemplate: undefined,\r\n\r\n /** If set try to persist the state of expanded rows.\r\n * You need to specify primaryKey on the initialization of the grid in order to enable this feature.\r\n * @default true\r\n * @example True \r\n *
\r\n * \r\n */\r\n expandRow: '',\r\n\r\n /** Collapse row icon definition.\r\n * @alias icons.collapseRow\r\n * @type String\r\n * @default ''\r\n * @example Plus.Minus.Icons \r\n *
\r\n * \r\n */\r\n collapseRow: ''\r\n }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n expandRow: '',\r\n collapseRow: ''\r\n }\r\n },\r\n\r\n glyphicons: {\r\n icons: {\r\n expandRow: '',\r\n collapseRow: ''\r\n }\r\n }\r\n },\r\n\r\n 'private': {\r\n expandDetail: function ($grid, $cell, id) {\r\n var $contentRow = $cell.closest('tr'),\r\n $detailsRow = $('
\r\n *
\r\n * \r\n */\r\n collapseAll: function () {\r\n var $grid = this, data = $grid.data(), position;\r\n \r\n\r\n if (typeof (data.detailTemplate) !== 'undefined') {\r\n position = gj.grid.methods.getColumnPositionByRole($grid, 'expander');\r\n $grid.find('tbody tr[data-role=\"row\"]').each(function () {\r\n gj.grid.plugins.expandCollapseRows.private.collapseDetail($grid, $(this).find('td:eq(' + position + ')'));\r\n });\r\n }\r\n\r\n if (typeof (data.grouping) !== 'undefined') {\r\n $grid.find('tbody tr[role=\"group\"]').each(function () {\r\n gj.grid.plugins.grouping.private.collapseGroup(data, $(this).find('td:eq(0)'));\r\n });\r\n }\r\n return $grid;\r\n },\r\n\r\n /**\r\n * Expand all grid rows.\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n expandAll: function () {\r\n var $grid = this, data = $grid.data(), position;\r\n\r\n if (typeof (data.detailTemplate) !== 'undefined') {\r\n position = gj.grid.methods.getColumnPositionByRole($grid, 'expander');\r\n $grid.find('tbody tr[data-role=\"row\"]').each(function () {\r\n gj.grid.plugins.expandCollapseRows.private.expandDetail($grid, $(this).find('td:eq(' + position + ')'));\r\n });\r\n }\r\n\r\n if (typeof (data.grouping) !== 'undefined') {\r\n $grid.find('tbody tr[role=\"group\"]').each(function () {\r\n gj.grid.plugins.grouping.private.expandGroup(data, $(this).find('td:eq(0)'));\r\n });\r\n }\r\n return $grid;\r\n },\r\n\r\n //TODO: add documentation\r\n updateDetails: function ($contentRow) {\r\n var $grid = this,\r\n $detailWrapper = $contentRow.data('details'),\r\n content = $detailWrapper.html(),\r\n record = $grid.get($contentRow.data('position'));\r\n\r\n if (record && content) {\r\n $detailWrapper.html().replace(/\\{(.+?)\\}/g, function ($0, $1) {\r\n var column = gj.grid.methods.getColumnInfo($grid, $1);\r\n content = content.replace($0, gj.grid.methods.formatText(record[$1], column));\r\n });\r\n $detailWrapper.html(content);\r\n }\r\n return $grid;\r\n }\r\n },\r\n\r\n 'events': {\r\n /**\r\n * Event fires when detail row is showing\r\n *\r\n * @event detailExpand\r\n * @param {object} e - event data\r\n * @param {object} detailWrapper - the detail wrapper as jQuery object \r\n * @param {string} id - the id of the record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n detailExpand: function ($grid, $detailWrapper, id) {\r\n $grid.triggerHandler('detailExpand', [$detailWrapper, id]);\r\n },\r\n\r\n /**\r\n * Event fires when detail row is hiding\r\n *\r\n * @event detailCollapse\r\n * @param {object} e - event data\r\n * @param {object} detailWrapper - the detail wrapper as jQuery object \r\n * @param {string} id - the id of the record\r\n * @example sample \r\n *
\r\n * \r\n */\r\n detailCollapse: function ($grid, $detailWrapper, id) {\r\n $grid.triggerHandler('detailCollapse', [$detailWrapper, id]);\r\n }\r\n },\r\n\r\n 'configure': function ($grid) {\r\n var column, data = $grid.data();\r\n\r\n $.extend(true, $grid, gj.grid.plugins.expandCollapseRows.public);\r\n\r\n if (typeof (data.detailTemplate) !== 'undefined') {\r\n column = {\r\n title: '',\r\n width: data.defaultIconColumnWidth,\r\n align: 'center',\r\n stopPropagation: true,\r\n cssClass: 'gj-cursor-pointer gj-unselectable',\r\n tmpl: data.icons.expandRow,\r\n role: 'expander',\r\n events: {\r\n 'click': function (e) {\r\n var $cell = $(this), methods = gj.grid.plugins.expandCollapseRows.private;\r\n if ($cell.closest('tr').next().attr('data-role') === 'details') {\r\n methods.collapseDetail($grid, $cell, e.data.id);\r\n } else {\r\n methods.expandDetail($grid, $(this), e.data.id);\r\n }\r\n }\r\n }\r\n };\r\n data.columns = [column].concat(data.columns);\r\n\r\n $grid.on('rowDataBound', function (e, $row, id, record) {\r\n $row.data('details', $(data.detailTemplate));\r\n });\r\n $grid.on('columnShow', function (e, column) {\r\n gj.grid.plugins.expandCollapseRows.private.updateDetailsColSpan($grid);\r\n });\r\n $grid.on('columnHide', function (e, column) {\r\n gj.grid.plugins.expandCollapseRows.private.updateDetailsColSpan($grid);\r\n });\r\n $grid.on('rowRemoving', function (e, $row, id, record) {\r\n gj.grid.plugins.expandCollapseRows.private.collapseDetail($grid, $row.children('td').first(), id);\r\n });\r\n $grid.on('dataBinding', function () {\r\n $grid.collapseAll();\r\n });\r\n $grid.on('pageChanging', function () {\r\n $grid.collapseAll();\r\n });\r\n $grid.on('dataBound', function () {\r\n var i, $cell, $row, position, data = $grid.data();\r\n if (data.keepExpandedRows && $.isArray(data.expandedRows)) {\r\n for (i = 0; i < data.expandedRows.length; i++) {\r\n $row = gj.grid.methods.getRowById($grid, data.expandedRows[i]);\r\n if ($row && $row.length) {\r\n position = gj.grid.methods.getColumnPositionByRole($grid, 'expander');\r\n $cell = $row.children('td:eq(' + position + ')');\r\n if ($cell && $cell.length) {\r\n gj.grid.plugins.expandCollapseRows.private.expandDetail($grid, $cell);\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n};\r\n/** \r\n * @widget Grid \r\n * @plugin Inline Editing\r\n */\r\ngj.grid.plugins.inlineEditing = {\r\n renderers: {\r\n editManager: function (value, record, $cell, $displayEl, id, $grid) {\r\n var data = $grid.data(),\r\n $edit = $(data.inlineEditing.editButton).attr('key', id),\r\n $delete = $(data.inlineEditing.deleteButton).attr('key', id),\r\n $update = $(data.inlineEditing.updateButton).attr('key', id).hide(),\r\n $cancel = $(data.inlineEditing.cancelButton).attr('key', id).hide();\r\n $edit.on('click', function (e) {\r\n $grid.edit($(this).attr('key'));\r\n });\r\n $delete.on('click', function (e) {\r\n $grid.removeRow($(this).attr('key'));\r\n });\r\n $update.on('click', function (e) {\r\n $grid.update($(this).attr('key'));\r\n });\r\n $cancel.on('click', function (e) {\r\n $grid.cancel($(this).attr('key'));\r\n });\r\n $displayEl.empty().append($edit).append($delete).append($update).append($cancel);\r\n }\r\n }\r\n};\r\n\r\ngj.grid.plugins.inlineEditing.config = {\r\n base: {\r\n defaultColumnSettings: {\r\n /** Provides a way to set an editing UI for the column.\r\n * @alias column.editor\r\n * @type function|boolean\r\n * @default undefined\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Custom.With.Select2 \r\n * \r\n * \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n editor: undefined,\r\n\r\n /** The name of the field in the grid data where the grid is going to set the new value.\r\n * @additionalinfo This is usable when the editor is interface with key/value pairs like dropdowns where the key needs to be updated in a different field..\r\n * @alias column.editField\r\n * @type String\r\n * @default undefined\r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n editField: undefined,\r\n\r\n /** Provides a way to specify a display mode for the column.\r\n * @alias column.mode\r\n * @type readEdit|editOnly|readOnly\r\n * @default readEdit\r\n * @example sample \r\n *
\r\n * \r\n */\r\n mode: 'readEdit'\r\n },\r\n inlineEditing: {\r\n\r\n /** Inline editing mode.\r\n * @alias inlineEditing.mode\r\n * @type click|dblclick|command\r\n * @default 'click'\r\n * @example Double.Click \r\n *
\r\n * \r\n * @example Command \r\n *
\r\n * \r\n * @example DateTime \r\n *
\r\n * \r\n */\r\n mode: 'click',\r\n \r\n /** If set to true, add column with buttons for edit, delete, update and cancel at the end of the grid.\r\n * @alias inlineEditing.managementColumn\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n *
\r\n * \r\n * @example False \r\n *
\r\n * \r\n * @example Bootstrap \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n managementColumn: true,\r\n\r\n managementColumnConfig: { width: 300, role: 'managementColumn', align: 'center', renderer: gj.grid.plugins.inlineEditing.renderers.editManager, cssClass: 'gj-grid-management-column' }\r\n }\r\n },\r\n\r\n bootstrap: {\r\n inlineEditing: {\r\n managementColumnConfig: { width: 200, role: 'managementColumn', align: 'center', renderer: gj.grid.plugins.inlineEditing.renderers.editManager, cssClass: 'gj-grid-management-column' }\r\n }\r\n },\r\n\r\n bootstrap4: {\r\n inlineEditing: {\r\n managementColumnConfig: { width: 280, role: 'managementColumn', align: 'center', renderer: gj.grid.plugins.inlineEditing.renderers.editManager, cssClass: 'gj-grid-management-column' }\r\n }\r\n }\r\n};\r\n\r\ngj.grid.plugins.inlineEditing.private = {\r\n localization: function (data) {\r\n if (data.uiLibrary === 'bootstrap') {\r\n data.inlineEditing.editButton = '';\r\n data.inlineEditing.deleteButton = '';\r\n data.inlineEditing.updateButton = '';\r\n data.inlineEditing.cancelButton = '';\r\n } else {\r\n data.inlineEditing.editButton = '';\r\n data.inlineEditing.deleteButton = '';\r\n data.inlineEditing.updateButton = '';\r\n data.inlineEditing.cancelButton = '';\r\n }\r\n },\r\n\r\n editMode: function ($grid, $cell, column, record) {\r\n var $displayContainer, $editorContainer, $editorField, value, config, data = $grid.data();\r\n if ($cell.attr('data-mode') !== 'edit') {\r\n if (column.editor) {\r\n gj.grid.plugins.inlineEditing.private.updateOtherCells($grid, column.mode);\r\n $displayContainer = $cell.find('div[data-role=\"display\"]').hide();\r\n $editorContainer = $cell.find('div[data-role=\"edit\"]').show();\r\n if ($editorContainer.length === 0) {\r\n $editorContainer = $('');\r\n $cell.append($editorContainer);\r\n }\r\n value = record[column.editField || column.field];\r\n $editorField = $editorContainer.find('input, select, textarea').first();\r\n if ($editorField.length) {\r\n switch (column.type) {\r\n case 'checkbox':\r\n $editorField.prop('checked', value);\r\n break;\r\n case 'dropdown':\r\n $editorField = $editorField.dropdown('value', value);\r\n break;\r\n default:\r\n $editorField.val(value);\r\n }\r\n } else {\r\n if (typeof (column.editor) === 'function') {\r\n column.editor($editorContainer, value, record);\r\n $editorField = $editorContainer.find('input, select, textarea').first();\r\n } else {\r\n config = typeof column.editor === \"object\" ? column.editor : {};\r\n config.uiLibrary = data.uiLibrary;\r\n config.iconsLibrary = data.iconsLibrary;\r\n config.fontSize = $grid.css('font-size');\r\n config.showOnFocus = false;\r\n if ('checkbox' === column.type && gj.checkbox) {\r\n $editorField = $('').prop('checked', value);\r\n $editorContainer.append($editorField);\r\n $editorField.checkbox(config);\r\n } else if (('date' === column.type && gj.datepicker) || ('time' === column.type && gj.timepicker) || ('datetime' === column.type && gj.datetimepicker)) {\r\n $editorField = $('');\r\n $editorContainer.append($editorField);\r\n if (column.format) {\r\n config.format = column.format;\r\n }\r\n switch (column.type) {\r\n case 'date':\r\n $editorField = $editorField.datepicker(config);\r\n break;\r\n case 'time':\r\n $editorField = $editorField.timepicker(config);\r\n break;\r\n case 'datetime':\r\n $editorField = $editorField.datetimepicker(config);\r\n break;\r\n }\r\n if ($editorField.value) {\r\n $editorField.value($displayContainer.html());\r\n }\r\n } else if ('dropdown' === column.type && gj.dropdown) {\r\n $editorField = $('
'),\r\n $(' '),\r\n $('0'),\r\n $('-'),\r\n $('0'),\r\n $('' + msg.Of + ''),\r\n $('0'),\r\n $(' '),\r\n $('').attr('title', msg.PreviousPageTooltip).attr('data-role', 'page-previous').addClass(data.icons.first ? 'gj-button-md-icon' : ''),\r\n $(' '),\r\n $('').attr('title', msg.NextPageTooltip).attr('data-role', 'page-next').addClass(data.icons.first ? 'gj-button-md-icon' : '')\r\n ];\r\n }\r\n },\r\n\r\n initPagerControl: function ($control, $grid) {\r\n var data = $grid.data();\r\n switch ($control.data('role')) {\r\n case 'page-size':\r\n if (data.pager.sizes && 0 < data.pager.sizes.length) {\r\n $control.show();\r\n $.each(data.pager.sizes, function () {\r\n $control.append($('').attr('value', this.toString()).text(this.toString()));\r\n });\r\n $control.change(function () {\r\n var newSize = parseInt(this.value, 10);\r\n data.params[data.paramNames.limit] = newSize;\r\n gj.grid.plugins.pagination.private.changePage($grid, 1);\r\n gj.grid.plugins.pagination.events.pageSizeChange($grid, newSize);\r\n });\r\n $control.val(data.params[data.paramNames.limit]);\r\n if (gj.dropdown) {\r\n $control.dropdown({\r\n uiLibrary: data.uiLibrary,\r\n iconsLibrary: data.iconsLibrary,\r\n fontSize: $control.css('font-size'),\r\n style: {\r\n presenter: 'btn btn-default btn-sm'\r\n }\r\n });\r\n }\r\n } else {\r\n $control.hide();\r\n }\r\n break;\r\n case 'page-refresh':\r\n $control.on('click', function () { $grid.reload(); });\r\n break;\r\n }\r\n\r\n },\r\n\r\n reloadPager: function ($grid, totalRecords) {\r\n var page, limit, lastPage, firstRecord, lastRecord, data, controls, i;\r\n\r\n data = $grid.data();\r\n\r\n if (data.pager) {\r\n page = (0 === totalRecords) ? 0 : parseInt(data.params[data.paramNames.page], 10);\r\n limit = parseInt(data.params[data.paramNames.limit], 10);\r\n lastPage = Math.ceil(totalRecords / limit);\r\n firstRecord = (0 === page) ? 0 : (limit * (page - 1)) + 1;\r\n lastRecord = (firstRecord + limit) > totalRecords ? totalRecords : (firstRecord + limit) - 1;\r\n\r\n controls = $grid.find('TFOOT [data-role]');\r\n for (i = 0; i < controls.length; i++) {\r\n gj.grid.plugins.pagination.private.reloadPagerControl($(controls[i]), $grid, page, lastPage, firstRecord, lastRecord, totalRecords);\r\n }\r\n\r\n gj.grid.plugins.pagination.private.updatePagerColSpan($grid);\r\n }\r\n },\r\n\r\n reloadPagerControl: function ($control, $grid, page, lastPage, firstRecord, lastRecord, totalRecords) {\r\n var newPage;\r\n switch ($control.data('role')) {\r\n case 'page-first':\r\n gj.grid.plugins.pagination.private.assignPageHandler($grid, $control, 1, page < 2);\r\n break;\r\n case 'page-previous':\r\n gj.grid.plugins.pagination.private.assignPageHandler($grid, $control, page - 1, page < 2);\r\n break;\r\n case 'page-number':\r\n $control.val(page).off('change').on('change', gj.grid.plugins.pagination.private.createChangePageHandler($grid, page));\r\n break;\r\n case 'page-label-last':\r\n $control.text(lastPage);\r\n break;\r\n case 'page-next':\r\n gj.grid.plugins.pagination.private.assignPageHandler($grid, $control, page + 1, lastPage === page);\r\n break;\r\n case 'page-last':\r\n gj.grid.plugins.pagination.private.assignPageHandler($grid, $control, lastPage, lastPage === page);\r\n break;\r\n case 'page-button-one':\r\n newPage = (page === 1) ? 1 : ((page == lastPage) ? (page - 2) : (page - 1));\r\n gj.grid.plugins.pagination.private.assignButtonHandler($grid, $control, page, newPage, lastPage);\r\n break;\r\n case 'page-button-two':\r\n newPage = (page === 1) ? 2 : ((page == lastPage) ? lastPage - 1 : page);\r\n gj.grid.plugins.pagination.private.assignButtonHandler($grid, $control, page, newPage, lastPage);\r\n break;\r\n case 'page-button-three':\r\n newPage = (page === 1) ? page + 2 : ((page == lastPage) ? page : (page + 1));\r\n gj.grid.plugins.pagination.private.assignButtonHandler($grid, $control, page, newPage, lastPage);\r\n break;\r\n case 'record-first':\r\n $control.text(firstRecord);\r\n break;\r\n case 'record-last':\r\n $control.text(lastRecord);\r\n break;\r\n case 'record-total':\r\n $control.text(totalRecords);\r\n break;\r\n }\r\n },\r\n\r\n assignPageHandler: function ($grid, $control, newPage, disabled) {\r\n var style = $grid.data().style.pager;\r\n if (disabled) {\r\n $control.addClass(style.stateDisabled).prop('disabled', true).off('click');\r\n } else {\r\n $control.removeClass(style.stateDisabled).prop('disabled', false).off('click').on('click', function () {\r\n gj.grid.plugins.pagination.private.changePage($grid, newPage);\r\n });\r\n }\r\n },\r\n\r\n assignButtonHandler: function ($grid, $control, page, newPage, lastPage) {\r\n var style = $grid.data().style.pager;\r\n if (newPage < 1 || newPage > lastPage) {\r\n $control.hide();\r\n } else {\r\n $control.show().off('click').text(newPage);\r\n if (newPage === page) {\r\n $control.addClass(style.activeButton);\r\n } else {\r\n $control.removeClass(style.activeButton).on('click', function () {\r\n gj.grid.plugins.pagination.private.changePage($grid, newPage);\r\n });\r\n }\r\n }\r\n },\r\n\r\n createChangePageHandler: function ($grid, currentPage) {\r\n return function () {\r\n var data = $grid.data(),\r\n newPage = parseInt(this.value, 10);\r\n gj.grid.plugins.pagination.private.changePage($grid, newPage);\r\n };\r\n },\r\n\r\n changePage: function ($grid, newPage) {\r\n var data = $grid.data();\r\n if (gj.grid.plugins.pagination.events.pageChanging($grid, newPage) !== false && !isNaN(newPage)) {\r\n $grid.find('TFOOT [data-role=\"page-number\"]').val(newPage);\r\n data.params[data.paramNames.page] = newPage;\r\n }\r\n $grid.reload();\r\n },\r\n\r\n updatePagerColSpan: function ($grid) {\r\n var $cell = $grid.find('tfoot > tr[data-role=\"pager\"] > th');\r\n if ($cell && $cell.length) {\r\n $cell.attr('colspan', gj.grid.methods.countVisibleColumns($grid));\r\n }\r\n },\r\n \r\n isLastRecordVisible: function ($grid) {\r\n var result = true,\r\n data = $grid.data(),\r\n limit = parseInt(data.params[data.paramNames.limit], 10),\r\n page = parseInt(data.params[data.paramNames.page], 10),\r\n count = $grid.count();\r\n if (limit && page) {\r\n result = ((page - 1) * limit) + count === data.totalRecords;\r\n }\r\n return result;\r\n }\r\n },\r\n\r\n public: {\r\n getAll: function (includeAllRecords) {\r\n var limit, page, start, data = this.data();\r\n if ($.isArray(data.dataSource)) {\r\n if (includeAllRecords) {\r\n return data.dataSource;\r\n } else if (data.params[data.paramNames.limit] && data.params[data.paramNames.page]) { \r\n limit = parseInt(data.params[data.paramNames.limit], 10);\r\n page = parseInt(data.params[data.paramNames.page], 10);\r\n start = (page - 1) * limit;\r\n return data.records.slice(start, start + limit);\r\n } else {\r\n return data.records;\r\n }\r\n } else {\r\n return data.records;\r\n }\r\n }\r\n },\r\n\r\n events: {\r\n /**\r\n * Triggered when the page size is changed.\r\n *\r\n * @event pageSizeChange\r\n * @param {object} e - event data\r\n * @param {number} newSize - The new page size\r\n * @example sample \r\n * ' + gj.grid.messages[data.locale].Loading + '
').addClass(data.style.loadingText);\r\n $loading.insertAfter($grid);\r\n $cover.insertAfter($grid);\r\n $loading.css({\r\n top: top + (height / 2) - ($loading.outerHeight(false) / 2),\r\n left: (width / 2) - ($loading.outerWidth(false) / 2)\r\n });\r\n },\r\n\r\n stopLoading: function ($grid) {\r\n $grid.parent().find('div[data-role=\"loading-cover\"]').remove();\r\n $grid.parent().find('div[data-role=\"loading-text\"]').remove();\r\n },\r\n\r\n appendEmptyRow: function ($grid, caption) {\r\n var data, $row, $cell, $wrapper;\r\n data = $grid.data();\r\n $row = $('\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
\r\n * \r\n */\r\n keepExpandedRows: true,\r\n\r\n expandedRows: [],\r\n\r\n icons: {\r\n /** Expand row icon definition.\r\n * @alias icons.expandRow\r\n * @type String\r\n * @default ''\r\n * @example Plus.Minus.Icons \r\n * \r\n *
\r\n * \r\n *
\r\n *
\r\n * Expand row, then change the page and return back to the page with expanded row in order to see that the expansion is kept.
\r\n *\r\n *
\r\n *
Change browser window size in order to fire resize event.
\r\n *Resize browser window in order to see his responsive behaviour.
\r\n *');\r\n }\r\n details.append($placeholder);\r\n } else {\r\n $placeholder.empty().html(tmp);\r\n }\r\n } else if ($placeholder && $placeholder.length) {\r\n $placeholder.remove();\r\n }\r\n }\r\n $grid.updateDetails($row);\r\n }\r\n }\r\n },\r\n\r\n 'public': {\r\n\r\n oldWidth: undefined,\r\n\r\n resizeCheckIntervalId: undefined,\r\n\r\n /**\r\n * Make the grid responsive based on the available space.\r\n * Show column if the space for the grid is expanding and hide columns when the space for the grid is decreasing.\r\n * @method\r\n * @return grid object\r\n * @example sample \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n makeResponsive: function () {\r\n var i, $column,\r\n extraWidth = 0,\r\n config = this.data(),\r\n columns = gj.grid.plugins.responsiveDesign.private.orderColumns(config);\r\n //calculate extra width\r\n for (i = 0; i < columns.length; i++) {\r\n $column = this.find('thead>tr>th:eq(' + columns[i].position + ')');\r\n if ($column.is(':visible') && columns[i].minWidth < $column.width()) {\r\n extraWidth += $column.width() - columns[i].minWidth;\r\n }\r\n }\r\n //show columns\r\n if (extraWidth) {\r\n for (i = 0; i < columns.length; i++) {\r\n $column = this.find('thead>tr>th:eq(' + columns[i].position + ')');\r\n if (!$column.is(':visible') && columns[i].minWidth <= extraWidth) {\r\n this.showColumn(columns[i].field);\r\n extraWidth -= $column.width();\r\n }\r\n }\r\n }\r\n //hide columns\r\n for (i = (columns.length - 1); i >= 0; i--) {\r\n $column = this.find('thead>tr>th:eq(' + columns[i].position + ')');\r\n if ($column.is(':visible') && columns[i].priority && columns[i].minWidth > $column.outerWidth()) {\r\n this.hideColumn(columns[i].field);\r\n }\r\n }\r\n\r\n return this;\r\n },\r\n },\r\n\r\n 'events': {\r\n /**\r\n * Event fires when the grid width is changed. The \"responsive\" configuration setting should be set to true in order this event to fire.\r\n *\r\n * @event resize\r\n * @param {object} e - event data\r\n * @param {number} newWidth - The new width\r\n * @param {number} oldWidth - The old width\r\n * @example sample \r\n *
\r\n * \r\n */\r\n resize: function ($grid, newWidth, oldWidth) {\r\n $grid.triggerHandler('resize', [newWidth, oldWidth]);\r\n }\r\n },\r\n\r\n 'configure': function ($grid, fullConfig, clientConfig) {\r\n $.extend(true, $grid, gj.grid.plugins.responsiveDesign.public);\r\n if (fullConfig.responsive) {\r\n $grid.on('initialized', function () {\r\n $grid.makeResponsive();\r\n $grid.oldWidth = $grid.width();\r\n $grid.resizeCheckIntervalId = setInterval(function () {\r\n var newWidth = $grid.width();\r\n if (newWidth !== $grid.oldWidth) {\r\n gj.grid.plugins.responsiveDesign.events.resize($grid, newWidth, $grid.oldWidth);\r\n }\r\n $grid.oldWidth = newWidth;\r\n }, fullConfig.resizeCheckInterval);\r\n });\r\n $grid.on('destroy', function () {\r\n if ($grid.resizeCheckIntervalId) {\r\n clearInterval($grid.resizeCheckIntervalId);\r\n }\r\n });\r\n $grid.on('resize', function () {\r\n $grid.makeResponsive();\r\n });\r\n }\r\n if (fullConfig.showHiddenColumnsAsDetails && gj.grid.plugins.expandCollapseRows) {\r\n $grid.on('dataBound', function () {\r\n gj.grid.plugins.responsiveDesign.private.updateDetails($grid);\r\n });\r\n $grid.on('columnHide', function () {\r\n gj.grid.plugins.responsiveDesign.private.updateDetails($grid);\r\n });\r\n $grid.on('columnShow', function () {\r\n gj.grid.plugins.responsiveDesign.private.updateDetails($grid);\r\n });\r\n $grid.on('rowDataBound', function () {\r\n gj.grid.plugins.responsiveDesign.private.updateDetails($grid);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Toolbar\r\n */\r\ngj.grid.plugins.toolbar = {\r\n config: {\r\n base: {\r\n /** Template for the content in the toolbar. Appears in a separate row on top of the grid.\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n toolbarTemplate: undefined,\r\n\r\n /** The title of the grid. Appears in a separate row on top of the grid.\r\n * @type string\r\n * @default undefined\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n title: undefined,\r\n\r\n style: {\r\n toolbar: 'gj-grid-md-toolbar'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n toolbar: 'gj-grid-bootstrap-toolbar'\r\n }\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n toolbar: 'gj-grid-bootstrap-4-toolbar'\r\n }\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid) {\r\n var data, $toolbar, $title;\r\n data = $grid.data();\r\n $toolbar = $grid.prev('div[data-role=\"toolbar\"]');\r\n if (typeof (data.toolbarTemplate) !== 'undefined' || typeof (data.title) !== 'undefined' || $toolbar.length > 0) {\r\n if ($toolbar.length === 0) {\r\n $toolbar = $('');\r\n $grid.before($toolbar);\r\n }\r\n $toolbar.addClass(data.style.toolbar);\r\n\r\n if ($toolbar.children().length === 0 && data.toolbarTemplate) {\r\n $toolbar.append(data.toolbarTemplate);\r\n }\r\n\r\n $title = $toolbar.find('[data-role=\"title\"]');\r\n if ($title.length === 0) {\r\n $title = $('
\r\n *
');\r\n $toolbar.prepend($title);\r\n }\r\n if (data.title) {\r\n $title.text(data.title);\r\n }\r\n\r\n if (data.minWidth) {\r\n $toolbar.css('min-width', data.minWidth);\r\n }\r\n }\r\n }\r\n },\r\n\r\n public: { \r\n /**\r\n * Get or set grid title.\r\n * @additionalinfo When you pass value in the text parameter this value with be in use for the new title of the grid and the method will return grid object.
\r\n * When you don't pass value in the text parameter, then the method will return the text of the current grid title.
\r\n * You can use this method in a combination with toolbarTemplate only if the title is wrapped in element with data-role attribute that equals to \"title\".
\r\n * @method\r\n * @param {object} text - The text of the new grid title.\r\n * @return string or grid object\r\n * @example text \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n * @example html.template \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n title: function (text) {\r\n var $titleEl = this.parent().find('div[data-role=\"toolbar\"] [data-role=\"title\"]');\r\n if (typeof (text) !== 'undefined') {\r\n $titleEl.text(text);\r\n return this;\r\n } else {\r\n return $titleEl.text();\r\n }\r\n }\r\n },\r\n\r\n configure: function ($grid) {\r\n $.extend(true, $grid, gj.grid.plugins.toolbar.public);\r\n $grid.on('initialized', function () {\r\n gj.grid.plugins.toolbar.private.init($grid);\r\n });\r\n $grid.on('destroying', function () {\r\n $grid.prev('[data-role=\"toolbar\"]').remove();\r\n });\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Resizable Columns\r\n */\r\ngj.grid.plugins.resizableColumns = {\r\n config: {\r\n base: {\r\n /** If set to true, users can resize columns by dragging the edges (resize handles) of their header cells.\r\n * @type boolean\r\n * @default false\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n * @example Bootstrap.4.FixedHeader \r\n *
\r\n * \r\n */\r\n resizableColumns: false\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid, config) {\r\n var $columns, $column, i, $wrapper, $resizer, marginRight;\r\n $columns = $grid.find('thead tr[data-role=\"caption\"] th');\r\n if ($columns.length) {\r\n for (i = 0; i < $columns.length - 1; i++) {\r\n $column = $($columns[i]);\r\n $wrapper = $('');\r\n marginRight = parseInt($column.css('padding-right'), 10) + 3;\r\n $resizer = $('').css('margin-right', '-' + marginRight + 'px');\r\n $resizer.draggable({\r\n start: function () {\r\n $grid.addClass('gj-unselectable');\r\n $grid.addClass('gj-grid-resize-cursor');\r\n },\r\n stop: function () {\r\n $grid.removeClass('gj-unselectable');\r\n $grid.removeClass('gj-grid-resize-cursor');\r\n this.style.removeProperty('top');\r\n this.style.removeProperty('left');\r\n this.style.removeProperty('position');\r\n },\r\n drag: gj.grid.plugins.resizableColumns.private.createResizeHandle($grid, $column, config.columns[i])\r\n });\r\n $column.append($wrapper.append($resizer));\r\n }\r\n for (i = 0; i < $columns.length; i++) {\r\n $column = $($columns[i]);\r\n if (!$column.attr('width')) {\r\n $column.attr('width', $column.outerWidth());\r\n }\r\n }\r\n }\r\n },\r\n\r\n createResizeHandle: function ($grid, $column, column) {\r\n var data = $grid.data();\r\n return function (e, newPosition) {\r\n var i, index, rows, cell, newWidth, nextWidth,\r\n currentWidth = parseInt($column.attr('width'), 10),\r\n position = gj.core.position(this),\r\n offset = { top: newPosition.top - position.top, left: newPosition.left - position.left };\r\n if (!currentWidth) {\r\n currentWidth = $column.outerWidth();\r\n }\r\n if (offset.left) {\r\n newWidth = currentWidth + offset.left;\r\n column.width = newWidth;\r\n $column.attr('width', newWidth);\r\n index = $column[0].cellIndex;\r\n cell = $column[0].parentElement.children[index + 1];\r\n nextWidth = parseInt($(cell).attr('width'), 10) - offset.left;\r\n cell.setAttribute('width', nextWidth);\r\n if (data.resizableColumns) {\r\n rows = $grid[0].tBodies[0].children;\r\n for (i = 0; i < rows.length; i++) {\r\n rows[i].cells[index].setAttribute('width', newWidth);\r\n cell = rows[i].cells[index + 1];\r\n cell.setAttribute('width', nextWidth);\r\n }\r\n }\r\n }\r\n };\r\n }\r\n },\r\n\r\n public: {\r\n },\r\n\r\n configure: function ($grid, fullConfig, clientConfig) {\r\n $.extend(true, $grid, gj.grid.plugins.resizableColumns.public);\r\n if (fullConfig.resizableColumns && gj.draggable) {\r\n $grid.on('initialized', function () {\r\n gj.grid.plugins.resizableColumns.private.init($grid, fullConfig);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Row Reorder\r\n */\r\ngj.grid.plugins.rowReorder = {\r\n config: {\r\n base: {\r\n /** If set to true, enable row reordering with drag and drop.\r\n * @type boolean\r\n * @default false\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n rowReorder: false,\r\n\r\n /** If set, enable row reordering only when you try to drag cell from the configured column.\r\n * Accept only field names of columns.\r\n * @type string\r\n * @default undefined\r\n * @example sample \r\n *
\r\n * \r\n */\r\n rowReorderColumn: undefined,\r\n\r\n /** If set, update the value in the field for all records. Accept only field names of columns.\r\n * @type string\r\n * @default undefined\r\n * @example Visible.OrderNumber \r\n *
\r\n * \r\n * @example Hidden.OrderNumber \r\n *
\r\n *
\r\n * \r\n */\r\n orderNumberField: undefined,\r\n\r\n style: {\r\n targetRowIndicatorTop: 'gj-grid-row-reorder-indicator-top',\r\n targetRowIndicatorBottom: 'gj-grid-row-reorder-indicator-bottom'\r\n }\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid) {\r\n var i, columnPosition, $row,\r\n $rows = $grid.find('tbody tr[data-role=\"row\"]');\r\n if ($grid.data('rowReorderColumn')) {\r\n columnPosition = gj.grid.methods.getColumnPosition($grid.data('columns'), $grid.data('rowReorderColumn'));\r\n }\r\n for (i = 0; i < $rows.length; i++) {\r\n $row = $($rows[i]);\r\n if (typeof (columnPosition) !== 'undefined') {\r\n $row.find('td:eq(' + columnPosition + ')').on('mousedown', gj.grid.plugins.rowReorder.private.createRowMouseDownHandler($grid, $row));\r\n } else {\r\n $row.on('mousedown', gj.grid.plugins.rowReorder.private.createRowMouseDownHandler($grid, $row));\r\n }\r\n }\r\n },\r\n\r\n createRowMouseDownHandler: function ($grid, $trSource) {\r\n return function (e) {\r\n var $dragEl = $grid.clone(),\r\n columns = $grid.data('columns'),\r\n i, $cells;\r\n $grid.addClass('gj-unselectable');\r\n $('body').append($dragEl);\r\n $dragEl.attr('data-role', 'draggable-clone').css('cursor', 'move');\r\n $dragEl.children('thead').remove().children('tfoot').remove();\r\n $dragEl.find('tbody tr:not([data-position=\"' + $trSource.data('position') + '\"])').remove();\r\n $cells = $dragEl.find('tbody tr td');\r\n for (i = 0; i < $cells.length; i++) {\r\n if (columns[i].width) {\r\n $cells[i].setAttribute('width', columns[i].width);\r\n }\r\n }\r\n $dragEl.draggable({\r\n stop: gj.grid.plugins.rowReorder.private.createDragStopHandler($grid, $trSource)\r\n });\r\n $dragEl.css({ \r\n position: 'absolute', top: $trSource.offset().top, left: $trSource.offset().left, width: $trSource.width(), zIndex: 1\r\n });\r\n if ($trSource.attr('data-droppable') === 'true') {\r\n $trSource.droppable('destroy');\r\n }\r\n $trSource.siblings('tr[data-role=\"row\"]').each(function () {\r\n var $dropEl = $(this);\r\n if ($dropEl.attr('data-droppable') === 'true') {\r\n $dropEl.droppable('destroy');\r\n }\r\n $dropEl.droppable({\r\n over: gj.grid.plugins.rowReorder.private.createDroppableOverHandler($trSource),\r\n out: gj.grid.plugins.rowReorder.private.droppableOut\r\n });\r\n });\r\n $dragEl.trigger('mousedown');\r\n };\r\n },\r\n\r\n createDragStopHandler: function ($grid, $trSource) {\r\n return function (e, mousePosition) {\r\n $('table[data-role=\"draggable-clone\"]').draggable('destroy').remove();\r\n $grid.removeClass('gj-unselectable');\r\n $trSource.siblings('tr[data-role=\"row\"]').each(function () {\r\n var $trTarget = $(this),\r\n targetPosition = $trTarget.data('position'),\r\n sourcePosition = $trSource.data('position'),\r\n data = $grid.data(),\r\n $rows, $row, i, record, id;\r\n \r\n if ($trTarget.droppable('isOver', mousePosition)) {\r\n if (targetPosition < sourcePosition) {\r\n $trTarget.before($trSource);\r\n } else {\r\n $trTarget.after($trSource);\r\n }\r\n data.records.splice(targetPosition - 1, 0, data.records.splice(sourcePosition - 1, 1)[0]);\r\n $rows = $trTarget.parent().find('tr[data-role=\"row\"]');\r\n for (i = 0; i < $rows.length; i++) {\r\n $($rows[i]).attr('data-position', i + 1);\r\n }\r\n if (data.orderNumberField) {\r\n for (i = 0; i < data.records.length; i++) {\r\n data.records[i][data.orderNumberField] = i + 1;\r\n }\r\n for (i = 0; i < $rows.length; i++) {\r\n $row = $($rows[i]);\r\n id = gj.grid.methods.getId($row, data.primaryKey, $row.attr('data-position'));\r\n record = gj.grid.methods.getByPosition($grid, $row.attr('data-position'));\r\n $grid.setCellContent(id, data.orderNumberField, record[data.orderNumberField]);\r\n }\r\n }\r\n }\r\n $trTarget.removeClass('gj-grid-top-border');\r\n $trTarget.removeClass('gj-grid-bottom-border');\r\n $trTarget.droppable('destroy');\r\n });\r\n }\r\n },\r\n\r\n createDroppableOverHandler: function ($trSource) {\r\n return function (e) {\r\n var $trTarget = $(this),\r\n targetPosition = $trTarget.data('position'),\r\n sourcePosition = $trSource.data('position');\r\n if (targetPosition < sourcePosition) {\r\n $trTarget.addClass('gj-grid-top-border');\r\n } else {\r\n $trTarget.addClass('gj-grid-bottom-border');\r\n }\r\n };\r\n },\r\n\r\n droppableOut: function () {\r\n $(this).removeClass('gj-grid-top-border');\r\n $(this).removeClass('gj-grid-bottom-border');\r\n }\r\n },\r\n\r\n public: {\r\n },\r\n\r\n configure: function ($grid, fullConfig, clientConfig) {\r\n $.extend(true, $grid, gj.grid.plugins.rowReorder.public);\r\n if (fullConfig.rowReorder && gj.draggable && gj.droppable) {\r\n $grid.on('dataBound', function () {\r\n gj.grid.plugins.rowReorder.private.init($grid);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Export\r\n */\r\ngj.grid.plugins.export = {\r\n config: { base: {} },\r\n\r\n public: {\r\n /**\r\n * Get grid data in Comma Separated Values (CSV) format.\r\n * @method\r\n * @param {boolean} includeAllRecords - include records that are not visible when you are using local dataSource.\r\n * @return string\r\n * @example Local.Data \r\n * \r\n *
\r\n *
\r\n * \r\n * @example Remote.Data \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n getCSV: function (includeAllRecords) {\r\n var i, j, line = '', str = '',\r\n columns = this.data().columns,\r\n records = this.getAll(includeAllRecords);\r\n\r\n if (records.length) {\r\n\r\n for (i = 0; i < columns.length; i++) {\r\n if (gj.grid.plugins.export.public.isColumnApplicable(columns[i])) {\r\n line += '\"' + (columns[i].title || columns[i].field).replace(/<[^>]+>/g, ' ') + '\",';\r\n }\r\n }\r\n str += line.slice(0, line.length - 1) + '\\r\\n';\r\n\r\n for (i = 0; i < records.length; i++) {\r\n line = '';\r\n\r\n for (j = 0; j < columns.length; j++) {\r\n if (gj.grid.plugins.export.public.isColumnApplicable(columns[j])) {\r\n line += '\"' + records[i][columns[j].field] + '\",';\r\n }\r\n } \r\n str += line.slice(0, line.length - 1) + '\\r\\n';\r\n }\r\n }\r\n\r\n return str;\r\n },\r\n\r\n /**\r\n * Download grid data in Comma Separated Values (CSV) format.\r\n * @method\r\n * @param {string} filename - name of the generated file.\r\n * @param {boolean} includeAllRecords - include records that are not visible when you are using local dataSource.\r\n * @return grid object\r\n * @example Local.Data \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n * @example Remote.Data \r\n * \r\n *
\r\n *
\r\n * \r\n */\r\n downloadCSV: function (filename, includeAllRecords) {\r\n var link = document.createElement('a');\r\n document.body.appendChild(link);\r\n link.download = filename || 'griddata.csv'; \r\n if (window.navigator.userAgent.indexOf(\"Edge\") > -1) {\r\n link.href = URL.createObjectURL(new Blob([this.getCSV(includeAllRecords)], { type: 'text/csv;charset=utf-8;' }));\r\n } else {\r\n link.href = 'data:text/csv;charset=utf-8,' + escape(this.getCSV(includeAllRecords));\r\n }\r\n link.click();\r\n document.body.removeChild(link);\r\n return this;\r\n },\r\n\r\n isColumnApplicable: function (column) {\r\n return column.hidden !== true && !column.role;\r\n }\r\n },\r\n\r\n configure: function ($grid) {\r\n $.extend(true, $grid, gj.grid.plugins.export.public);\r\n }\r\n};\r\n\r\n/** \r\n * @widget Grid \r\n * @plugin Column Reorder\r\n */\r\ngj.grid.plugins.columnReorder = {\r\n config: {\r\n base: {\r\n /** If set to true, enable column reordering with drag and drop.\r\n * @type boolean\r\n * @default false\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n columnReorder: false,\r\n\r\n dragReady: false,\r\n\r\n style: {\r\n targetRowIndicatorTop: 'gj-grid-row-reorder-indicator-top',\r\n targetRowIndicatorBottom: 'gj-grid-row-reorder-indicator-bottom'\r\n }\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid) {\r\n var i, $cell,\r\n $cells = $grid.find('thead tr th');\r\n for (i = 0; i < $cells.length; i++) {\r\n $cell = $($cells[i]);\r\n $cell.on('mousedown', gj.grid.plugins.columnReorder.private.createMouseDownHandler($grid, $cell));\r\n $cell.on('mousemove', gj.grid.plugins.columnReorder.private.createMouseMoveHandler($grid, $cell));\r\n $cell.on('mouseup', gj.grid.plugins.columnReorder.private.createMouseUpHandler($grid, $cell));\r\n }\r\n },\r\n\r\n createMouseDownHandler: function ($grid) {\r\n return function (e) {\r\n $grid.timeout = setTimeout(function () {\r\n $grid.data('dragReady', true);\r\n }, 100);\r\n }\r\n },\r\n\r\n createMouseUpHandler: function ($grid) {\r\n return function (e) {\r\n clearTimeout($grid.timeout);\r\n $grid.data('dragReady', false);\r\n }\r\n },\r\n\r\n createMouseMoveHandler: function ($grid, $thSource) {\r\n return function (e) {\r\n var $dragEl, srcIndex;\r\n if ($grid.data('dragReady')) {\r\n $grid.data('dragReady', false);\r\n $dragEl = $grid.clone();\r\n srcIndex = $thSource.index();\r\n $grid.addClass('gj-unselectable');\r\n $('body').append($dragEl);\r\n $dragEl.attr('data-role', 'draggable-clone').css('cursor', 'move');\r\n $dragEl.find('thead tr th:eq(' + srcIndex + ')').siblings().remove();\r\n $dragEl.find('tbody tr[data-role != \"row\"]').remove();\r\n $dragEl.find('tbody tr td:nth-child(' + (srcIndex + 1) + ')').siblings().remove();\r\n $dragEl.find('tfoot').remove();\r\n $dragEl.draggable({\r\n stop: gj.grid.plugins.columnReorder.private.createDragStopHandler($grid, $thSource)\r\n });\r\n $dragEl.css({\r\n position: 'absolute', top: $thSource.offset().top, left: $thSource.offset().left, width: $thSource.width(), zIndex: 1\r\n });\r\n if ($thSource.attr('data-droppable') === 'true') {\r\n $thSource.droppable('destroy');\r\n }\r\n $thSource.siblings('th').each(function () {\r\n var $dropEl = $(this);\r\n if ($dropEl.attr('data-droppable') === 'true') {\r\n $dropEl.droppable('destroy');\r\n }\r\n $dropEl.droppable({\r\n over: gj.grid.plugins.columnReorder.private.createDroppableOverHandler($grid, $thSource),\r\n out: gj.grid.plugins.columnReorder.private.droppableOut\r\n });\r\n });\r\n $dragEl.trigger('mousedown');\r\n }\r\n };\r\n },\r\n\r\n createDragStopHandler: function ($grid, $thSource) {\r\n return function (e, mousePosition) {\r\n $('table[data-role=\"draggable-clone\"]').draggable('destroy').remove();\r\n $grid.removeClass('gj-unselectable');\r\n $thSource.siblings('th').each(function () {\r\n var $thTarget = $(this),\r\n data = $grid.data(),\r\n targetPosition = gj.grid.methods.getColumnPosition(data.columns, $thTarget.data('field')),\r\n sourcePosition = gj.grid.methods.getColumnPosition(data.columns, $thSource.data('field'));\r\n\r\n $thTarget.removeClass('gj-grid-left-border').removeClass('gj-grid-right-border');\r\n $thTarget.closest('table').find('tbody tr[data-role=\"row\"] td:nth-child(' + ($thTarget.index() + 1) + ')').removeClass('gj-grid-left-border').removeClass('gj-grid-right-border');\r\n if ($thTarget.droppable('isOver', mousePosition)) {\r\n if (targetPosition < sourcePosition) {\r\n $thTarget.before($thSource);\r\n } else {\r\n $thTarget.after($thSource);\r\n }\r\n gj.grid.plugins.columnReorder.private.moveRowCells($grid, sourcePosition, targetPosition);\r\n data.columns.splice(targetPosition, 0, data.columns.splice(sourcePosition, 1)[0]);\r\n }\r\n $thTarget.droppable('destroy');\r\n });\r\n }\r\n },\r\n\r\n moveRowCells: function ($grid, sourcePosition, targetPosition) {\r\n var i, $row, $rows = $grid.find('tbody tr[data-role=\"row\"]');\r\n for (i = 0; i < $rows.length; i++) {\r\n $row = $($rows[i]);\r\n if (targetPosition < sourcePosition) {\r\n $row.find('td:eq(' + targetPosition + ')').before($row.find('td:eq(' + sourcePosition + ')'));\r\n } else {\r\n $row.find('td:eq(' + targetPosition + ')').after($row.find('td:eq(' + sourcePosition + ')'));\r\n } \r\n }\r\n },\r\n\r\n createDroppableOverHandler: function ($grid, $thSource) {\r\n return function (e) {\r\n var $thTarget = $(this),\r\n data = $grid.data(),\r\n targetPosition = gj.grid.methods.getColumnPosition(data.columns, $thTarget.data('field')),\r\n sourcePosition = gj.grid.methods.getColumnPosition(data.columns, $thSource.data('field'));\r\n if (targetPosition < sourcePosition) {\r\n $thTarget.addClass('gj-grid-left-border');\r\n $grid.find('tbody tr[data-role=\"row\"] td:nth-child(' + ($thTarget.index() + 1) + ')').addClass('gj-grid-left-border');\r\n } else {\r\n $thTarget.addClass('gj-grid-right-border');\r\n $grid.find('tbody tr[data-role=\"row\"] td:nth-child(' + ($thTarget.index() + 1) + ')').addClass('gj-grid-right-border');\r\n }\r\n };\r\n },\r\n\r\n droppableOut: function () {\r\n var $thTarget = $(this);\r\n $thTarget.removeClass('gj-grid-left-border').removeClass('gj-grid-right-border');\r\n $thTarget.closest('table').find('tbody tr[data-role=\"row\"] td:nth-child(' + ($thTarget.index() + 1) + ')').removeClass('gj-grid-left-border').removeClass('gj-grid-right-border');\r\n }\r\n },\r\n\r\n public: {\r\n },\r\n\r\n configure: function ($grid, fullConfig, clientConfig) {\r\n $.extend(true, $grid, gj.grid.plugins.columnReorder.public);\r\n if (fullConfig.columnReorder) {\r\n $grid.on('initialized', function () {\r\n gj.grid.plugins.columnReorder.private.init($grid);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * @widget Grid\r\n * @plugin Header Filter\r\n */\r\ngj.grid.plugins.headerFilter = {\r\n config: {\r\n base: {\r\n defaultColumnSettings: {\r\n /** Indicates if the column is sortable. If set to false the header filter is hidden.\r\n * @alias column.filterable\r\n * @type boolean\r\n * @default true\r\n * @example Material.Design \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n */\r\n filterable: true\r\n },\r\n\r\n /** If set to true, add filters for each column\r\n * @type boolean\r\n * @default object\r\n * @example Remote.DataSource \r\n *
\r\n * \r\n * @example Local.DataSource \r\n *
\r\n * \r\n */\r\n headerFilter: {\r\n /** Type of the header filter\r\n * @alias headerFilter.type\r\n * @type (onenterkeypress|onchange)\r\n * @default 'onenterkeypress'\r\n * @example OnEnterKeyPress \r\n *
\r\n * \r\n * @example OnChange \r\n *
\r\n * \r\n */\r\n type: 'onenterkeypress'\r\n }\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid) {\r\n var i, $th, $ctrl, data = $grid.data(),\r\n $filterTr = $('');\r\n\r\n for (i = 0; i < data.columns.length; i++) {\r\n $th = $('
\r\n * \r\n * @example Remote.Data \r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n */\r\n groupBy: undefined,\r\n\r\n direction: 'asc'\r\n },\r\n\r\n icons: {\r\n /** Expand row icon definition.\r\n * @alias icons.expandGroup\r\n * @type String\r\n * @default ''\r\n * @example Right.Down.Icons \r\n *
\r\n * \r\n */\r\n expandGroup: '',\r\n\r\n /** Collapse row icon definition.\r\n * @alias icons.collapseGroup\r\n * @type String\r\n * @default ''\r\n * @example Right.Down.Icons \r\n *
\r\n * \r\n */\r\n collapseGroup: ''\r\n }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n expandGroup: '',\r\n collapseGroup: ''\r\n }\r\n },\r\n\r\n glyphicons: {\r\n icons: {\r\n expandGroup: '',\r\n collapseGroup: ''\r\n }\r\n }\r\n },\r\n\r\n private: {\r\n init: function ($grid) {\r\n var previousValue, data = $grid.data();\r\n\r\n previousValue = undefined;\r\n $grid.on('rowDataBound', function (e, $row, id, record) {\r\n if (previousValue !== record[data.grouping.groupBy] || $row[0].rowIndex === 1) {\r\n var colspan = gj.grid.methods.countVisibleColumns($grid) - 1,\r\n $groupRow = $('
\r\n * If the type is set to multiple the user will be able to select more then one node in the tree.\r\n * @type (single|multiple)\r\n * @default single\r\n * @example Single.Selection \r\n * \r\n * \r\n * @example Multiple.Selection \r\n * \r\n * \r\n */\r\n selectionType: 'single',\r\n\r\n /** This setting enable cascade selection and unselection of children\r\n * @type boolean\r\n * @default false\r\n * @example Sample \r\n * \r\n * \r\n */\r\n cascadeSelection: false,\r\n\r\n /** The data source of tree.\r\n * @additionalinfo If set to string, then the tree is going to use this string as a url for ajax requests to the server.
\r\n * If set to object, then the tree is going to use this object as settings for the jquery ajax function.
\r\n * If set to array, then the tree is going to use the array as data for tree nodes.\r\n * @type (string|object|array)\r\n * @default undefined\r\n * @example Local.DataSource \r\n * \r\n * \r\n * @example Remote.DataSource \r\n * \r\n * \r\n */\r\n dataSource: undefined,\r\n\r\n /** Primary key field name.\r\n * @type string\r\n * @default undefined\r\n * @example defined \r\n *
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Base.Theme.Material.Icons \r\n * \r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n autoGenId: 1,\r\n\r\n autoGenFieldName: 'autoId_b5497cc5-7ef3-49f5-a7dc-4a932e1aee4a',\r\n\r\n indentation: 24,\r\n\r\n style: {\r\n wrapper: 'gj-unselectable',\r\n list: 'gj-list gj-list-md',\r\n item: undefined,\r\n active: 'gj-list-md-active',\r\n leafIcon: undefined,\r\n border: 'gj-tree-md-border'\r\n },\r\n\r\n icons: {\r\n /** Expand icon definition.\r\n * @alias icons.expand\r\n * @type String\r\n * @default ''\r\n * @example Plus.Minus.Icons \r\n * \r\n * \r\n */\r\n expand: '',\r\n\r\n /** Collapse icon definition.\r\n * @alias icons.collapse\r\n * @type String\r\n * @default ''\r\n * @example Plus.Minus.Icons \r\n * \r\n * \r\n */\r\n collapse: ''\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-unselectable gj-tree-bootstrap-3',\r\n list: 'gj-list gj-list-bootstrap list-group',\r\n item: 'list-group-item',\r\n active: 'active',\r\n border: 'gj-tree-bootstrap-border'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-unselectable gj-tree-bootstrap-4',\r\n list: 'gj-list gj-list-bootstrap',\r\n item: 'list-group-item',\r\n active: 'active',\r\n border: 'gj-tree-bootstrap-border'\r\n },\r\n icons: {\r\n expand: '',\r\n collapse: ''\r\n }\r\n },\r\n\r\n materialicons: {\r\n style: {\r\n expander: 'gj-tree-material-icons-expander'\r\n }\r\n },\r\n\r\n fontawesome: {\r\n style: {\r\n expander: 'gj-tree-font-awesome-expander'\r\n },\r\n icons: {\r\n expand: '',\r\n collapse: ''\r\n }\r\n },\r\n\r\n glyphicons: {\r\n style: {\r\n expander: 'gj-tree-glyphicons-expander'\r\n },\r\n icons: {\r\n expand: '',\r\n collapse: ''\r\n }\r\n }\r\n};\r\n/**\r\n * @widget Tree\r\n * @plugin Base\r\n */\r\ngj.tree.events = {\r\n\r\n /**\r\n * Event fires when the tree is initialized\r\n * @event initialized\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n * \r\n * \r\n */\r\n initialized: function ($tree) {\r\n $tree.triggerHandler('initialized');\r\n },\r\n\r\n /**\r\n * Event fired before data binding takes place.\r\n * @event dataBinding\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n dataBinding: function ($tree) {\r\n $tree.triggerHandler('dataBinding');\r\n },\r\n\r\n /**\r\n * Event fires after the loading of the data in the tree.\r\n * @event dataBound\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n dataBound: function ($tree) {\r\n $tree.triggerHandler('dataBound');\r\n },\r\n\r\n /**\r\n * Event fires after selection of tree node.\r\n * @event select\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @example Event.Sample \r\n *
\r\n * \r\n * \r\n */\r\n enable: function ($tree, $node) {\r\n return $tree.triggerHandler('enable', [$node]);\r\n },\r\n\r\n /**\r\n * Event fires on disable of tree node.\r\n * @event disable\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @example Event.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n disable: function ($tree, $node) {\r\n return $tree.triggerHandler('disable', [$node]);\r\n },\r\n\r\n /**\r\n * Event fires before tree destroy\r\n * @event destroying\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n destroying: function ($tree) {\r\n return $tree.triggerHandler('destroying');\r\n },\r\n\r\n /**\r\n * Event fires when the data is bound to node.\r\n * @event nodeDataBound\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} record - the data of the node record\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n nodeDataBound: function ($tree, $node, id, record) {\r\n return $tree.triggerHandler('nodeDataBound', [$node, id, record]);\r\n }\r\n}\r\n/*global gj $*/\r\ngj.tree.methods = {\r\n\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'tree');\r\n\r\n gj.tree.methods.initialize.call(this);\r\n\r\n if (this.data('autoLoad')) {\r\n this.reload();\r\n }\r\n return this;\r\n },\r\n\r\n initialize: function () {\r\n var data = this.data(),\r\n $root = $('![](\"')
');\r\n $img.attr('width', $span.width()).attr('height', $span.height());\r\n $span.append($img);\r\n } else if (data.imageHtmlField && nodeData[data.imageHtmlField]) {\r\n $span = $('' + nodeData[data.imageHtmlField] + '');\r\n $span.insertBefore($display);\r\n }\r\n\r\n if ((nodeData[data.childrenField] && nodeData[data.childrenField].length) || hasChildren) {\r\n $expander.empty().append(data.icons.expand);\r\n $newParent = $('
\r\n * \r\n * \r\n * @example Search \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.reload = function (params) {\r\n return gj.widget.prototype.reload.call(this, params);\r\n };\r\n\r\n /**\r\n * Render data in the tree\r\n * @method\r\n * @param {object} response - An object that contains the data that needs to be loaded in the tree.\r\n * @fires dataBinding, dataBound\r\n * @return tree\r\n * @example sample \r\n * \r\n * \r\n */\r\n self.render = function (response) {\r\n return methods.render(this, response);\r\n };\r\n\r\n /**\r\n * Add node to the tree.\r\n * @method\r\n * @param {object} data - The node data.\r\n * @param {object} parentNode - Parent node as jquery object.\r\n * @param {Number} position - Position where the new node need to be added. \r\n * @return jQuery object\r\n * @example Append.ToRoot \r\n * \r\n *
\r\n * \r\n * \r\n * @example Append.Parent \r\n * \r\n *
\r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n *
\r\n * \r\n * \r\n * @example Prepend \r\n * \r\n *
\r\n * \r\n * \r\n * @example Position \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.addNode = function (data, $parentNode, position) {\r\n return methods.addNode(this, data, $parentNode, position);\r\n };\r\n\r\n /**\r\n * Remove node from the tree.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.removeNode = function ($node) {\r\n return methods.remove(this, $node);\r\n };\r\n\r\n /**\r\n * Update node from the tree.\r\n * @method\r\n * @param {string} id - The id of the node that needs to be updated\r\n * @param {object} record - The node as jQuery object\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.updateNode = function (id, record) {\r\n return methods.update(this, id, record);\r\n };\r\n\r\n /**\r\n * Destroy the tree.\r\n * @method\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n /**\r\n * Expand node from the tree.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @param {boolean} cascade - Expand all children\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Cascade \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.expand = function ($node, cascade) {\r\n return methods.expand(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Collapse node from the tree.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @param {boolean} cascade - Collapse all children\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Cascade \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.collapse = function ($node, cascade) {\r\n return methods.collapse(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Expand all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.expandAll = function () {\r\n return methods.expandAll(this);\r\n };\r\n\r\n /**\r\n * Collapse all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.collapseAll = function () {\r\n return methods.collapseAll(this);\r\n };\r\n\r\n /**\r\n * Return node data by id of the record.\r\n * @method\r\n * @param {string|number} id - The id of the record that needs to be returned\r\n * @return object\r\n * @example sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getDataById = function (id) {\r\n return methods.getDataById(this, id, this.data('records'));\r\n };\r\n\r\n /**\r\n * Return node data by text.\r\n * @method\r\n * @param {string} text - The text of the record that needs to be returned\r\n * @return object\r\n * @example sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getDataByText = function (text) {\r\n return methods.getDataByText(this, text, this.data('records'));\r\n };\r\n\r\n /**\r\n * Return node by id of the record.\r\n * @method\r\n * @param {string} id - The id of the node that needs to be returned\r\n * @return jQuery object\r\n * @example sample \r\n * \r\n * \r\n */\r\n self.getNodeById = function (id) {\r\n return methods.getNodeById(this.children('ul'), id);\r\n };\r\n\r\n /**\r\n * Return node by text.\r\n * @method\r\n * @param {string} text - The text in the node that needs to be returned\r\n * @return jQuery object\r\n * @example sample \r\n * \r\n * \r\n */\r\n self.getNodeByText = function (text) {\r\n return methods.getNodeByText(this.children('ul'), text);\r\n };\r\n\r\n /**\r\n * Return an array with all records presented in the tree.\r\n * @method\r\n * @return Array\r\n * @example sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getAll = function () {\r\n return this.data('records');\r\n };\r\n\r\n /**\r\n * Select node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @return jQuery Object\r\n * @example Select.Method \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.select = function ($node) {\r\n return methods.select(this, $node);\r\n };\r\n\r\n /**\r\n * Unselect node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @return jQuery Object\r\n * @example UnSelect.Method \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.unselect = function ($node) {\r\n return methods.unselect(this, $node);\r\n };\r\n\r\n /**\r\n * Select all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.selectAll = function () {\r\n return methods.selectAll(this);\r\n };\r\n\r\n /**\r\n * Unselect all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.unselectAll = function () {\r\n return methods.unselectAll(this);\r\n };\r\n\r\n /**\r\n * Return an array with the ids of the selected nodes.\r\n * @method\r\n * @return array\r\n * @example Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getSelections = function () {\r\n return methods.getSelections(this.children('ul'));\r\n };\r\n\r\n /**\r\n * Return an array with the ids of all children.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @param {Boolean} cascade - Include all nested children. Set to true by default.\r\n * @return array\r\n * @example Cascade.True \r\n * \r\n * \r\n * @example Cascade.False \r\n * \r\n * \r\n */\r\n self.getChildren = function ($node, cascade) {\r\n return methods.getChildren(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Return an array with the names of all parents.\r\n * @method\r\n * @param {String} id - The id of the target node\r\n * @return array\r\n * @example sample \r\n * Location: \r\n * \r\n * \r\n */\r\n self.parents = function (id) {\r\n var parents = [], data = this.data();\r\n methods.pathFinder(data, data.records, id, parents);\r\n return parents.reverse();\r\n };\r\n\r\n /**\r\n * Enable node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @param {Boolean} cascade - Enable all children. Set to true by default.\r\n * @return jQuery Object\r\n * @example Material.Design \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.enable = function ($node, cascade) {\r\n return methods.enableNode(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Enable all nodes from the tree.\r\n * @method\r\n * @return jQuery Object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.enableAll = function () {\r\n return methods.enableAll(this);\r\n };\r\n\r\n /**\r\n * Disable node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @param {Boolean} cascade - Disable all children. Set to true by default.\r\n * @return jQuery Object\r\n * @example Sample \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.disable = function ($node, cascade) {\r\n return methods.disableNode(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Disable all nodes from the tree.\r\n * @method\r\n * @return jQuery Object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.disableAll = function () {\r\n return methods.disableAll(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('tree' !== $element.attr('data-type')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.tree.widget.prototype = new gj.widget();\r\ngj.tree.widget.constructor = gj.tree.widget;\r\n\r\n(function ($) {\r\n $.fn.tree = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.tree.widget(this, method);\r\n } else {\r\n $widget = new gj.tree.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/** \r\n * @widget Tree \r\n * @plugin Checkboxes\r\n */\r\ngj.tree.plugins.checkboxes = {\r\n config: {\r\n base: {\r\n /** Add checkbox for each node, if set to true.\r\n * @type Boolean\r\n * @default undefined\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n checkboxes: undefined,\r\n\r\n /** Name of the source field, that indicates if the checkbox is checked.\r\n * @type string\r\n * @default 'checked'\r\n * @example Custom.Name \r\n * \r\n * \r\n */\r\n checkedField: 'checked',\r\n\r\n /** This setting enable cascade check and uncheck of children\r\n * @type boolean\r\n * @default true\r\n * @example False.Remote.DataSource \r\n * \r\n * \r\n * @example False.Local.DataSource \r\n * \r\n * \r\n * @example True \r\n * \r\n * \r\n */\r\n cascadeCheck: true,\r\n }\r\n },\r\n\r\n private: {\r\n dataBound: function ($tree) {\r\n var $nodes;\r\n if ($tree.data('cascadeCheck')) {\r\n $nodes = $tree.find('li[data-role=\"node\"]');\r\n $.each($nodes, function () {\r\n var $node = $(this),\r\n state = $node.find('[data-role=\"checkbox\"] input[type=\"checkbox\"]').checkbox('state');\r\n if (state === 'checked') {\r\n gj.tree.plugins.checkboxes.private.updateChildrenState($node, state);\r\n gj.tree.plugins.checkboxes.private.updateParentState($node, state);\r\n }\r\n });\r\n }\r\n },\r\n\r\n nodeDataBound: function ($tree, $node, id, record) {\r\n var data, $expander, $checkbox, $wrapper, disabled;\r\n\r\n if ($node.find('> [data-role=\"wrapper\"] > [data-role=\"checkbox\"]').length === 0) {\r\n data = $tree.data();\r\n $expander = $node.find('> [data-role=\"wrapper\"] > [data-role=\"expander\"]');\r\n $checkbox = $('');\r\n $wrapper = $('').append($checkbox);\r\n disabled = typeof (record[data.disabledField]) !== 'undefined' && record[data.disabledField].toString().toLowerCase() === 'true';\r\n\r\n $checkbox = $checkbox.checkbox({\r\n uiLibrary: data.uiLibrary,\r\n iconsLibrary: data.iconsLibrary,\r\n change: function (e, state) {\r\n gj.tree.plugins.checkboxes.events.checkboxChange($tree, $node, record, $checkbox.state());\r\n }\r\n });\r\n disabled && $checkbox.prop('disabled', true);\r\n record[data.checkedField] && $checkbox.state('checked');\r\n $checkbox.on('click', function (e) {\r\n var $node = $checkbox.closest('li'),\r\n state = $checkbox.state();\r\n if (data.cascadeCheck) {\r\n gj.tree.plugins.checkboxes.private.updateChildrenState($node, state);\r\n gj.tree.plugins.checkboxes.private.updateParentState($node, state);\r\n }\r\n });\r\n $expander.after($wrapper);\r\n }\r\n },\r\n\r\n updateParentState: function ($node, state) {\r\n var $parentNode, $parentCheckbox, $siblingCheckboxes, allChecked, allUnchecked, parentState;\r\n\r\n $parentNode = $node.parent('ul').parent('li');\r\n if ($parentNode.length === 1) {\r\n $parentCheckbox = $node.parent('ul').parent('li').find('> [data-role=\"wrapper\"] > [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $siblingCheckboxes = $node.siblings().find('> [data-role=\"wrapper\"] > span[data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n allChecked = (state === 'checked');\r\n allUnchecked = (state === 'unchecked');\r\n parentState = 'indeterminate';\r\n $.each($siblingCheckboxes, function () {\r\n var state = $(this).checkbox('state');\r\n if (allChecked && state !== 'checked') {\r\n allChecked = false;\r\n }\r\n if (allUnchecked && state !== 'unchecked') {\r\n allUnchecked = false;\r\n }\r\n });\r\n if (allChecked && !allUnchecked) {\r\n parentState = 'checked';\r\n }\r\n if (!allChecked && allUnchecked) {\r\n parentState = 'unchecked';\r\n }\r\n $parentCheckbox.checkbox('state', parentState);\r\n gj.tree.plugins.checkboxes.private.updateParentState($parentNode, $parentCheckbox.checkbox('state'));\r\n }\r\n },\r\n\r\n updateChildrenState: function ($node, state) {\r\n var $childrenCheckboxes = $node.find('ul li [data-role=\"wrapper\"] [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n if ($childrenCheckboxes.length > 0) {\r\n $.each($childrenCheckboxes, function () {\r\n $(this).checkbox('state', state);\r\n });\r\n }\r\n },\r\n\r\n update: function ($tree, $node, state) {\r\n var checkbox = $node.find('[data-role=\"checkbox\"] input[type=\"checkbox\"]').first();\r\n $(checkbox).checkbox('state', state);\r\n if ($tree.data().cascadeCheck) {\r\n gj.tree.plugins.checkboxes.private.updateChildrenState($node, state);\r\n gj.tree.plugins.checkboxes.private.updateParentState($node, state);\r\n }\r\n }\r\n },\r\n\r\n public: {\r\n\r\n /** Get ids of all checked nodes\r\n * @method\r\n * @return Array\r\n * @example Base.Theme \r\n * \r\n * \r\n * \r\n */\r\n getCheckedNodes: function () {\r\n var result = [],\r\n checkboxes = this.find('li [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $.each(checkboxes, function () {\r\n var checkbox = $(this);\r\n if (checkbox.checkbox('state') === 'checked') {\r\n result.push(checkbox.closest('li').data('id'));\r\n }\r\n });\r\n return result;\r\n },\r\n\r\n /**\r\n * Check all tree nodes\r\n * @method\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n checkAll: function () {\r\n var $checkboxes = this.find('li [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $.each($checkboxes, function () {\r\n $(this).checkbox('state', 'checked');\r\n });\r\n return this;\r\n },\r\n\r\n /**\r\n * Uncheck all tree nodes\r\n * @method\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n uncheckAll: function () {\r\n var $checkboxes = this.find('li [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $.each($checkboxes, function () {\r\n $(this).checkbox('state', 'unchecked');\r\n });\r\n return this;\r\n },\r\n\r\n /**\r\n * Check tree node.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n check: function ($node) {\r\n gj.tree.plugins.checkboxes.private.update(this, $node, 'checked');\r\n return this;\r\n },\r\n\r\n /**\r\n * Uncheck tree node.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n uncheck: function ($node) {\r\n gj.tree.plugins.checkboxes.private.update(this, $node, 'unchecked');\r\n return this;\r\n }\r\n },\r\n\r\n events: {\r\n /**\r\n * Event fires when the checkbox state is changed.\r\n * @event checkboxChange\r\n * @param {object} e - event data\r\n * @param {object} $node - the node object as jQuery element\r\n * @param {object} record - the record data\r\n * @param {string} state - the new state of the checkbox\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n checkboxChange: function ($tree, $node, record, state) {\r\n return $tree.triggerHandler('checkboxChange', [$node, record, state]);\r\n }\r\n },\r\n\r\n configure: function ($tree) {\r\n if ($tree.data('checkboxes') && gj.checkbox) {\r\n $.extend(true, $tree, gj.tree.plugins.checkboxes.public);\r\n $tree.on('nodeDataBound', function (e, $node, id, record) {\r\n gj.tree.plugins.checkboxes.private.nodeDataBound($tree, $node, id, record);\r\n });\r\n $tree.on('dataBound', function () {\r\n gj.tree.plugins.checkboxes.private.dataBound($tree);\r\n });\r\n $tree.on('enable', function (e, $node) {\r\n $node.find('>[data-role=\"wrapper\"]>[data-role=\"checkbox\"] input[type=\"checkbox\"]').prop('disabled', false);\r\n });\r\n $tree.on('disable', function (e, $node) {\r\n $node.find('>[data-role=\"wrapper\"]>[data-role=\"checkbox\"] input[type=\"checkbox\"]').prop('disabled', true);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * @widget Tree\r\n * @plugin DragAndDrop\r\n */\r\ngj.tree.plugins.dragAndDrop = {\r\n\tconfig: {\r\n\t\tbase: {\r\n\t\t\t/** Enables drag and drop functionality for each node.\r\n * @type Boolean\r\n * @default undefined\r\n * @example Material.Design \r\n *
\r\n * When you don't pass value in the text parameter, then the method will return the text of the current grid title.
\r\n * You can use this method in a combination with toolbarTemplate only if the title is wrapped in element with data-role attribute that equals to \"title\".
\r\n * @method\r\n * @param {object} text - The text of the new grid title.\r\n * @return string or grid object\r\n * @example text \r\n * \r\n * \r\n *
\r\n *
\r\n *
Drag and Drop rows in order to reorder them.
\r\n *Drag and Drop rows in order to reorder them.
\r\n *Drag and Drop rows in order to reorder them.
\r\n *\r\n *
\r\n *
\r\n *
\r\n *
\r\n *
Drag and Drop column headers in order to reorder the columns.
\r\n *Drag and Drop column headers in order to reorder the columns.
\r\n *Drag and Drop column headers in order to reorder the columns.
\r\n *' + data.icons.collapseGroup + '
');\r\n $expandCollapseCell.on('click', gj.grid.plugins.grouping.private.createExpandCollapseHandler(data));\r\n $groupRow.append($expandCollapseCell);\r\n $groupRow.append('' + data.grouping.groupBy + ': ' + record[data.grouping.groupBy] + '
\r\n * If the type is set to multiple the user will be able to select more then one node in the tree.\r\n * @type (single|multiple)\r\n * @default single\r\n * @example Single.Selection \r\n * \r\n * \r\n * @example Multiple.Selection \r\n * \r\n * \r\n */\r\n selectionType: 'single',\r\n\r\n /** This setting enable cascade selection and unselection of children\r\n * @type boolean\r\n * @default false\r\n * @example Sample \r\n * \r\n * \r\n */\r\n cascadeSelection: false,\r\n\r\n /** The data source of tree.\r\n * @additionalinfo If set to string, then the tree is going to use this string as a url for ajax requests to the server.
\r\n * If set to object, then the tree is going to use this object as settings for the jquery ajax function.
\r\n * If set to array, then the tree is going to use the array as data for tree nodes.\r\n * @type (string|object|array)\r\n * @default undefined\r\n * @example Local.DataSource \r\n * \r\n * \r\n * @example Remote.DataSource \r\n * \r\n * \r\n */\r\n dataSource: undefined,\r\n\r\n /** Primary key field name.\r\n * @type string\r\n * @default undefined\r\n * @example defined \r\n *
Select a node to see the key.
\r\n * \r\n * \r\n * @example undefined \r\n *Select a node to see the key.
\r\n * \r\n * \r\n */\r\n primaryKey: undefined,\r\n\r\n /** Text field name.\r\n * @type string\r\n * @default 'text'\r\n * @example sample \r\n * \r\n * \r\n */\r\n textField: 'text',\r\n\r\n /** Children field name.\r\n * @type string\r\n * @default 'children'\r\n * @example Custom.FieldName \r\n * \r\n * \r\n */\r\n childrenField: 'children',\r\n\r\n /** The name of the field that indicates if the node has children. Shows expand icon if the node has children.\r\n * @type string\r\n * @default 'hasChildren'\r\n * @example Custom.FieldName \r\n * \r\n * \r\n */\r\n hasChildrenField: 'hasChildren',\r\n\r\n /** Image css class field name.\r\n * @type string\r\n * @default 'imageCssClass'\r\n * @example Default.Name \r\n * \r\n * \r\n * @example Custom.Name \r\n * \r\n * \r\n * \r\n */\r\n imageCssClassField: 'imageCssClass',\r\n\r\n /** Image url field name.\r\n * @type string\r\n * @default 'imageUrl'\r\n * @example Default.HTML.Field.Name \r\n * \r\n * \r\n * @example Custom.HTML.Field.Name \r\n * \r\n * \r\n */\r\n imageUrlField: 'imageUrl',\r\n\r\n /** Image html field name.\r\n * @type string\r\n * @default 'imageHtml'\r\n * @example Default.HTML.Field.Name \r\n * \r\n * \r\n * @example Custom.HTML.Field.Name \r\n * \r\n * \r\n */\r\n imageHtmlField: 'imageHtml',\r\n\r\n /** Disabled field name. Assume that the item is not disabled if not set.\r\n * @type string\r\n * @default 'disabled'\r\n * @example Default.Value \r\n * \r\n * \r\n * @example Custom.Value \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n disabledField: 'disabled',\r\n\r\n /** Width of the tree.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** When this setting is enabled the content of the tree will be wrapped by borders.\r\n * @type boolean\r\n * @default false\r\n * @example Material.Design.True \r\n * \r\n * \r\n * @example Material.Design.False \r\n * \r\n * \r\n * @example Bootstrap.3.True \r\n * \r\n * \r\n * @example Bootstrap.3.False \r\n * \r\n * \r\n * @example Bootstrap.4.True \r\n * \r\n * \r\n * @example Bootstrap.4.False \r\n * \r\n * \r\n */\r\n border: false,\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Base.Theme.Material.Icons \r\n * \r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n autoGenId: 1,\r\n\r\n autoGenFieldName: 'autoId_b5497cc5-7ef3-49f5-a7dc-4a932e1aee4a',\r\n\r\n indentation: 24,\r\n\r\n style: {\r\n wrapper: 'gj-unselectable',\r\n list: 'gj-list gj-list-md',\r\n item: undefined,\r\n active: 'gj-list-md-active',\r\n leafIcon: undefined,\r\n border: 'gj-tree-md-border'\r\n },\r\n\r\n icons: {\r\n /** Expand icon definition.\r\n * @alias icons.expand\r\n * @type String\r\n * @default ''\r\n * @example Plus.Minus.Icons \r\n * \r\n * \r\n */\r\n expand: '',\r\n\r\n /** Collapse icon definition.\r\n * @alias icons.collapse\r\n * @type String\r\n * @default ''\r\n * @example Plus.Minus.Icons \r\n * \r\n * \r\n */\r\n collapse: ''\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-unselectable gj-tree-bootstrap-3',\r\n list: 'gj-list gj-list-bootstrap list-group',\r\n item: 'list-group-item',\r\n active: 'active',\r\n border: 'gj-tree-bootstrap-border'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-unselectable gj-tree-bootstrap-4',\r\n list: 'gj-list gj-list-bootstrap',\r\n item: 'list-group-item',\r\n active: 'active',\r\n border: 'gj-tree-bootstrap-border'\r\n },\r\n icons: {\r\n expand: '',\r\n collapse: ''\r\n }\r\n },\r\n\r\n materialicons: {\r\n style: {\r\n expander: 'gj-tree-material-icons-expander'\r\n }\r\n },\r\n\r\n fontawesome: {\r\n style: {\r\n expander: 'gj-tree-font-awesome-expander'\r\n },\r\n icons: {\r\n expand: '',\r\n collapse: ''\r\n }\r\n },\r\n\r\n glyphicons: {\r\n style: {\r\n expander: 'gj-tree-glyphicons-expander'\r\n },\r\n icons: {\r\n expand: '',\r\n collapse: ''\r\n }\r\n }\r\n};\r\n/**\r\n * @widget Tree\r\n * @plugin Base\r\n */\r\ngj.tree.events = {\r\n\r\n /**\r\n * Event fires when the tree is initialized\r\n * @event initialized\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n * \r\n * \r\n */\r\n initialized: function ($tree) {\r\n $tree.triggerHandler('initialized');\r\n },\r\n\r\n /**\r\n * Event fired before data binding takes place.\r\n * @event dataBinding\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n dataBinding: function ($tree) {\r\n $tree.triggerHandler('dataBinding');\r\n },\r\n\r\n /**\r\n * Event fires after the loading of the data in the tree.\r\n * @event dataBound\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n dataBound: function ($tree) {\r\n $tree.triggerHandler('dataBound');\r\n },\r\n\r\n /**\r\n * Event fires after selection of tree node.\r\n * @event select\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @example Event.Sample \r\n *
Select tree node in order to fire the event.
\r\n * \r\n * \r\n */\r\n select: function ($tree, $node, id) {\r\n return $tree.triggerHandler('select', [$node, id]);\r\n },\r\n\r\n /**\r\n * Event fires on un selection of tree node\r\n * @event unselect\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @example Event.Sample \r\n *Select/Unselect tree node in order to fire the event.
\r\n * \r\n * \r\n */\r\n unselect: function ($tree, $node, id) {\r\n return $tree.triggerHandler('unselect', [$node, id]);\r\n },\r\n\r\n /**\r\n * Event fires before node expand.\r\n * @event expand\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n expand: function ($tree, $node, id) {\r\n return $tree.triggerHandler('expand', [$node, id]);\r\n },\r\n\r\n /**\r\n * Event fires before node collapse.\r\n * @event collapse\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n collapse: function ($tree, $node, id) {\r\n return $tree.triggerHandler('collapse', [$node, id]);\r\n },\r\n\r\n /**\r\n * Event fires on enable of tree node.\r\n * @event enable\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @example Event.Sample \r\n * \r\n * \r\n *\r\n * \r\n * \r\n */\r\n enable: function ($tree, $node) {\r\n return $tree.triggerHandler('enable', [$node]);\r\n },\r\n\r\n /**\r\n * Event fires on disable of tree node.\r\n * @event disable\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @example Event.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n disable: function ($tree, $node) {\r\n return $tree.triggerHandler('disable', [$node]);\r\n },\r\n\r\n /**\r\n * Event fires before tree destroy\r\n * @event destroying\r\n * @param {object} e - event data\r\n * @example Event.Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n destroying: function ($tree) {\r\n return $tree.triggerHandler('destroying');\r\n },\r\n\r\n /**\r\n * Event fires when the data is bound to node.\r\n * @event nodeDataBound\r\n * @param {object} e - event data\r\n * @param {object} node - the node as jquery object\r\n * @param {string} id - the id of the record\r\n * @param {object} record - the data of the node record\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n nodeDataBound: function ($tree, $node, id, record) {\r\n return $tree.triggerHandler('nodeDataBound', [$node, id, record]);\r\n }\r\n}\r\n/*global gj $*/\r\ngj.tree.methods = {\r\n\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'tree');\r\n\r\n gj.tree.methods.initialize.call(this);\r\n\r\n if (this.data('autoLoad')) {\r\n this.reload();\r\n }\r\n return this;\r\n },\r\n\r\n initialize: function () {\r\n var data = this.data(),\r\n $root = $('
\r\n * \r\n * \r\n * @example Search \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.reload = function (params) {\r\n return gj.widget.prototype.reload.call(this, params);\r\n };\r\n\r\n /**\r\n * Render data in the tree\r\n * @method\r\n * @param {object} response - An object that contains the data that needs to be loaded in the tree.\r\n * @fires dataBinding, dataBound\r\n * @return tree\r\n * @example sample \r\n * \r\n * \r\n */\r\n self.render = function (response) {\r\n return methods.render(this, response);\r\n };\r\n\r\n /**\r\n * Add node to the tree.\r\n * @method\r\n * @param {object} data - The node data.\r\n * @param {object} parentNode - Parent node as jquery object.\r\n * @param {Number} position - Position where the new node need to be added. \r\n * @return jQuery object\r\n * @example Append.ToRoot \r\n * \r\n *
\r\n * \r\n * \r\n * @example Append.Parent \r\n * \r\n *
\r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n *
\r\n * \r\n * \r\n * @example Prepend \r\n * \r\n *
\r\n * \r\n * \r\n * @example Position \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.addNode = function (data, $parentNode, position) {\r\n return methods.addNode(this, data, $parentNode, position);\r\n };\r\n\r\n /**\r\n * Remove node from the tree.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.removeNode = function ($node) {\r\n return methods.remove(this, $node);\r\n };\r\n\r\n /**\r\n * Update node from the tree.\r\n * @method\r\n * @param {string} id - The id of the node that needs to be updated\r\n * @param {object} record - The node as jQuery object\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.updateNode = function (id, record) {\r\n return methods.update(this, id, record);\r\n };\r\n\r\n /**\r\n * Destroy the tree.\r\n * @method\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n /**\r\n * Expand node from the tree.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @param {boolean} cascade - Expand all children\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Cascade \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.expand = function ($node, cascade) {\r\n return methods.expand(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Collapse node from the tree.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @param {boolean} cascade - Collapse all children\r\n * @return jQuery object\r\n * @example Method.Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Cascade \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.collapse = function ($node, cascade) {\r\n return methods.collapse(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Expand all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.expandAll = function () {\r\n return methods.expandAll(this);\r\n };\r\n\r\n /**\r\n * Collapse all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.collapseAll = function () {\r\n return methods.collapseAll(this);\r\n };\r\n\r\n /**\r\n * Return node data by id of the record.\r\n * @method\r\n * @param {string|number} id - The id of the record that needs to be returned\r\n * @return object\r\n * @example sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getDataById = function (id) {\r\n return methods.getDataById(this, id, this.data('records'));\r\n };\r\n\r\n /**\r\n * Return node data by text.\r\n * @method\r\n * @param {string} text - The text of the record that needs to be returned\r\n * @return object\r\n * @example sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getDataByText = function (text) {\r\n return methods.getDataByText(this, text, this.data('records'));\r\n };\r\n\r\n /**\r\n * Return node by id of the record.\r\n * @method\r\n * @param {string} id - The id of the node that needs to be returned\r\n * @return jQuery object\r\n * @example sample \r\n * \r\n * \r\n */\r\n self.getNodeById = function (id) {\r\n return methods.getNodeById(this.children('ul'), id);\r\n };\r\n\r\n /**\r\n * Return node by text.\r\n * @method\r\n * @param {string} text - The text in the node that needs to be returned\r\n * @return jQuery object\r\n * @example sample \r\n * \r\n * \r\n */\r\n self.getNodeByText = function (text) {\r\n return methods.getNodeByText(this.children('ul'), text);\r\n };\r\n\r\n /**\r\n * Return an array with all records presented in the tree.\r\n * @method\r\n * @return Array\r\n * @example sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getAll = function () {\r\n return this.data('records');\r\n };\r\n\r\n /**\r\n * Select node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @return jQuery Object\r\n * @example Select.Method \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.select = function ($node) {\r\n return methods.select(this, $node);\r\n };\r\n\r\n /**\r\n * Unselect node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @return jQuery Object\r\n * @example UnSelect.Method \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.unselect = function ($node) {\r\n return methods.unselect(this, $node);\r\n };\r\n\r\n /**\r\n * Select all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.selectAll = function () {\r\n return methods.selectAll(this);\r\n };\r\n\r\n /**\r\n * Unselect all tree nodes\r\n * @method\r\n * @return jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.unselectAll = function () {\r\n return methods.unselectAll(this);\r\n };\r\n\r\n /**\r\n * Return an array with the ids of the selected nodes.\r\n * @method\r\n * @return array\r\n * @example Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.getSelections = function () {\r\n return methods.getSelections(this.children('ul'));\r\n };\r\n\r\n /**\r\n * Return an array with the ids of all children.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @param {Boolean} cascade - Include all nested children. Set to true by default.\r\n * @return array\r\n * @example Cascade.True \r\n * \r\n * \r\n * @example Cascade.False \r\n * \r\n * \r\n */\r\n self.getChildren = function ($node, cascade) {\r\n return methods.getChildren(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Return an array with the names of all parents.\r\n * @method\r\n * @param {String} id - The id of the target node\r\n * @return array\r\n * @example sample \r\n * Location: \r\n * \r\n * \r\n */\r\n self.parents = function (id) {\r\n var parents = [], data = this.data();\r\n methods.pathFinder(data, data.records, id, parents);\r\n return parents.reverse();\r\n };\r\n\r\n /**\r\n * Enable node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @param {Boolean} cascade - Enable all children. Set to true by default.\r\n * @return jQuery Object\r\n * @example Material.Design \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.enable = function ($node, cascade) {\r\n return methods.enableNode(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Enable all nodes from the tree.\r\n * @method\r\n * @return jQuery Object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.enableAll = function () {\r\n return methods.enableAll(this);\r\n };\r\n\r\n /**\r\n * Disable node from the tree.\r\n * @method\r\n * @param {Object} node - The node as jquery object.\r\n * @param {Boolean} cascade - Disable all children. Set to true by default.\r\n * @return jQuery Object\r\n * @example Sample \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.disable = function ($node, cascade) {\r\n return methods.disableNode(this, $node, cascade);\r\n };\r\n\r\n /**\r\n * Disable all nodes from the tree.\r\n * @method\r\n * @return jQuery Object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.disableAll = function () {\r\n return methods.disableAll(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('tree' !== $element.attr('data-type')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.tree.widget.prototype = new gj.widget();\r\ngj.tree.widget.constructor = gj.tree.widget;\r\n\r\n(function ($) {\r\n $.fn.tree = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.tree.widget(this, method);\r\n } else {\r\n $widget = new gj.tree.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/** \r\n * @widget Tree \r\n * @plugin Checkboxes\r\n */\r\ngj.tree.plugins.checkboxes = {\r\n config: {\r\n base: {\r\n /** Add checkbox for each node, if set to true.\r\n * @type Boolean\r\n * @default undefined\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n checkboxes: undefined,\r\n\r\n /** Name of the source field, that indicates if the checkbox is checked.\r\n * @type string\r\n * @default 'checked'\r\n * @example Custom.Name \r\n * \r\n * \r\n */\r\n checkedField: 'checked',\r\n\r\n /** This setting enable cascade check and uncheck of children\r\n * @type boolean\r\n * @default true\r\n * @example False.Remote.DataSource \r\n * \r\n * \r\n * @example False.Local.DataSource \r\n * \r\n * \r\n * @example True \r\n * \r\n * \r\n */\r\n cascadeCheck: true,\r\n }\r\n },\r\n\r\n private: {\r\n dataBound: function ($tree) {\r\n var $nodes;\r\n if ($tree.data('cascadeCheck')) {\r\n $nodes = $tree.find('li[data-role=\"node\"]');\r\n $.each($nodes, function () {\r\n var $node = $(this),\r\n state = $node.find('[data-role=\"checkbox\"] input[type=\"checkbox\"]').checkbox('state');\r\n if (state === 'checked') {\r\n gj.tree.plugins.checkboxes.private.updateChildrenState($node, state);\r\n gj.tree.plugins.checkboxes.private.updateParentState($node, state);\r\n }\r\n });\r\n }\r\n },\r\n\r\n nodeDataBound: function ($tree, $node, id, record) {\r\n var data, $expander, $checkbox, $wrapper, disabled;\r\n\r\n if ($node.find('> [data-role=\"wrapper\"] > [data-role=\"checkbox\"]').length === 0) {\r\n data = $tree.data();\r\n $expander = $node.find('> [data-role=\"wrapper\"] > [data-role=\"expander\"]');\r\n $checkbox = $('');\r\n $wrapper = $('').append($checkbox);\r\n disabled = typeof (record[data.disabledField]) !== 'undefined' && record[data.disabledField].toString().toLowerCase() === 'true';\r\n\r\n $checkbox = $checkbox.checkbox({\r\n uiLibrary: data.uiLibrary,\r\n iconsLibrary: data.iconsLibrary,\r\n change: function (e, state) {\r\n gj.tree.plugins.checkboxes.events.checkboxChange($tree, $node, record, $checkbox.state());\r\n }\r\n });\r\n disabled && $checkbox.prop('disabled', true);\r\n record[data.checkedField] && $checkbox.state('checked');\r\n $checkbox.on('click', function (e) {\r\n var $node = $checkbox.closest('li'),\r\n state = $checkbox.state();\r\n if (data.cascadeCheck) {\r\n gj.tree.plugins.checkboxes.private.updateChildrenState($node, state);\r\n gj.tree.plugins.checkboxes.private.updateParentState($node, state);\r\n }\r\n });\r\n $expander.after($wrapper);\r\n }\r\n },\r\n\r\n updateParentState: function ($node, state) {\r\n var $parentNode, $parentCheckbox, $siblingCheckboxes, allChecked, allUnchecked, parentState;\r\n\r\n $parentNode = $node.parent('ul').parent('li');\r\n if ($parentNode.length === 1) {\r\n $parentCheckbox = $node.parent('ul').parent('li').find('> [data-role=\"wrapper\"] > [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $siblingCheckboxes = $node.siblings().find('> [data-role=\"wrapper\"] > span[data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n allChecked = (state === 'checked');\r\n allUnchecked = (state === 'unchecked');\r\n parentState = 'indeterminate';\r\n $.each($siblingCheckboxes, function () {\r\n var state = $(this).checkbox('state');\r\n if (allChecked && state !== 'checked') {\r\n allChecked = false;\r\n }\r\n if (allUnchecked && state !== 'unchecked') {\r\n allUnchecked = false;\r\n }\r\n });\r\n if (allChecked && !allUnchecked) {\r\n parentState = 'checked';\r\n }\r\n if (!allChecked && allUnchecked) {\r\n parentState = 'unchecked';\r\n }\r\n $parentCheckbox.checkbox('state', parentState);\r\n gj.tree.plugins.checkboxes.private.updateParentState($parentNode, $parentCheckbox.checkbox('state'));\r\n }\r\n },\r\n\r\n updateChildrenState: function ($node, state) {\r\n var $childrenCheckboxes = $node.find('ul li [data-role=\"wrapper\"] [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n if ($childrenCheckboxes.length > 0) {\r\n $.each($childrenCheckboxes, function () {\r\n $(this).checkbox('state', state);\r\n });\r\n }\r\n },\r\n\r\n update: function ($tree, $node, state) {\r\n var checkbox = $node.find('[data-role=\"checkbox\"] input[type=\"checkbox\"]').first();\r\n $(checkbox).checkbox('state', state);\r\n if ($tree.data().cascadeCheck) {\r\n gj.tree.plugins.checkboxes.private.updateChildrenState($node, state);\r\n gj.tree.plugins.checkboxes.private.updateParentState($node, state);\r\n }\r\n }\r\n },\r\n\r\n public: {\r\n\r\n /** Get ids of all checked nodes\r\n * @method\r\n * @return Array\r\n * @example Base.Theme \r\n * \r\n * \r\n * \r\n */\r\n getCheckedNodes: function () {\r\n var result = [],\r\n checkboxes = this.find('li [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $.each(checkboxes, function () {\r\n var checkbox = $(this);\r\n if (checkbox.checkbox('state') === 'checked') {\r\n result.push(checkbox.closest('li').data('id'));\r\n }\r\n });\r\n return result;\r\n },\r\n\r\n /**\r\n * Check all tree nodes\r\n * @method\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n checkAll: function () {\r\n var $checkboxes = this.find('li [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $.each($checkboxes, function () {\r\n $(this).checkbox('state', 'checked');\r\n });\r\n return this;\r\n },\r\n\r\n /**\r\n * Uncheck all tree nodes\r\n * @method\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n uncheckAll: function () {\r\n var $checkboxes = this.find('li [data-role=\"checkbox\"] input[type=\"checkbox\"]');\r\n $.each($checkboxes, function () {\r\n $(this).checkbox('state', 'unchecked');\r\n });\r\n return this;\r\n },\r\n\r\n /**\r\n * Check tree node.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n check: function ($node) {\r\n gj.tree.plugins.checkboxes.private.update(this, $node, 'checked');\r\n return this;\r\n },\r\n\r\n /**\r\n * Uncheck tree node.\r\n * @method\r\n * @param {object} node - The node as jQuery object\r\n * @return tree as jQuery object\r\n * @example Sample \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n uncheck: function ($node) {\r\n gj.tree.plugins.checkboxes.private.update(this, $node, 'unchecked');\r\n return this;\r\n }\r\n },\r\n\r\n events: {\r\n /**\r\n * Event fires when the checkbox state is changed.\r\n * @event checkboxChange\r\n * @param {object} e - event data\r\n * @param {object} $node - the node object as jQuery element\r\n * @param {object} record - the record data\r\n * @param {string} state - the new state of the checkbox\r\n * @example Event.Sample \r\n * \r\n * \r\n */\r\n checkboxChange: function ($tree, $node, record, state) {\r\n return $tree.triggerHandler('checkboxChange', [$node, record, state]);\r\n }\r\n },\r\n\r\n configure: function ($tree) {\r\n if ($tree.data('checkboxes') && gj.checkbox) {\r\n $.extend(true, $tree, gj.tree.plugins.checkboxes.public);\r\n $tree.on('nodeDataBound', function (e, $node, id, record) {\r\n gj.tree.plugins.checkboxes.private.nodeDataBound($tree, $node, id, record);\r\n });\r\n $tree.on('dataBound', function () {\r\n gj.tree.plugins.checkboxes.private.dataBound($tree);\r\n });\r\n $tree.on('enable', function (e, $node) {\r\n $node.find('>[data-role=\"wrapper\"]>[data-role=\"checkbox\"] input[type=\"checkbox\"]').prop('disabled', false);\r\n });\r\n $tree.on('disable', function (e, $node) {\r\n $node.find('>[data-role=\"wrapper\"]>[data-role=\"checkbox\"] input[type=\"checkbox\"]').prop('disabled', true);\r\n });\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * @widget Tree\r\n * @plugin DragAndDrop\r\n */\r\ngj.tree.plugins.dragAndDrop = {\r\n\tconfig: {\r\n\t\tbase: {\r\n\t\t\t/** Enables drag and drop functionality for each node.\r\n * @type Boolean\r\n * @default undefined\r\n * @example Material.Design \r\n *
Drag and Drop Tree Nodes
\r\n * \r\n * \r\n * @example Bootstrap.3 \r\n *\r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n * Drag and Drop Tree Nodes
\r\n * \r\n *\r\n *
\r\n * \r\n */\r\n\t\t\tdragAndDrop: undefined,\r\n\r\n\t\t\tstyle: {\r\n\t\t\t dragEl: 'gj-tree-drag-el gj-tree-md-drag-el',\r\n dropAsChildIcon: 'gj-cursor-pointer gj-icon plus',\r\n\t\t\t dropAbove: 'gj-tree-drop-above',\r\n\t\t\t dropBelow: 'gj-tree-drop-below'\r\n\t\t\t}\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n dragEl: 'gj-tree-drag-el gj-tree-bootstrap-drag-el',\r\n dropAsChildIcon: 'glyphicon glyphicon-plus',\r\n dropAbove: 'drop-above',\r\n dropBelow: 'drop-below'\r\n }\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n dragEl: 'gj-tree-drag-el gj-tree-bootstrap-drag-el',\r\n dropAsChildIcon: 'gj-cursor-pointer gj-icon plus',\r\n dropAbove: 'drop-above',\r\n dropBelow: 'drop-below'\r\n }\r\n }\r\n\t},\r\n\r\n\tprivate: {\r\n\t nodeDataBound: function ($tree, $node) {\r\n\t var $wrapper = $node.children('[data-role=\"wrapper\"]'),\r\n \t $display = $node.find('>[data-role=\"wrapper\"]>[data-role=\"display\"]');\r\n if ($wrapper.length && $display.length) {\r\n $display.on('mousedown', gj.tree.plugins.dragAndDrop.private.createNodeMouseDownHandler($tree));\r\n $display.on('mousemove', gj.tree.plugins.dragAndDrop.private.createNodeMouseMoveHandler($tree, $node, $display));\r\n $display.on('mouseup', gj.tree.plugins.dragAndDrop.private.createNodeMouseUpHandler($tree));\r\n\t\t }\r\n },\r\n\r\n createNodeMouseDownHandler: function ($tree) {\r\n return function (e) {\r\n $tree.data('dragReady', true);\r\n }\r\n },\r\n\r\n createNodeMouseUpHandler: function ($tree) {\r\n return function (e) {\r\n $tree.data('dragReady', false);\r\n }\r\n },\r\n\r\n\t createNodeMouseMoveHandler: function ($tree, $node, $display) {\r\n return function (e) {\r\n if ($tree.data('dragReady')) {\r\n var data = $tree.data(), $dragEl, $wrapper, offsetTop, offsetLeft;\r\n\r\n $tree.data('dragReady', false);\r\n $dragEl = $display.clone().wrap('Drag and Drop Tree Nodes
\r\n * \r\n *').closest('div')\r\n .wrap('').closest('li')\r\n .wrap('
\r\n * \r\n * \r\n * \r\n * \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Bootstrap.4.FontAwesome \r\n *
\r\n * \r\n * \r\n */\r\n self.toggle = function () {\r\n return methods.toggle(this);\r\n };\r\n\r\n /** Return state or set state if you pass parameter.\r\n * @method\r\n * @fires change\r\n * @param {string} value - State of the checkbox. Accept only checked, unchecked or indeterminate as values.\r\n * @return checked|unchecked|indeterminate|checkbox as jquery object\r\n * @example sample \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.state = function (value) {\r\n return methods.state(this, value);\r\n };\r\n\r\n /** Remove checkbox functionality from the element.\r\n * @method\r\n * @return checkbox as jquery object\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-checkbox')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.checkbox.widget.prototype = new gj.widget();\r\ngj.checkbox.widget.constructor = gj.checkbox.widget;\r\n\r\n(function ($) {\r\n $.fn.checkbox = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.checkbox.widget(this, method);\r\n } else {\r\n $widget = new gj.checkbox.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery */\r\n/** \r\n * @widget Editor\r\n * @plugin Base\r\n */\r\ngj.editor = {\r\n plugins: {},\r\n messages: {}\r\n};\r\n\r\ngj.editor.config = {\r\n base: {\r\n\r\n /** The height of the editor. Numeric values are treated as pixels.\r\n * @type number|string\r\n * @default 300\r\n * @example sample \r\n * \r\n * \r\n */\r\n height: 300,\r\n\r\n /** The width of the editor. Numeric values are treated as pixels.\r\n * @type number|string\r\n * @default undefined\r\n * @example JS \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The name of the UI library that is going to be in use. Currently we support only Material Design and Bootstrap. \r\n * @additionalinfo The css files for Bootstrap should be manually included to the page if you use bootstrap as uiLibrary.\r\n * @type string (materialdesign|bootstrap|bootstrap4)\r\n * @default 'materialdesign'\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons and Font Awesome.\r\n * @additionalinfo If you use Bootstrap as uiLibrary, then the iconsLibrary is set to font awesome by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons or Font Awesome should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome)\r\n * @default 'materialicons'\r\n * @example Bootstrap.4.FontAwesome \r\n * \r\n * \r\n * @example Bootstrap.3.FontAwesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example French \r\n * \r\n *
\r\n *
\r\n * \r\n * \r\n */\r\n self.content = function (html) {\r\n return methods.content(this, html);\r\n };\r\n\r\n /** Remove editor functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n *
\r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-editor')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.editor.widget.prototype = new gj.widget();\r\ngj.editor.widget.constructor = gj.editor.widget;\r\n\r\n(function ($) {\r\n $.fn.editor = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.editor.widget(this, method);\r\n } else {\r\n $widget = new gj.editor.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\ngj.editor.messages['en-us'] = {\r\n bold: 'Bold',\r\n italic: 'Italic',\r\n strikethrough: 'Strikethrough',\r\n underline: 'Underline',\r\n listBulleted: 'List Bulleted',\r\n listNumbered: 'List Numbered',\r\n indentDecrease: 'Indent Decrease',\r\n indentIncrease: 'Indent Increase',\r\n alignLeft: 'Align Left',\r\n alignCenter: 'Align Center',\r\n alignRight: 'Align Right',\r\n alignJustify: 'Align Justify',\r\n undo: 'Undo',\r\n redo: 'Redo'\r\n};\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget DropDown\r\n * @plugin Base\r\n */\r\ngj.dropdown = {\r\n plugins: {}\r\n};\r\n\r\ngj.dropdown.config = {\r\n base: {\r\n\r\n /** The data source of dropdown.\r\n * @additionalinfo If set to string, then the dropdown is going to use this string as a url for ajax requests to the server.
\r\n * If set to object, then the dropdown is going to use this object as settings for the jquery ajax function.
\r\n * If set to array, then the dropdown is going to use the array as data for dropdown nodes.\r\n * @type (string|object|array)\r\n * @default undefined\r\n * @example Local.DataSource \r\n * \r\n * \r\n * @example Remote.DataSource \r\n * \r\n * \r\n */\r\n dataSource: undefined,\r\n\r\n /** Text field name.\r\n * @type string\r\n * @default 'text'\r\n * @example sample \r\n * \r\n * \r\n */\r\n textField: 'text',\r\n\r\n /** Value field name.\r\n * @type string\r\n * @default 'value'\r\n * @example sample \r\n * \r\n * \r\n */\r\n valueField: 'value',\r\n\r\n /** Selected field name.\r\n * @type string\r\n * @default 'selected'\r\n * @example sample \r\n * \r\n * \r\n */\r\n selectedField: 'selected',\r\n\r\n /** The width of the dropdown.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n * @example 100.Percent \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The maximum height of the dropdown list. When set to auto adjust to the screen height.\r\n * @type Number|'auto'\r\n * @default 'auto'\r\n * @example Auto \r\n *
\r\n * \r\n * \r\n * @example Bootstrap \r\n *
\r\n * \r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n * \r\n */\r\n placeholder: undefined,\r\n\r\n fontSize: undefined,\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Bootstrap.Material.Icons \r\n * \r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n icons: {\r\n /** DropDown icon definition.\r\n * @alias icons.dropdown\r\n * @type String\r\n * @default ''\r\n * @example Custom.Material.Icon \r\n * \r\n * \r\n * @example Custom.Glyphicon.Icon \r\n * \r\n * \r\n */\r\n dropdown: '',\r\n\r\n dropup: ''\r\n },\r\n\r\n style: {\r\n wrapper: 'gj-dropdown gj-dropdown-md gj-unselectable',\r\n list: 'gj-list gj-list-md gj-dropdown-list-md',\r\n active: 'gj-list-md-active'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-dropdown gj-dropdown-bootstrap gj-dropdown-bootstrap-3 gj-unselectable',\r\n presenter: 'btn btn-default',\r\n list: 'gj-list gj-list-bootstrap gj-dropdown-list-bootstrap list-group',\r\n item: 'list-group-item',\r\n active: 'active'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-dropdown gj-dropdown-bootstrap gj-dropdown-bootstrap-4 gj-unselectable',\r\n presenter: 'btn btn-outline-secondary',\r\n list: 'gj-list gj-list-bootstrap gj-dropdown-list-bootstrap list-group',\r\n item: 'list-group-item',\r\n active: 'active'\r\n }\r\n },\r\n\r\n materialicons: {\r\n style: {\r\n expander: 'gj-dropdown-expander-mi'\r\n }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n dropdown: '',\r\n dropup: ''\r\n },\r\n style: {\r\n expander: 'gj-dropdown-expander-fa'\r\n }\r\n },\r\n\r\n glyphicons: {\r\n icons: {\r\n dropdown: '',\r\n dropup: ''\r\n },\r\n style: {\r\n expander: 'gj-dropdown-expander-glyphicons'\r\n }\r\n }\r\n};\r\n\r\ngj.dropdown.methods = {\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'dropdown');\r\n this.attr('data-dropdown', 'true');\r\n gj.dropdown.methods.initialize(this);\r\n return this;\r\n },\r\n\r\n getHTMLConfig: function () {\r\n var result = gj.widget.prototype.getHTMLConfig.call(this),\r\n attrs = this[0].attributes;\r\n if (attrs['placeholder']) {\r\n result.placeholder = attrs['placeholder'].value;\r\n }\r\n return result;\r\n },\r\n\r\n initialize: function ($dropdown) {\r\n var $item,\r\n data = $dropdown.data(),\r\n $wrapper = $dropdown.parent('div[role=\"wrapper\"]'),\r\n $display = $(''),\r\n $expander = $('' + data.icons.dropdown + '').addClass(data.style.expander),\r\n $presenter = $('').addClass(data.style.presenter),\r\n $list = $('
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n self.enable = function () {\r\n return methods.enable(this);\r\n };\r\n\r\n self.disable = function () {\r\n return methods.disable(this);\r\n };\r\n\r\n /** Remove dropdown functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-dropdown')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.dropdown.widget.prototype = new gj.widget();\r\ngj.dropdown.widget.constructor = gj.dropdown.widget;\r\n\r\ngj.dropdown.widget.prototype.getHTMLConfig = gj.dropdown.methods.getHTMLConfig;\r\n\r\n(function ($) {\r\n $.fn.dropdown = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.dropdown.widget(this, method);\r\n } else {\r\n $widget = new gj.dropdown.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget DatePicker\r\n * @plugin Base\r\n */\r\ngj.datepicker = {\r\n plugins: {}\r\n};\r\n\r\ngj.datepicker.config = {\r\n base: {\r\n /** Whether to display dates in other months at the start or end of the current month.\r\n * @additionalinfo Set to true by default for Bootstrap.\r\n * @type Boolean\r\n * @default false\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n showOtherMonths: false,\r\n\r\n /** Whether days in other months shown before or after the current month are selectable.\r\n * This only applies if the showOtherMonths option is set to true.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n selectOtherMonths: true,\r\n\r\n /** The width of the datepicker.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The minimum selectable date. When not set, there is no minimum.\r\n * @additionalinfo If the minDate is set by string, then the date in the string needs to follow the format specified by the 'format' configuration option.\r\n * @type Date|String|Function\r\n * @default undefined\r\n * @example Today \r\n * \r\n * \r\n * @example Yesterday \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n minDate: undefined,\r\n\r\n /** The maximum selectable date. When not set, there is no maximum\r\n * @type Date|String|Function\r\n * @default undefined\r\n * @example Today \r\n * \r\n * \r\n * @example Tomorrow \r\n * \r\n * \r\n */\r\n maxDate: undefined,\r\n\r\n /** Specifies the format, which is used to format the value of the DatePicker displayed in the input.\r\n * @additionalinfo d - Day of the month as digits; no leading zero for single-digit days.
\r\n * dd - Day of the month as digits; leading zero for single-digit days.
\r\n * ddd - Day of the week as a three-letter abbreviation.
\r\n * dddd - Day of the week as its full name.
\r\n * m - Month as digits; no leading zero for single-digit months.
\r\n * mm - Month as digits; leading zero for single-digit months.
\r\n * mmm - Month as a three-letter abbreviation.
\r\n * mmmm - Month as its full name.
\r\n * yy - Year as last two digits; leading zero for years less than 10.
\r\n * yyyy - Year represented by four digits.
\r\n * @type String\r\n * @default 'mm/dd/yyyy'\r\n * @example Sample \r\n * \r\n * \r\n * @example Short.Month.Format \r\n * \r\n * \r\n * @example Long.Month.Format \r\n * \r\n * \r\n */\r\n format: 'mm/dd/yyyy',\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4.Material.Icons \r\n * \r\n * \r\n * @example Bootstrap.4.FontAwesome \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Bootstrap.Font.Awesome \r\n * \r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n /** The initial datepicker value.\r\n * @type String\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n /** Day of the week start. 0 (Sunday) to 6 (Saturday)\r\n * @type Number\r\n * @default 0\r\n * @example Monday \r\n * \r\n * \r\n * @example Saturday \r\n * \r\n * \r\n */\r\n weekStartDay: 0,\r\n\r\n /** An array or function that will be used to determine which dates to be disabled for selection by the widget.\r\n * @type Array|Function\r\n * @default undefined\r\n * @example Array \r\n * \r\n * \r\n * @example Function \r\n * \r\n * \r\n */\r\n disableDates: undefined,\r\n\r\n /** An array that will be used to determine which days of week to be disabled for selection by the widget.\r\n * The array needs to contains only numbers where 0 is Sunday, 1 is Monday and etc.\r\n * @type Array\r\n * @default undefined\r\n * @example Saturday.Sunday \r\n * \r\n * \r\n */\r\n disableDaysOfWeek: undefined,\r\n\r\n /** Whether to display week number in year on the left side of the calendar.\r\n * @type Boolean\r\n * @default false\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n calendarWeeks: false,\r\n\r\n /** Whether to enable keyboard navigation.\r\n * @type Boolean\r\n * @default true\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Material.Design.Modal \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n keyboardNavigation: true,\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example German \r\n * \r\n * \r\n * @example Bulgarian \r\n * \r\n * \r\n * @example French \r\n * \r\n * \r\n * @example Brazil \r\n * \r\n * \r\n * @example Russian \r\n * \r\n * \r\n * @example Spanish \r\n * \r\n * \r\n * @example Italian \r\n * \r\n * \r\n * @example Japanise \r\n * \r\n * \r\n * @example Chinise_Simplified \r\n * \r\n * \r\n * @example Chinise_Traditional \r\n * \r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n icons: {\r\n /** datepicker icon definition.\r\n * @alias icons.rightIcon\r\n * @type String\r\n * @default ''\r\n * @example Custom.Material.Icon \r\n * \r\n * \r\n * @example Custom.Glyphicon.Icon \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n rightIcon: 'event',\r\n\r\n previousMonth: '',\r\n nextMonth: ''\r\n },\r\n\r\n fontSize: undefined,\r\n\r\n /** The size of the datepicker input.\r\n * @type 'small'|'default'|'large'\r\n * @default 'default'\r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, this.data(), value);\r\n };\r\n\r\n /** Remove slider functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-slider')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.slider.widget.prototype = new gj.widget();\r\ngj.slider.widget.constructor = gj.slider.widget;\r\n\r\n(function ($) {\r\n $.fn.slider = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.slider.widget(this, method);\r\n } else {\r\n $widget = new gj.slider.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget ColorPicker\r\n * @plugin Base\r\n */\r\ngj.colorpicker = {\r\n plugins: {},\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.colorpicker.config = {\r\n base: {\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial colorpicker value.\r\n * @type number\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n icons: {\r\n rightIcon: 'event'\r\n },\r\n\r\n style: {\r\n modal: 'gj-modal',\r\n wrapper: 'gj-colorpicker gj-colorpicker-md gj-unselectable',\r\n input: 'gj-textbox-md',\r\n picker: 'gj-picker gj-picker-md colorpicker gj-unselectable',\r\n footer: '',\r\n button: 'gj-button-md'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {}\r\n },\r\n\r\n bootstrap4: {\r\n style: {}\r\n }\r\n};\r\n\r\ngj.colorpicker.methods = {\r\n init: function (jsConfig) {\r\n gj.picker.widget.prototype.init.call(this, jsConfig, 'colorpicker');\r\n gj.colorpicker.methods.initialize(this);\r\n return this;\r\n },\r\n\r\n initialize: function ($colorpicker) {\r\n },\r\n\r\n createPicker: function ($input, data) {\r\n var $picker = $('').addClass(data.style.picker).attr('guid', $input.attr('data-guid'));\r\n\r\n $picker.html('test');\r\n\r\n $picker.hide();\r\n $('body').append($picker);\r\n\r\n return $picker;\r\n },\r\n\r\n open: function ($input) {\r\n if ($input.val()) {\r\n $input.value($input.val());\r\n }\r\n return gj.picker.widget.prototype.open.call($input, 'colorpicker');\r\n }\r\n};\r\n\r\ngj.colorpicker.events = {\r\n /**\r\n * Fires when the colorpicker value changes as a result of selecting a new value with the drag handle, buttons or keyboard.\r\n *\r\n * @event change\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n change: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('change');\r\n },\r\n\r\n /**\r\n * Fires as a new color is displayed in the drop-down picker.\r\n * @additionalinfo This is not necessarily the \"final\" value; for example this event triggers when the sliders in the HSV selector are dragged, but then pressing ESC would cancel the selection and the color will revert to the original value.\r\n * @event select\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n select: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('select');\r\n },\r\n\r\n /**\r\n * Fires when the picker popup is opening.\r\n * @event open\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n open: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('open');\r\n },\r\n\r\n /**\r\n * Fires when the picker popup is closing.\r\n * @event close\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n close: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('close');\r\n }\r\n};\r\n\r\ngj.colorpicker.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.colorpicker.methods;\r\n\r\n /** Gets or sets the value of the colorpicker.\r\n * @method\r\n * @param {string} value - The value that needs to be selected.\r\n * @return string\r\n * @example Get \r\n * \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Remove colorpicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return gj.picker.widget.prototype.destroy.call(this, 'colorpicker');\r\n };\r\n\r\n /** Opens the popup element with the color selector.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.open = function () {\r\n return methods.open(this);\r\n };\r\n\r\n /** Close the popup element with the color selector.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return gj.picker.widget.prototype.close.call(this, 'colorpicker');\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-colorpicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.colorpicker.widget.prototype = new gj.picker.widget();\r\ngj.colorpicker.widget.constructor = gj.colorpicker.widget;\r\n\r\n(function ($) {\r\n $.fn.colorpicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.colorpicker.widget(this, method);\r\n } else {\r\n $widget = new gj.colorpicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getBoundPosition = getBoundPosition;\nexports.snapToGrid = snapToGrid;\nexports.canDragX = canDragX;\nexports.canDragY = canDragY;\nexports.getControlPosition = getControlPosition;\nexports.createCoreData = createCoreData;\nexports.createDraggableData = createDraggableData;\n\nvar _shims = require(\"./shims\");\n\nvar _domFns = require(\"./domFns\");\n\nfunction getBoundPosition(draggable\n/*: Draggable*/\n, x\n/*: number*/\n, y\n/*: number*/\n)\n/*: [number, number]*/\n{\n // If no bounds, short-circuit and move on\n if (!draggable.props.bounds) return [x, y]; // Clone new bounds\n\n var bounds = draggable.props.bounds;\n bounds = typeof bounds === 'string' ? bounds : cloneBounds(bounds);\n var node = findDOMNode(draggable);\n\n if (typeof bounds === 'string') {\n var ownerDocument = node.ownerDocument;\n var ownerWindow = ownerDocument.defaultView;\n var boundNode;\n\n if (bounds === 'parent') {\n boundNode = node.parentNode;\n } else {\n boundNode = ownerDocument.querySelector(bounds);\n }\n\n if (!(boundNode instanceof ownerWindow.HTMLElement)) {\n throw new Error('Bounds selector \"' + bounds + '\" could not find an element.');\n }\n\n var nodeStyle = ownerWindow.getComputedStyle(node);\n var boundNodeStyle = ownerWindow.getComputedStyle(boundNode); // Compute bounds. This is a pain with padding and offsets but this gets it exactly right.\n\n bounds = {\n left: -node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingLeft) + (0, _shims.int)(nodeStyle.marginLeft),\n top: -node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingTop) + (0, _shims.int)(nodeStyle.marginTop),\n right: (0, _domFns.innerWidth)(boundNode) - (0, _domFns.outerWidth)(node) - node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingRight) - (0, _shims.int)(nodeStyle.marginRight),\n bottom: (0, _domFns.innerHeight)(boundNode) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)\n };\n } // Keep x and y below right and bottom limits...\n\n\n if ((0, _shims.isNum)(bounds.right)) x = Math.min(x, bounds.right);\n if ((0, _shims.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom); // But above left and top limits.\n\n if ((0, _shims.isNum)(bounds.left)) x = Math.max(x, bounds.left);\n if ((0, _shims.isNum)(bounds.top)) y = Math.max(y, bounds.top);\n return [x, y];\n}\n\nfunction snapToGrid(grid\n/*: [number, number]*/\n, pendingX\n/*: number*/\n, pendingY\n/*: number*/\n)\n/*: [number, number]*/\n{\n var x = Math.round(pendingX / grid[0]) * grid[0];\n var y = Math.round(pendingY / grid[1]) * grid[1];\n return [x, y];\n}\n\nfunction canDragX(draggable\n/*: Draggable*/\n)\n/*: boolean*/\n{\n return draggable.props.axis === 'both' || draggable.props.axis === 'x';\n}\n\nfunction canDragY(draggable\n/*: Draggable*/\n)\n/*: boolean*/\n{\n return draggable.props.axis === 'both' || draggable.props.axis === 'y';\n} // Get {x, y} positions from event.\n\n\nfunction getControlPosition(e\n/*: MouseTouchEvent*/\n, touchIdentifier\n/*: ?number*/\n, draggableCore\n/*: DraggableCore*/\n)\n/*: ?ControlPosition*/\n{\n var touchObj = typeof touchIdentifier === 'number' ? (0, _domFns.getTouch)(e, touchIdentifier) : null;\n if (typeof touchIdentifier === 'number' && !touchObj) return null; // not the right touch\n\n var node = findDOMNode(draggableCore); // User can provide an offsetParent if desired.\n\n var offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;\n return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);\n} // Create an data object exposed by's events\n\n\nfunction createCoreData(draggable\n/*: DraggableCore*/\n, x\n/*: number*/\n, y\n/*: number*/\n)\n/*: DraggableData*/\n{\n var state = draggable.state;\n var isStart = !(0, _shims.isNum)(state.lastX);\n var node = findDOMNode(draggable);\n\n if (isStart) {\n // If this is our first move, use the x and y as last coords.\n return {\n node: node,\n deltaX: 0,\n deltaY: 0,\n lastX: x,\n lastY: y,\n x: x,\n y: y\n };\n } else {\n // Otherwise calculate proper values.\n return {\n node: node,\n deltaX: x - state.lastX,\n deltaY: y - state.lastY,\n lastX: state.lastX,\n lastY: state.lastY,\n x: x,\n y: y\n };\n }\n} // Create an data exposed by 's events\n\n\nfunction createDraggableData(draggable\n/*: Draggable*/\n, coreData\n/*: DraggableData*/\n)\n/*: DraggableData*/\n{\n var scale = draggable.props.scale;\n return {\n node: coreData.node,\n x: draggable.state.x + coreData.deltaX / scale,\n y: draggable.state.y + coreData.deltaY / scale,\n deltaX: coreData.deltaX / scale,\n deltaY: coreData.deltaY / scale,\n lastX: draggable.state.x,\n lastY: draggable.state.y\n };\n} // A lot faster than stringify/parse\n\n\nfunction cloneBounds(bounds\n/*: Bounds*/\n)\n/*: Bounds*/\n{\n return {\n left: bounds.left,\n top: bounds.top,\n right: bounds.right,\n bottom: bounds.bottom\n };\n}\n\nfunction findDOMNode(draggable\n/*: Draggable | DraggableCore*/\n)\n/*: HTMLElement*/\n{\n var node = draggable.findDOMNode();\n\n if (!node) {\n throw new Error(': Unmounted during event!');\n } // $FlowIgnore we can't assert on HTMLElement due to tests... FIXME\n\n\n return node;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = log;\n\n/*eslint no-console:0*/\nfunction log() {\n var _console;\n\n if (undefined) (_console = console).log.apply(_console, arguments);\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _constants = require('./constants');\n\nvar _encoder = require('./encoder');\n\nvar _encoder2 = _interopRequireDefault(_encoder);\n\nvar _Barcode2 = require('../Barcode');\n\nvar _Barcode3 = _interopRequireDefault(_Barcode2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n// Base class for EAN8 & EAN13\nvar EAN = function (_Barcode) {\n\t_inherits(EAN, _Barcode);\n\n\tfunction EAN(data, options) {\n\t\t_classCallCheck(this, EAN);\n\n\t\t// Make sure the font is not bigger than the space between the guard bars\n\t\tvar _this = _possibleConstructorReturn(this, (EAN.__proto__ || Object.getPrototypeOf(EAN)).call(this, data, options));\n\n\t\t_this.fontSize = !options.flat && options.fontSize > options.width * 10 ? options.width * 10 : options.fontSize;\n\n\t\t// Make the guard bars go down half the way of the text\n\t\t_this.guardHeight = options.height + _this.fontSize / 2 + options.textMargin;\n\t\treturn _this;\n\t}\n\n\t_createClass(EAN, [{\n\t\tkey: 'encode',\n\t\tvalue: function encode() {\n\t\t\treturn this.options.flat ? this.encodeFlat() : this.encodeGuarded();\n\t\t}\n\t}, {\n\t\tkey: 'leftText',\n\t\tvalue: function leftText(from, to) {\n\t\t\treturn this.text.substr(from, to);\n\t\t}\n\t}, {\n\t\tkey: 'leftEncode',\n\t\tvalue: function leftEncode(data, structure) {\n\t\t\treturn (0, _encoder2.default)(data, structure);\n\t\t}\n\t}, {\n\t\tkey: 'rightText',\n\t\tvalue: function rightText(from, to) {\n\t\t\treturn this.text.substr(from, to);\n\t\t}\n\t}, {\n\t\tkey: 'rightEncode',\n\t\tvalue: function rightEncode(data, structure) {\n\t\t\treturn (0, _encoder2.default)(data, structure);\n\t\t}\n\t}, {\n\t\tkey: 'encodeGuarded',\n\t\tvalue: function encodeGuarded() {\n\t\t\tvar textOptions = { fontSize: this.fontSize };\n\t\t\tvar guardOptions = { height: this.guardHeight };\n\n\t\t\treturn [{ data: _constants.SIDE_BIN, options: guardOptions }, { data: this.leftEncode(), text: this.leftText(), options: textOptions }, { data: _constants.MIDDLE_BIN, options: guardOptions }, { data: this.rightEncode(), text: this.rightText(), options: textOptions }, { data: _constants.SIDE_BIN, options: guardOptions }];\n\t\t}\n\t}, {\n\t\tkey: 'encodeFlat',\n\t\tvalue: function encodeFlat() {\n\t\t\tvar data = [_constants.SIDE_BIN, this.leftEncode(), _constants.MIDDLE_BIN, this.rightEncode(), _constants.SIDE_BIN];\n\n\t\t\treturn {\n\t\t\t\tdata: data.join(''),\n\t\t\t\ttext: this.text\n\t\t\t};\n\t\t}\n\t}]);\n\n\treturn EAN;\n}(_Barcode3.default);\n\nexports.default = EAN;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nexports.checksum = checksum;\n\nvar _encoder = require(\"./encoder\");\n\nvar _encoder2 = _interopRequireDefault(_encoder);\n\nvar _Barcode2 = require(\"../Barcode.js\");\n\nvar _Barcode3 = _interopRequireDefault(_Barcode2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // Encoding documentation:\n// https://en.wikipedia.org/wiki/Universal_Product_Code#Encoding\n\nvar UPC = function (_Barcode) {\n\t_inherits(UPC, _Barcode);\n\n\tfunction UPC(data, options) {\n\t\t_classCallCheck(this, UPC);\n\n\t\t// Add checksum if it does not exist\n\t\tif (data.search(/^[0-9]{11}$/) !== -1) {\n\t\t\tdata += checksum(data);\n\t\t}\n\n\t\tvar _this = _possibleConstructorReturn(this, (UPC.__proto__ || Object.getPrototypeOf(UPC)).call(this, data, options));\n\n\t\t_this.displayValue = options.displayValue;\n\n\t\t// Make sure the font is not bigger than the space between the guard bars\n\t\tif (options.fontSize > options.width * 10) {\n\t\t\t_this.fontSize = options.width * 10;\n\t\t} else {\n\t\t\t_this.fontSize = options.fontSize;\n\t\t}\n\n\t\t// Make the guard bars go down half the way of the text\n\t\t_this.guardHeight = options.height + _this.fontSize / 2 + options.textMargin;\n\t\treturn _this;\n\t}\n\n\t_createClass(UPC, [{\n\t\tkey: \"valid\",\n\t\tvalue: function valid() {\n\t\t\treturn this.data.search(/^[0-9]{12}$/) !== -1 && this.data[11] == checksum(this.data);\n\t\t}\n\t}, {\n\t\tkey: \"encode\",\n\t\tvalue: function encode() {\n\t\t\tif (this.options.flat) {\n\t\t\t\treturn this.flatEncoding();\n\t\t\t} else {\n\t\t\t\treturn this.guardedEncoding();\n\t\t\t}\n\t\t}\n\t}, {\n\t\tkey: \"flatEncoding\",\n\t\tvalue: function flatEncoding() {\n\t\t\tvar result = \"\";\n\n\t\t\tresult += \"101\";\n\t\t\tresult += (0, _encoder2.default)(this.data.substr(0, 6), \"LLLLLL\");\n\t\t\tresult += \"01010\";\n\t\t\tresult += (0, _encoder2.default)(this.data.substr(6, 6), \"RRRRRR\");\n\t\t\tresult += \"101\";\n\n\t\t\treturn {\n\t\t\t\tdata: result,\n\t\t\t\ttext: this.text\n\t\t\t};\n\t\t}\n\t}, {\n\t\tkey: \"guardedEncoding\",\n\t\tvalue: function guardedEncoding() {\n\t\t\tvar result = [];\n\n\t\t\t// Add the first digit\n\t\t\tif (this.displayValue) {\n\t\t\t\tresult.push({\n\t\t\t\t\tdata: \"00000000\",\n\t\t\t\t\ttext: this.text.substr(0, 1),\n\t\t\t\t\toptions: { textAlign: \"left\", fontSize: this.fontSize }\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Add the guard bars\n\t\t\tresult.push({\n\t\t\t\tdata: \"101\" + (0, _encoder2.default)(this.data[0], \"L\"),\n\t\t\t\toptions: { height: this.guardHeight }\n\t\t\t});\n\n\t\t\t// Add the left side\n\t\t\tresult.push({\n\t\t\t\tdata: (0, _encoder2.default)(this.data.substr(1, 5), \"LLLLL\"),\n\t\t\t\ttext: this.text.substr(1, 5),\n\t\t\t\toptions: { fontSize: this.fontSize }\n\t\t\t});\n\n\t\t\t// Add the middle bits\n\t\t\tresult.push({\n\t\t\t\tdata: \"01010\",\n\t\t\t\toptions: { height: this.guardHeight }\n\t\t\t});\n\n\t\t\t// Add the right side\n\t\t\tresult.push({\n\t\t\t\tdata: (0, _encoder2.default)(this.data.substr(6, 5), \"RRRRR\"),\n\t\t\t\ttext: this.text.substr(6, 5),\n\t\t\t\toptions: { fontSize: this.fontSize }\n\t\t\t});\n\n\t\t\t// Add the end bits\n\t\t\tresult.push({\n\t\t\t\tdata: (0, _encoder2.default)(this.data[11], \"R\") + \"101\",\n\t\t\t\toptions: { height: this.guardHeight }\n\t\t\t});\n\n\t\t\t// Add the last digit\n\t\t\tif (this.displayValue) {\n\t\t\t\tresult.push({\n\t\t\t\t\tdata: \"00000000\",\n\t\t\t\t\ttext: this.text.substr(11, 1),\n\t\t\t\t\toptions: { textAlign: \"right\", fontSize: this.fontSize }\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn result;\n\t\t}\n\t}]);\n\n\treturn UPC;\n}(_Barcode3.default);\n\n// Calulate the checksum digit\n// https://en.wikipedia.org/wiki/International_Article_Number_(EAN)#Calculation_of_checksum_digit\n\n\nfunction checksum(number) {\n\tvar result = 0;\n\n\tvar i;\n\tfor (i = 1; i < 11; i += 2) {\n\t\tresult += parseInt(number[i]);\n\t}\n\tfor (i = 0; i < 11; i += 2) {\n\t\tresult += parseInt(number[i]) * 3;\n\t}\n\n\treturn (10 - result % 10) % 10;\n}\n\nexports.default = UPC;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _constants = require('./constants');\n\nvar _Barcode2 = require('../Barcode');\n\nvar _Barcode3 = _interopRequireDefault(_Barcode2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ITF = function (_Barcode) {\n\t_inherits(ITF, _Barcode);\n\n\tfunction ITF() {\n\t\t_classCallCheck(this, ITF);\n\n\t\treturn _possibleConstructorReturn(this, (ITF.__proto__ || Object.getPrototypeOf(ITF)).apply(this, arguments));\n\t}\n\n\t_createClass(ITF, [{\n\t\tkey: 'valid',\n\t\tvalue: function valid() {\n\t\t\treturn this.data.search(/^([0-9]{2})+$/) !== -1;\n\t\t}\n\t}, {\n\t\tkey: 'encode',\n\t\tvalue: function encode() {\n\t\t\tvar _this2 = this;\n\n\t\t\t// Calculate all the digit pairs\n\t\t\tvar encoded = this.data.match(/.{2}/g).map(function (pair) {\n\t\t\t\treturn _this2.encodePair(pair);\n\t\t\t}).join('');\n\n\t\t\treturn {\n\t\t\t\tdata: _constants.START_BIN + encoded + _constants.END_BIN,\n\t\t\t\ttext: this.text\n\t\t\t};\n\t\t}\n\n\t\t// Calculate the data of a number pair\n\n\t}, {\n\t\tkey: 'encodePair',\n\t\tvalue: function encodePair(pair) {\n\t\t\tvar second = _constants.BINARIES[pair[1]];\n\n\t\t\treturn _constants.BINARIES[pair[0]].split('').map(function (first, idx) {\n\t\t\t\treturn (first === '1' ? '111' : '1') + (second[idx] === '1' ? '000' : '0');\n\t\t\t}).join('');\n\t\t}\n\t}]);\n\n\treturn ITF;\n}(_Barcode3.default);\n\nexports.default = ITF;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\nexports.default = optionsFromStrings;\n\n// Convert string to integers/booleans where it should be\n\nfunction optionsFromStrings(options) {\n\tvar intOptions = [\"width\", \"height\", \"textMargin\", \"fontSize\", \"margin\", \"marginTop\", \"marginBottom\", \"marginLeft\", \"marginRight\"];\n\n\tfor (var intOption in intOptions) {\n\t\tif (intOptions.hasOwnProperty(intOption)) {\n\t\t\tintOption = intOptions[intOption];\n\t\t\tif (typeof options[intOption] === \"string\") {\n\t\t\t\toptions[intOption] = parseInt(options[intOption], 10);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (typeof options[\"displayValue\"] === \"string\") {\n\t\toptions[\"displayValue\"] = options[\"displayValue\"] != \"false\";\n\t}\n\n\treturn options;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\nvar defaults = {\n\twidth: 2,\n\theight: 100,\n\tformat: \"auto\",\n\tdisplayValue: true,\n\tfontOptions: \"\",\n\tfont: \"monospace\",\n\ttext: undefined,\n\ttextAlign: \"center\",\n\ttextPosition: \"bottom\",\n\ttextMargin: 2,\n\tfontSize: 20,\n\tbackground: \"#ffffff\",\n\tlineColor: \"#000000\",\n\tmargin: 10,\n\tmarginTop: undefined,\n\tmarginBottom: undefined,\n\tmarginLeft: undefined,\n\tmarginRight: undefined,\n\tvalid: function valid() {}\n};\n\nexports.default = defaults;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\nexports.getTotalWidthOfEncodings = exports.calculateEncodingAttributes = exports.getBarcodePadding = exports.getEncodingHeight = exports.getMaximumHeightOfEncodings = undefined;\n\nvar _merge = require(\"../help/merge.js\");\n\nvar _merge2 = _interopRequireDefault(_merge);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction getEncodingHeight(encoding, options) {\n\treturn options.height + (options.displayValue && encoding.text.length > 0 ? options.fontSize + options.textMargin : 0) + options.marginTop + options.marginBottom;\n}\n\nfunction getBarcodePadding(textWidth, barcodeWidth, options) {\n\tif (options.displayValue && barcodeWidth < textWidth) {\n\t\tif (options.textAlign == \"center\") {\n\t\t\treturn Math.floor((textWidth - barcodeWidth) / 2);\n\t\t} else if (options.textAlign == \"left\") {\n\t\t\treturn 0;\n\t\t} else if (options.textAlign == \"right\") {\n\t\t\treturn Math.floor(textWidth - barcodeWidth);\n\t\t}\n\t}\n\treturn 0;\n}\n\nfunction calculateEncodingAttributes(encodings, barcodeOptions, context) {\n\tfor (var i = 0; i < encodings.length; i++) {\n\t\tvar encoding = encodings[i];\n\t\tvar options = (0, _merge2.default)(barcodeOptions, encoding.options);\n\n\t\t// Calculate the width of the encoding\n\t\tvar textWidth;\n\t\tif (options.displayValue) {\n\t\t\ttextWidth = messureText(encoding.text, options, context);\n\t\t} else {\n\t\t\ttextWidth = 0;\n\t\t}\n\n\t\tvar barcodeWidth = encoding.data.length * options.width;\n\t\tencoding.width = Math.ceil(Math.max(textWidth, barcodeWidth));\n\n\t\tencoding.height = getEncodingHeight(encoding, options);\n\n\t\tencoding.barcodePadding = getBarcodePadding(textWidth, barcodeWidth, options);\n\t}\n}\n\nfunction getTotalWidthOfEncodings(encodings) {\n\tvar totalWidth = 0;\n\tfor (var i = 0; i < encodings.length; i++) {\n\t\ttotalWidth += encodings[i].width;\n\t}\n\treturn totalWidth;\n}\n\nfunction getMaximumHeightOfEncodings(encodings) {\n\tvar maxHeight = 0;\n\tfor (var i = 0; i < encodings.length; i++) {\n\t\tif (encodings[i].height > maxHeight) {\n\t\t\tmaxHeight = encodings[i].height;\n\t\t}\n\t}\n\treturn maxHeight;\n}\n\nfunction messureText(string, options, context) {\n\tvar ctx;\n\n\tif (context) {\n\t\tctx = context;\n\t} else if (typeof document !== \"undefined\") {\n\t\tctx = document.createElement(\"canvas\").getContext(\"2d\");\n\t} else {\n\t\t// If the text cannot be messured we will return 0.\n\t\t// This will make some barcode with big text render incorrectly\n\t\treturn 0;\n\t}\n\tctx.font = options.fontOptions + \" \" + options.fontSize + \"px \" + options.font;\n\n\t// Calculate the width of the encoding\n\tvar measureTextResult = ctx.measureText(string);\n\tif (!measureTextResult) {\n\t\t// Some implementations don't implement measureText and return undefined.\n\t\t// If the text cannot be measured we will return 0.\n\t\t// This will make some barcode with big text render incorrectly\n\t\treturn 0;\n\t}\n\tvar size = measureTextResult.width;\n\treturn size;\n}\n\nexports.getMaximumHeightOfEncodings = getMaximumHeightOfEncodings;\nexports.getEncodingHeight = getEncodingHeight;\nexports.getBarcodePadding = getBarcodePadding;\nexports.calculateEncodingAttributes = calculateEncodingAttributes;\nexports.getTotalWidthOfEncodings = getTotalWidthOfEncodings;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InvalidInputException = function (_Error) {\n\t_inherits(InvalidInputException, _Error);\n\n\tfunction InvalidInputException(symbology, input) {\n\t\t_classCallCheck(this, InvalidInputException);\n\n\t\tvar _this = _possibleConstructorReturn(this, (InvalidInputException.__proto__ || Object.getPrototypeOf(InvalidInputException)).call(this));\n\n\t\t_this.name = \"InvalidInputException\";\n\n\t\t_this.symbology = symbology;\n\t\t_this.input = input;\n\n\t\t_this.message = '\"' + _this.input + '\" is not a valid input for ' + _this.symbology;\n\t\treturn _this;\n\t}\n\n\treturn InvalidInputException;\n}(Error);\n\nvar InvalidElementException = function (_Error2) {\n\t_inherits(InvalidElementException, _Error2);\n\n\tfunction InvalidElementException() {\n\t\t_classCallCheck(this, InvalidElementException);\n\n\t\tvar _this2 = _possibleConstructorReturn(this, (InvalidElementException.__proto__ || Object.getPrototypeOf(InvalidElementException)).call(this));\n\n\t\t_this2.name = \"InvalidElementException\";\n\t\t_this2.message = \"Not supported type to render on\";\n\t\treturn _this2;\n\t}\n\n\treturn InvalidElementException;\n}(Error);\n\nvar NoElementException = function (_Error3) {\n\t_inherits(NoElementException, _Error3);\n\n\tfunction NoElementException() {\n\t\t_classCallCheck(this, NoElementException);\n\n\t\tvar _this3 = _possibleConstructorReturn(this, (NoElementException.__proto__ || Object.getPrototypeOf(NoElementException)).call(this));\n\n\t\t_this3.name = \"NoElementException\";\n\t\t_this3.message = \"No element to render on.\";\n\t\treturn _this3;\n\t}\n\n\treturn NoElementException;\n}(Error);\n\nexports.InvalidInputException = InvalidInputException;\nexports.InvalidElementException = InvalidElementException;\nexports.NoElementException = NoElementException;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = buildMatchMemberExpression;\n\nvar _matchesPattern = _interopRequireDefault(require(\"./matchesPattern\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction buildMatchMemberExpression(match, allowPartial) {\n const parts = match.split(\".\");\n return member => (0, _matchesPattern.default)(member, parts, allowPartial);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = matchesPattern;\n\nvar _generated = require(\"./generated\");\n\nfunction matchesPattern(member, match, allowPartial) {\n if (!(0, _generated.isMemberExpression)(member)) return false;\n const parts = Array.isArray(match) ? match : match.split(\".\");\n const nodes = [];\n let node;\n\n for (node = member; (0, _generated.isMemberExpression)(node); node = node.object) {\n nodes.push(node.property);\n }\n\n nodes.push(node);\n if (nodes.length < parts.length) return false;\n if (!allowPartial && nodes.length > parts.length) return false;\n\n for (let i = 0, j = nodes.length - 1; i < parts.length; i++, j--) {\n const node = nodes[j];\n let value;\n\n if ((0, _generated.isIdentifier)(node)) {\n value = node.name;\n } else if ((0, _generated.isStringLiteral)(node)) {\n value = node.value;\n } else {\n return false;\n }\n\n if (parts[i] !== value) return false;\n }\n\n return true;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = isPlaceholderType;\n\nvar _definitions = require(\"../definitions\");\n\nfunction isPlaceholderType(placeholderType, targetType) {\n if (placeholderType === targetType) return true;\n const aliases = _definitions.PLACEHOLDERS_ALIAS[placeholderType];\n\n if (aliases) {\n for (const alias of aliases) {\n if (targetType === alias) return true;\n }\n }\n\n return false;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.PLACEHOLDERS_FLIPPED_ALIAS = exports.PLACEHOLDERS_ALIAS = exports.PLACEHOLDERS = void 0;\n\nvar _utils = require(\"./utils\");\n\nconst PLACEHOLDERS = [\"Identifier\", \"StringLiteral\", \"Expression\", \"Statement\", \"Declaration\", \"BlockStatement\", \"ClassBody\", \"Pattern\"];\nexports.PLACEHOLDERS = PLACEHOLDERS;\nconst PLACEHOLDERS_ALIAS = {\n Declaration: [\"Statement\"],\n Pattern: [\"PatternLike\", \"LVal\"]\n};\nexports.PLACEHOLDERS_ALIAS = PLACEHOLDERS_ALIAS;\n\nfor (const type of PLACEHOLDERS) {\n const alias = _utils.ALIAS_KEYS[type];\n if (alias == null ? void 0 : alias.length) PLACEHOLDERS_ALIAS[type] = alias;\n}\n\nconst PLACEHOLDERS_FLIPPED_ALIAS = {};\nexports.PLACEHOLDERS_FLIPPED_ALIAS = PLACEHOLDERS_FLIPPED_ALIAS;\nObject.keys(PLACEHOLDERS_ALIAS).forEach(type => {\n PLACEHOLDERS_ALIAS[type].forEach(alias => {\n if (!Object.hasOwnProperty.call(PLACEHOLDERS_FLIPPED_ALIAS, alias)) {\n PLACEHOLDERS_FLIPPED_ALIAS[alias] = [];\n }\n\n PLACEHOLDERS_FLIPPED_ALIAS[alias].push(type);\n });\n});","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = isNode;\n\nvar _definitions = require(\"../definitions\");\n\nfunction isNode(node) {\n return !!(node && _definitions.VISITOR_KEYS[node.type]);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = removeTypeDuplicates;\n\nvar _generated = require(\"../../validators/generated\");\n\nfunction getQualifiedName(node) {\n return (0, _generated.isIdentifier)(node) ? node.name : `${node.id.name}.${getQualifiedName(node.qualification)}`;\n}\n\nfunction removeTypeDuplicates(nodes) {\n const generics = {};\n const bases = {};\n const typeGroups = [];\n const types = [];\n\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i];\n if (!node) continue;\n\n if (types.indexOf(node) >= 0) {\n continue;\n }\n\n if ((0, _generated.isAnyTypeAnnotation)(node)) {\n return [node];\n }\n\n if ((0, _generated.isFlowBaseAnnotation)(node)) {\n bases[node.type] = node;\n continue;\n }\n\n if ((0, _generated.isUnionTypeAnnotation)(node)) {\n if (typeGroups.indexOf(node.types) < 0) {\n nodes = nodes.concat(node.types);\n typeGroups.push(node.types);\n }\n\n continue;\n }\n\n if ((0, _generated.isGenericTypeAnnotation)(node)) {\n const name = getQualifiedName(node.id);\n\n if (generics[name]) {\n let existing = generics[name];\n\n if (existing.typeParameters) {\n if (node.typeParameters) {\n existing.typeParameters.params = removeTypeDuplicates(existing.typeParameters.params.concat(node.typeParameters.params));\n }\n } else {\n existing = node.typeParameters;\n }\n } else {\n generics[name] = node;\n }\n\n continue;\n }\n\n types.push(node);\n }\n\n for (const type of Object.keys(bases)) {\n types.push(bases[type]);\n }\n\n for (const name of Object.keys(generics)) {\n types.push(generics[name]);\n }\n\n return types;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = addComments;\n\nfunction addComments(node, type, comments) {\n if (!comments || !node) return node;\n const key = `${type}Comments`;\n\n if (node[key]) {\n if (type === \"leading\") {\n node[key] = comments.concat(node[key]);\n } else {\n node[key] = node[key].concat(comments);\n }\n } else {\n node[key] = comments;\n }\n\n return node;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = inheritInnerComments;\n\nvar _inherit = _interopRequireDefault(require(\"../utils/inherit\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction inheritInnerComments(child, parent) {\n (0, _inherit.default)(\"innerComments\", child, parent);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = inheritLeadingComments;\n\nvar _inherit = _interopRequireDefault(require(\"../utils/inherit\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction inheritLeadingComments(child, parent) {\n (0, _inherit.default)(\"leadingComments\", child, parent);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = inheritsComments;\n\nvar _inheritTrailingComments = _interopRequireDefault(require(\"./inheritTrailingComments\"));\n\nvar _inheritLeadingComments = _interopRequireDefault(require(\"./inheritLeadingComments\"));\n\nvar _inheritInnerComments = _interopRequireDefault(require(\"./inheritInnerComments\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction inheritsComments(child, parent) {\n (0, _inheritTrailingComments.default)(child, parent);\n (0, _inheritLeadingComments.default)(child, parent);\n (0, _inheritInnerComments.default)(child, parent);\n return child;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = inheritTrailingComments;\n\nvar _inherit = _interopRequireDefault(require(\"../utils/inherit\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction inheritTrailingComments(child, parent) {\n (0, _inherit.default)(\"trailingComments\", child, parent);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = toBlock;\n\nvar _generated = require(\"../validators/generated\");\n\nvar _generated2 = require(\"../builders/generated\");\n\nfunction toBlock(node, parent) {\n if ((0, _generated.isBlockStatement)(node)) {\n return node;\n }\n\n let blockNodes = [];\n\n if ((0, _generated.isEmptyStatement)(node)) {\n blockNodes = [];\n } else {\n if (!(0, _generated.isStatement)(node)) {\n if ((0, _generated.isFunction)(parent)) {\n node = (0, _generated2.returnStatement)(node);\n } else {\n node = (0, _generated2.expressionStatement)(node);\n }\n }\n\n blockNodes = [node];\n }\n\n return (0, _generated2.blockStatement)(blockNodes);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = toIdentifier;\n\nvar _isValidIdentifier = _interopRequireDefault(require(\"../validators/isValidIdentifier\"));\n\nvar _helperValidatorIdentifier = require(\"@babel/helper-validator-identifier\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction toIdentifier(input) {\n input = input + \"\";\n let name = \"\";\n\n for (const c of input) {\n name += (0, _helperValidatorIdentifier.isIdentifierChar)(c.codePointAt(0)) ? c : \"-\";\n }\n\n name = name.replace(/^[-0-9]+/, \"\");\n name = name.replace(/[-\\s]+(.)?/g, function (match, c) {\n return c ? c.toUpperCase() : \"\";\n });\n\n if (!(0, _isValidIdentifier.default)(name)) {\n name = `_${name}`;\n }\n\n return name || \"_\";\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = removePropertiesDeep;\n\nvar _traverseFast = _interopRequireDefault(require(\"../traverse/traverseFast\"));\n\nvar _removeProperties = _interopRequireDefault(require(\"./removeProperties\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction removePropertiesDeep(tree, opts) {\n (0, _traverseFast.default)(tree, _removeProperties.default, opts);\n return tree;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = traverseFast;\n\nvar _definitions = require(\"../definitions\");\n\nfunction traverseFast(node, enter, opts) {\n if (!node) return;\n const keys = _definitions.VISITOR_KEYS[node.type];\n if (!keys) return;\n opts = opts || {};\n enter(node, opts);\n\n for (const key of keys) {\n const subNode = node[key];\n\n if (Array.isArray(subNode)) {\n for (const node of subNode) {\n traverseFast(node, enter, opts);\n }\n } else {\n traverseFast(subNode, enter, opts);\n }\n }\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = removeProperties;\n\nvar _constants = require(\"../constants\");\n\nconst CLEAR_KEYS = [\"tokens\", \"start\", \"end\", \"loc\", \"raw\", \"rawValue\"];\n\nconst CLEAR_KEYS_PLUS_COMMENTS = _constants.COMMENT_KEYS.concat([\"comments\"]).concat(CLEAR_KEYS);\n\nfunction removeProperties(node, opts = {}) {\n const map = opts.preserveComments ? CLEAR_KEYS : CLEAR_KEYS_PLUS_COMMENTS;\n\n for (const key of map) {\n if (node[key] != null) node[key] = undefined;\n }\n\n for (const key of Object.keys(node)) {\n if (key[0] === \"_\" && node[key] != null) node[key] = undefined;\n }\n\n const symbols = Object.getOwnPropertySymbols(node);\n\n for (const sym of symbols) {\n node[sym] = null;\n }\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = isLet;\n\nvar _generated = require(\"./generated\");\n\nvar _constants = require(\"../constants\");\n\nfunction isLet(node) {\n return (0, _generated.isVariableDeclaration)(node) && (node.kind !== \"var\" || node[_constants.BLOCK_SCOPED_SYMBOL]);\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}","module.exports = require('./lib/axios');","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport NativeSelectInput from './NativeSelectInput';\nimport withStyles from '../styles/withStyles';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';\nimport Input from '../Input';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the select component `root` class. */\n root: {},\n\n /* Styles applied to the select component `select` class. */\n select: {\n '-moz-appearance': 'none',\n // Reset\n '-webkit-appearance': 'none',\n // Reset\n // When interacting quickly, the text can end up selected.\n // Native select can't be selected either.\n userSelect: 'none',\n borderRadius: 0,\n // Reset\n minWidth: 16,\n // So it doesn't collapse.\n cursor: 'pointer',\n '&:focus': {\n // Show that it's not an text input\n backgroundColor: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)',\n borderRadius: 0 // Reset Chrome style\n\n },\n // Remove IE 11 arrow\n '&::-ms-expand': {\n display: 'none'\n },\n '&$disabled': {\n cursor: 'default'\n },\n '&[multiple]': {\n height: 'auto'\n },\n '&:not([multiple]) option, &:not([multiple]) optgroup': {\n backgroundColor: theme.palette.background.paper\n },\n '&&': {\n paddingRight: 24\n }\n },\n\n /* Styles applied to the select component if `variant=\"filled\"`. */\n filled: {\n '&&': {\n paddingRight: 32\n }\n },\n\n /* Styles applied to the select component if `variant=\"outlined\"`. */\n outlined: {\n borderRadius: theme.shape.borderRadius,\n '&&': {\n paddingRight: 32\n }\n },\n\n /* Styles applied to the select component `selectMenu` class. */\n selectMenu: {\n height: 'auto',\n // Resets for multpile select with chips\n minHeight: '1.1876em',\n // Required for select\\text-field height consistency\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n },\n\n /* Pseudo-class applied to the select component `disabled` class. */\n disabled: {},\n\n /* Styles applied to the icon component. */\n icon: {\n // We use a position absolute over a flexbox in order to forward the pointer events\n // to the input and to support wrapping tags..\n position: 'absolute',\n right: 0,\n top: 'calc(50% - 12px)',\n // Center vertically\n pointerEvents: 'none',\n // Don't block pointer events on the select under the icon.\n color: theme.palette.action.active,\n '&$disabled': {\n color: theme.palette.action.disabled\n }\n },\n\n /* Styles applied to the icon component if the popup is open. */\n iconOpen: {\n transform: 'rotate(180deg)'\n },\n\n /* Styles applied to the icon component if `variant=\"filled\"`. */\n iconFilled: {\n right: 7\n },\n\n /* Styles applied to the icon component if `variant=\"outlined\"`. */\n iconOutlined: {\n right: 7\n },\n\n /* Styles applied to the underlying native input component. */\n nativeInput: {\n bottom: 0,\n left: 0,\n position: 'absolute',\n opacity: 0,\n pointerEvents: 'none',\n width: '100%'\n }\n };\n};\nvar defaultInput = /*#__PURE__*/React.createElement(Input, null);\n/**\n * An alternative to `` with a much smaller bundle size footprint.\n */\n\nvar NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(props, ref) {\n var children = props.children,\n classes = props.classes,\n _props$IconComponent = props.IconComponent,\n IconComponent = _props$IconComponent === void 0 ? ArrowDropDownIcon : _props$IconComponent,\n _props$input = props.input,\n input = _props$input === void 0 ? defaultInput : _props$input,\n inputProps = props.inputProps,\n variant = props.variant,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"IconComponent\", \"input\", \"inputProps\", \"variant\"]);\n\n var muiFormControl = useFormControl();\n var fcs = formControlState({\n props: props,\n muiFormControl: muiFormControl,\n states: ['variant']\n });\n return /*#__PURE__*/React.cloneElement(input, _extends({\n // Most of the logic is implemented in `NativeSelectInput`.\n // The `Select` component is a simple API wrapper to expose something better to play with.\n inputComponent: NativeSelectInput,\n inputProps: _extends({\n children: children,\n classes: classes,\n IconComponent: IconComponent,\n variant: fcs.variant,\n type: undefined\n }, inputProps, input ? input.props.inputProps : {}),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? NativeSelect.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The option elements to populate the select with.\n * Can be some `
\r\n * \r\n * \r\n * \r\n * \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n *
\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n *
\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n \r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Bootstrap.4.FontAwesome \r\n *
\r\n *
\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n style: {\r\n wrapperCssClass: 'gj-checkbox-md',\r\n spanCssClass: undefined\r\n }\r\n \r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapperCssClass: 'gj-checkbox-bootstrap'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapperCssClass: 'gj-checkbox-bootstrap gj-checkbox-bootstrap-4'\r\n },\r\n iconsLibrary: 'materialicons'\r\n },\r\n\r\n materialicons: {\r\n style: {\r\n iconsCssClass: 'gj-checkbox-material-icons',\r\n spanCssClass: 'gj-icon'\r\n }\r\n },\r\n\r\n glyphicons: {\r\n style: {\r\n iconsCssClass: 'gj-checkbox-glyphicons',\r\n spanCssClass: ''\r\n }\r\n },\r\n\r\n fontawesome: {\r\n style: {\r\n iconsCssClass: 'gj-checkbox-fontawesome',\r\n spanCssClass: 'fa'\r\n }\r\n }\r\n};\r\n\r\ngj.checkbox.methods = {\r\n init: function (jsConfig) {\r\n var $chkb = this;\r\n\r\n gj.widget.prototype.init.call(this, jsConfig, 'checkbox');\r\n $chkb.attr('data-checkbox', 'true');\r\n\r\n gj.checkbox.methods.initialize($chkb);\r\n\r\n return $chkb;\r\n },\r\n\r\n initialize: function ($chkb) {\r\n var data = $chkb.data(), $wrapper, $span;\r\n\r\n if (data.style.wrapperCssClass) {\r\n $wrapper = $('');\r\n if ($chkb.attr('id')) {\r\n $wrapper.attr('for', $chkb.attr('id'));\r\n }\r\n $chkb.wrap($wrapper);\r\n $span = $('');\r\n if (data.style.spanCssClass) {\r\n $span.addClass(data.style.spanCssClass);\r\n }\r\n $chkb.parent().append($span);\r\n }\r\n },\r\n\r\n state: function ($chkb, value) {\r\n if (value) {\r\n if ('checked' === value) {\r\n $chkb.prop('indeterminate', false);\r\n $chkb.prop('checked', true);\r\n } else if ('unchecked' === value) {\r\n $chkb.prop('indeterminate', false);\r\n $chkb.prop('checked', false);\r\n } else if ('indeterminate' === value) {\r\n $chkb.prop('checked', true);\r\n $chkb.prop('indeterminate', true);\r\n }\r\n gj.checkbox.events.change($chkb, value);\r\n return $chkb;\r\n } else {\r\n if ($chkb.prop('indeterminate')) {\r\n value = 'indeterminate';\r\n } else if ($chkb.prop('checked')) {\r\n value = 'checked';\r\n } else {\r\n value = 'unchecked';\r\n }\r\n return value;\r\n }\r\n },\r\n\r\n toggle: function ($chkb) {\r\n if ($chkb.state() == 'checked') {\r\n $chkb.state('unchecked');\r\n } else {\r\n $chkb.state('checked');\r\n }\r\n return $chkb;\r\n },\r\n\r\n destroy: function ($chkb) {\r\n if ($chkb.attr('data-checkbox') === 'true') {\r\n $chkb.removeData();\r\n $chkb.removeAttr('data-guid');\r\n $chkb.removeAttr('data-checkbox');\r\n $chkb.off();\r\n $chkb.next('span').remove();\r\n $chkb.unwrap();\r\n }\r\n return $chkb;\r\n }\r\n};\r\n\r\ngj.checkbox.events = {\r\n /**\r\n * Triggered when the state of the checkbox is changed\r\n *\r\n * @event change\r\n * @param {object} e - event data\r\n * @param {string} state - the data of the checkbox\r\n * @example sample \r\n * \r\n * \r\n */\r\n change: function ($chkb, state) {\r\n return $chkb.triggerHandler('change', [state]);\r\n }\r\n};\r\n\r\n\r\ngj.checkbox.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.checkbox.methods;\r\n\r\n /** Toogle the state of the checkbox.\r\n * @method\r\n * @fires change\r\n * @return checkbox as jquery object\r\n * @example sample \r\n * \r\n * \r\n * \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.toggle = function () {\r\n return methods.toggle(this);\r\n };\r\n\r\n /** Return state or set state if you pass parameter.\r\n * @method\r\n * @fires change\r\n * @param {string} value - State of the checkbox. Accept only checked, unchecked or indeterminate as values.\r\n * @return checked|unchecked|indeterminate|checkbox as jquery object\r\n * @example sample \r\n * \r\n * \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.state = function (value) {\r\n return methods.state(this, value);\r\n };\r\n\r\n /** Remove checkbox functionality from the element.\r\n * @method\r\n * @return checkbox as jquery object\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-checkbox')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.checkbox.widget.prototype = new gj.widget();\r\ngj.checkbox.widget.constructor = gj.checkbox.widget;\r\n\r\n(function ($) {\r\n $.fn.checkbox = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.checkbox.widget(this, method);\r\n } else {\r\n $widget = new gj.checkbox.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery */\r\n/** \r\n * @widget Editor\r\n * @plugin Base\r\n */\r\ngj.editor = {\r\n plugins: {},\r\n messages: {}\r\n};\r\n\r\ngj.editor.config = {\r\n base: {\r\n\r\n /** The height of the editor. Numeric values are treated as pixels.\r\n * @type number|string\r\n * @default 300\r\n * @example sample \r\n * \r\n * \r\n */\r\n height: 300,\r\n\r\n /** The width of the editor. Numeric values are treated as pixels.\r\n * @type number|string\r\n * @default undefined\r\n * @example JS \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The name of the UI library that is going to be in use. Currently we support only Material Design and Bootstrap. \r\n * @additionalinfo The css files for Bootstrap should be manually included to the page if you use bootstrap as uiLibrary.\r\n * @type string (materialdesign|bootstrap|bootstrap4)\r\n * @default 'materialdesign'\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons and Font Awesome.\r\n * @additionalinfo If you use Bootstrap as uiLibrary, then the iconsLibrary is set to font awesome by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons or Font Awesome should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome)\r\n * @default 'materialicons'\r\n * @example Bootstrap.4.FontAwesome \r\n * \r\n * \r\n * @example Bootstrap.3.FontAwesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example French \r\n * \r\n *
Hover buttons in the toolbar in order to see localized tooltips
\r\n * \r\n * @example German \r\n * \r\n * Hover buttons in the toolbar in order to see localized tooltips
\r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n buttons: undefined,\r\n\r\n style: {\r\n wrapper: 'gj-editor gj-editor-md',\r\n buttonsGroup: 'gj-button-md-group',\r\n button: 'gj-button-md',\r\n buttonActive: 'active'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-editor gj-editor-bootstrap',\r\n buttonsGroup: 'btn-group',\r\n button: 'btn btn-default gj-cursor-pointer',\r\n buttonActive: 'active'\r\n }\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-editor gj-editor-bootstrap',\r\n buttonsGroup: 'btn-group',\r\n button: 'btn btn-outline-secondary gj-cursor-pointer',\r\n buttonActive: 'active'\r\n }\r\n },\r\n\r\n materialicons: {\r\n icons: {\r\n bold: '',\r\n italic: '',\r\n strikethrough: '',\r\n underline: '',\r\n\r\n listBulleted: '',\r\n listNumbered: '',\r\n indentDecrease: '',\r\n indentIncrease: '',\r\n\r\n alignLeft: '',\r\n alignCenter: '',\r\n alignRight: '',\r\n alignJustify: '',\r\n\r\n undo: '',\r\n redo: ''\r\n }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n bold: '',\r\n italic: '',\r\n strikethrough: '',\r\n underline: '',\r\n\r\n listBulleted: '',\r\n listNumbered: '',\r\n indentDecrease: '',\r\n indentIncrease: '',\r\n\r\n alignLeft: '',\r\n alignCenter: '',\r\n alignRight: '',\r\n alignJustify: '',\r\n\r\n undo: '',\r\n redo: ''\r\n }\r\n }\r\n};\r\n\r\ngj.editor.methods = {\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'editor');\r\n this.attr('data-editor', 'true');\r\n gj.editor.methods.initialize(this);\r\n return this;\r\n },\r\n\r\n initialize: function ($editor) {\r\n var self = this, data = $editor.data(),\r\n $group, $btn, wrapper, $body, $toolbar;\r\n\r\n $editor.hide();\r\n\r\n if ($editor[0].parentElement.attributes.role !== 'wrapper') {\r\n wrapper = document.createElement('div');\r\n wrapper.setAttribute('role', 'wrapper');\r\n $editor[0].parentNode.insertBefore(wrapper, $editor[0]);\r\n wrapper.appendChild($editor[0]);\r\n }\r\n\r\n gj.editor.methods.localization(data);\r\n $(wrapper).addClass(data.style.wrapper);\r\n if (data.width) {\r\n $(wrapper).width(data.width);\r\n }\r\n\r\n $body = $(wrapper).children('div[role=\"body\"]');\r\n if ($body.length === 0) {\r\n $body = $('');\r\n $(wrapper).append($body);\r\n if ($editor[0].innerText) {\r\n $body[0].innerHTML = $editor[0].innerText;\r\n }\r\n }\r\n $body.attr('contenteditable', true);\r\n $body.on('keydown', function (e) {\r\n var key = event.keyCode || event.charCode;\r\n if (gj.editor.events.changing($editor) === false && key !== 8 && key !== 46) {\r\n e.preventDefault();\r\n }\r\n });\r\n $body.on('mouseup keyup mouseout cut paste', function (e) {\r\n self.updateToolbar($editor, $toolbar);\r\n gj.editor.events.changed($editor);\r\n $editor.html($body.html());\r\n });\r\n\r\n $toolbar = $(wrapper).children('div[role=\"toolbar\"]');\r\n if ($toolbar.length === 0) {\r\n $toolbar = $('');\r\n $body.before($toolbar);\r\n\r\n for (var group in data.buttons) {\r\n $group = $('').addClass(data.style.buttonsGroup);\r\n for (var btn in data.buttons[group]) {\r\n $btn = $(data.buttons[group][btn]);\r\n $btn.on('click', function () {\r\n gj.editor.methods.executeCmd($editor, $body, $toolbar, $(this));\r\n });\r\n $group.append($btn);\r\n }\r\n $toolbar.append($group);\r\n }\r\n }\r\n\r\n $body.height(data.height - gj.core.height($toolbar[0], true));\r\n },\r\n\r\n localization: function (data) {\r\n var msg = gj.editor.messages[data.locale];\r\n if (typeof (data.buttons) === 'undefined') {\r\n data.buttons = [\r\n [\r\n '',\r\n '',\r\n '',\r\n ''\r\n ],\r\n [\r\n '',\r\n '',\r\n '',\r\n ''\r\n ],\r\n [\r\n '',\r\n '',\r\n '',\r\n ''\r\n ],\r\n [\r\n '',\r\n ''\r\n ]\r\n ];\r\n }\r\n },\r\n\r\n updateToolbar: function ($editor, $toolbar) {\r\n var data = $editor.data();\r\n $buttons = $toolbar.find('[role]').each(function() {\r\n var $btn = $(this),\r\n cmd = $btn.attr('role');\r\n\r\n if (cmd && document.queryCommandEnabled(cmd) && document.queryCommandValue(cmd) === \"true\") {\r\n $btn.addClass(data.style.buttonActive);\r\n } else {\r\n $btn.removeClass(data.style.buttonActive);\r\n }\r\n });\r\n },\r\n\r\n executeCmd: function ($editor, $body, $toolbar, $btn) {\r\n $body.focus();\r\n document.execCommand($btn.attr('role'), false);\r\n gj.editor.methods.updateToolbar($editor, $toolbar);\r\n },\r\n\r\n content: function ($editor, html) {\r\n var $body = $editor.parent().children('div[role=\"body\"]');\r\n if (typeof (html) === \"undefined\") {\r\n return $body.html();\r\n } else {\r\n return $body.html(html);\r\n }\r\n },\r\n\r\n destroy: function ($editor) {\r\n var $wrapper;\r\n if ($editor.attr('data-editor') === 'true') {\r\n $wrapper = $editor.parent();\r\n $wrapper.children('div[role=\"body\"]').remove();\r\n $wrapper.children('div[role=\"toolbar\"]').remove();\r\n $editor.unwrap();\r\n $editor.removeData();\r\n $editor.removeAttr('data-guid');\r\n $editor.removeAttr('data-editor');\r\n $editor.off();\r\n $editor.show();\r\n }\r\n return $editor;\r\n }\r\n};\r\n\r\ngj.editor.events = {\r\n\r\n /**\r\n * Event fires before change of text in the editor.\r\n *\r\n * @event changing\r\n * @param {object} e - event data\r\n * @example MaxLength \r\n * \r\n * \r\n */\r\n changing: function ($editor) {\r\n return $editor.triggerHandler('changing');\r\n },\r\n\r\n /**\r\n * Event fires after change of text in the editor.\r\n *\r\n * @event changed\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n changed: function ($editor) {\r\n return $editor.triggerHandler('changed');\r\n }\r\n};\r\n\r\ngj.editor.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.editor.methods;\r\n\r\n /** Get or set html content in the body.\r\n * @method\r\n * @param {string} html - The html content that needs to be set.\r\n * @return string | editor\r\n * @example Get \r\n * \r\n * \r\n *
My content.
\r\n * \r\n * @example Set \r\n * \r\n * \r\n * \r\n * \r\n */\r\n self.content = function (html) {\r\n return methods.content(this, html);\r\n };\r\n\r\n /** Remove editor functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n *
\r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-editor')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.editor.widget.prototype = new gj.widget();\r\ngj.editor.widget.constructor = gj.editor.widget;\r\n\r\n(function ($) {\r\n $.fn.editor = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.editor.widget(this, method);\r\n } else {\r\n $widget = new gj.editor.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\ngj.editor.messages['en-us'] = {\r\n bold: 'Bold',\r\n italic: 'Italic',\r\n strikethrough: 'Strikethrough',\r\n underline: 'Underline',\r\n listBulleted: 'List Bulleted',\r\n listNumbered: 'List Numbered',\r\n indentDecrease: 'Indent Decrease',\r\n indentIncrease: 'Indent Increase',\r\n alignLeft: 'Align Left',\r\n alignCenter: 'Align Center',\r\n alignRight: 'Align Right',\r\n alignJustify: 'Align Justify',\r\n undo: 'Undo',\r\n redo: 'Redo'\r\n};\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget DropDown\r\n * @plugin Base\r\n */\r\ngj.dropdown = {\r\n plugins: {}\r\n};\r\n\r\ngj.dropdown.config = {\r\n base: {\r\n\r\n /** The data source of dropdown.\r\n * @additionalinfo If set to string, then the dropdown is going to use this string as a url for ajax requests to the server.
\r\n * If set to object, then the dropdown is going to use this object as settings for the jquery ajax function.
\r\n * If set to array, then the dropdown is going to use the array as data for dropdown nodes.\r\n * @type (string|object|array)\r\n * @default undefined\r\n * @example Local.DataSource \r\n * \r\n * \r\n * @example Remote.DataSource \r\n * \r\n * \r\n */\r\n dataSource: undefined,\r\n\r\n /** Text field name.\r\n * @type string\r\n * @default 'text'\r\n * @example sample \r\n * \r\n * \r\n */\r\n textField: 'text',\r\n\r\n /** Value field name.\r\n * @type string\r\n * @default 'value'\r\n * @example sample \r\n * \r\n * \r\n */\r\n valueField: 'value',\r\n\r\n /** Selected field name.\r\n * @type string\r\n * @default 'selected'\r\n * @example sample \r\n * \r\n * \r\n */\r\n selectedField: 'selected',\r\n\r\n /** The width of the dropdown.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n * @example 100.Percent \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The maximum height of the dropdown list. When set to auto adjust to the screen height.\r\n * @type Number|'auto'\r\n * @default 'auto'\r\n * @example Auto \r\n *
Note: Minimize the window in order to enable scrolling for the drop down list.
\r\n * \r\n * \r\n * @example Fixed \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n maxHeight: 'auto',\r\n\r\n /** Placeholder. This label appear only if the value is not set yet.\r\n * @type string\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n *\r\n * \r\n * \r\n * @example Bootstrap \r\n *
\r\n * \r\n * \r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n * \r\n */\r\n placeholder: undefined,\r\n\r\n fontSize: undefined,\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Bootstrap.Material.Icons \r\n * \r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n icons: {\r\n /** DropDown icon definition.\r\n * @alias icons.dropdown\r\n * @type String\r\n * @default ''\r\n * @example Custom.Material.Icon \r\n * \r\n * \r\n * @example Custom.Glyphicon.Icon \r\n * \r\n * \r\n */\r\n dropdown: '',\r\n\r\n dropup: ''\r\n },\r\n\r\n style: {\r\n wrapper: 'gj-dropdown gj-dropdown-md gj-unselectable',\r\n list: 'gj-list gj-list-md gj-dropdown-list-md',\r\n active: 'gj-list-md-active'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-dropdown gj-dropdown-bootstrap gj-dropdown-bootstrap-3 gj-unselectable',\r\n presenter: 'btn btn-default',\r\n list: 'gj-list gj-list-bootstrap gj-dropdown-list-bootstrap list-group',\r\n item: 'list-group-item',\r\n active: 'active'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-dropdown gj-dropdown-bootstrap gj-dropdown-bootstrap-4 gj-unselectable',\r\n presenter: 'btn btn-outline-secondary',\r\n list: 'gj-list gj-list-bootstrap gj-dropdown-list-bootstrap list-group',\r\n item: 'list-group-item',\r\n active: 'active'\r\n }\r\n },\r\n\r\n materialicons: {\r\n style: {\r\n expander: 'gj-dropdown-expander-mi'\r\n }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n dropdown: '',\r\n dropup: ''\r\n },\r\n style: {\r\n expander: 'gj-dropdown-expander-fa'\r\n }\r\n },\r\n\r\n glyphicons: {\r\n icons: {\r\n dropdown: '',\r\n dropup: ''\r\n },\r\n style: {\r\n expander: 'gj-dropdown-expander-glyphicons'\r\n }\r\n }\r\n};\r\n\r\ngj.dropdown.methods = {\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'dropdown');\r\n this.attr('data-dropdown', 'true');\r\n gj.dropdown.methods.initialize(this);\r\n return this;\r\n },\r\n\r\n getHTMLConfig: function () {\r\n var result = gj.widget.prototype.getHTMLConfig.call(this),\r\n attrs = this[0].attributes;\r\n if (attrs['placeholder']) {\r\n result.placeholder = attrs['placeholder'].value;\r\n }\r\n return result;\r\n },\r\n\r\n initialize: function ($dropdown) {\r\n var $item,\r\n data = $dropdown.data(),\r\n $wrapper = $dropdown.parent('div[role=\"wrapper\"]'),\r\n $display = $(''),\r\n $expander = $('' + data.icons.dropdown + '').addClass(data.style.expander),\r\n $presenter = $('').addClass(data.style.presenter),\r\n $list = $('
' + text + '
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n self.enable = function () {\r\n return methods.enable(this);\r\n };\r\n\r\n self.disable = function () {\r\n return methods.disable(this);\r\n };\r\n\r\n /** Remove dropdown functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-dropdown')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.dropdown.widget.prototype = new gj.widget();\r\ngj.dropdown.widget.constructor = gj.dropdown.widget;\r\n\r\ngj.dropdown.widget.prototype.getHTMLConfig = gj.dropdown.methods.getHTMLConfig;\r\n\r\n(function ($) {\r\n $.fn.dropdown = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.dropdown.widget(this, method);\r\n } else {\r\n $widget = new gj.dropdown.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget DatePicker\r\n * @plugin Base\r\n */\r\ngj.datepicker = {\r\n plugins: {}\r\n};\r\n\r\ngj.datepicker.config = {\r\n base: {\r\n /** Whether to display dates in other months at the start or end of the current month.\r\n * @additionalinfo Set to true by default for Bootstrap.\r\n * @type Boolean\r\n * @default false\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n showOtherMonths: false,\r\n\r\n /** Whether days in other months shown before or after the current month are selectable.\r\n * This only applies if the showOtherMonths option is set to true.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n selectOtherMonths: true,\r\n\r\n /** The width of the datepicker.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The minimum selectable date. When not set, there is no minimum.\r\n * @additionalinfo If the minDate is set by string, then the date in the string needs to follow the format specified by the 'format' configuration option.\r\n * @type Date|String|Function\r\n * @default undefined\r\n * @example Today \r\n * \r\n * \r\n * @example Yesterday \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n minDate: undefined,\r\n\r\n /** The maximum selectable date. When not set, there is no maximum\r\n * @type Date|String|Function\r\n * @default undefined\r\n * @example Today \r\n * \r\n * \r\n * @example Tomorrow \r\n * \r\n * \r\n */\r\n maxDate: undefined,\r\n\r\n /** Specifies the format, which is used to format the value of the DatePicker displayed in the input.\r\n * @additionalinfo d - Day of the month as digits; no leading zero for single-digit days.
\r\n * dd - Day of the month as digits; leading zero for single-digit days.
\r\n * ddd - Day of the week as a three-letter abbreviation.
\r\n * dddd - Day of the week as its full name.
\r\n * m - Month as digits; no leading zero for single-digit months.
\r\n * mm - Month as digits; leading zero for single-digit months.
\r\n * mmm - Month as a three-letter abbreviation.
\r\n * mmmm - Month as its full name.
\r\n * yy - Year as last two digits; leading zero for years less than 10.
\r\n * yyyy - Year represented by four digits.
\r\n * @type String\r\n * @default 'mm/dd/yyyy'\r\n * @example Sample \r\n * \r\n * \r\n * @example Short.Month.Format \r\n * \r\n * \r\n * @example Long.Month.Format \r\n * \r\n * \r\n */\r\n format: 'mm/dd/yyyy',\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4.Material.Icons \r\n * \r\n * \r\n * @example Bootstrap.4.FontAwesome \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The name of the icons library that is going to be in use. Currently we support Material Icons, Font Awesome and Glyphicons.\r\n * @additionalinfo If you use Bootstrap 3 as uiLibrary, then the iconsLibrary is set to Glyphicons by default.
\r\n * If you use Material Design as uiLibrary, then the iconsLibrary is set to Material Icons by default.
\r\n * The css files for Material Icons, Font Awesome or Glyphicons should be manually included to the page where the grid is in use.\r\n * @type (materialicons|fontawesome|glyphicons)\r\n * @default 'materialicons'\r\n * @example Bootstrap.Font.Awesome \r\n * \r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n * \r\n * \r\n */\r\n iconsLibrary: 'materialicons',\r\n\r\n /** The initial datepicker value.\r\n * @type String\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n /** Day of the week start. 0 (Sunday) to 6 (Saturday)\r\n * @type Number\r\n * @default 0\r\n * @example Monday \r\n * \r\n * \r\n * @example Saturday \r\n * \r\n * \r\n */\r\n weekStartDay: 0,\r\n\r\n /** An array or function that will be used to determine which dates to be disabled for selection by the widget.\r\n * @type Array|Function\r\n * @default undefined\r\n * @example Array \r\n * \r\n * \r\n * @example Function \r\n * \r\n * \r\n */\r\n disableDates: undefined,\r\n\r\n /** An array that will be used to determine which days of week to be disabled for selection by the widget.\r\n * The array needs to contains only numbers where 0 is Sunday, 1 is Monday and etc.\r\n * @type Array\r\n * @default undefined\r\n * @example Saturday.Sunday \r\n * \r\n * \r\n */\r\n disableDaysOfWeek: undefined,\r\n\r\n /** Whether to display week number in year on the left side of the calendar.\r\n * @type Boolean\r\n * @default false\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n calendarWeeks: false,\r\n\r\n /** Whether to enable keyboard navigation.\r\n * @type Boolean\r\n * @default true\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Material.Design.Modal \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n keyboardNavigation: true,\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example German \r\n * \r\n * \r\n * @example Bulgarian \r\n * \r\n * \r\n * @example French \r\n * \r\n * \r\n * @example Brazil \r\n * \r\n * \r\n * @example Russian \r\n * \r\n * \r\n * @example Spanish \r\n * \r\n * \r\n * @example Italian \r\n * \r\n * \r\n * @example Japanise \r\n * \r\n * \r\n * @example Chinise_Simplified \r\n * \r\n * \r\n * @example Chinise_Traditional \r\n * \r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n icons: {\r\n /** datepicker icon definition.\r\n * @alias icons.rightIcon\r\n * @type String\r\n * @default ''\r\n * @example Custom.Material.Icon \r\n * \r\n * \r\n * @example Custom.Glyphicon.Icon \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n rightIcon: 'event',\r\n\r\n previousMonth: '',\r\n nextMonth: ''\r\n },\r\n\r\n fontSize: undefined,\r\n\r\n /** The size of the datepicker input.\r\n * @type 'small'|'default'|'large'\r\n * @default 'default'\r\n * @example Bootstrap.4 \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Material.Design \r\n *
\r\n *
\r\n *
\r\n * \r\n */\r\n size: 'default',\r\n\r\n /** If set to true, the datepicker will have modal behavior.\r\n * @type Boolean\r\n * @default false\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n modal: false,\r\n\r\n /** If set to true, add header to the datepicker.\r\n * @type Boolean\r\n * @default false\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n header: false,\r\n\r\n /** If set to true, add footer with ok and cancel buttons to the datepicker.\r\n * @type Boolean\r\n * @default false\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n footer: false,\r\n\r\n /** If set to true, show datepicker on input focus.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n showOnFocus: true,\r\n\r\n /** If set to true, show datepicker icon on the right side of the input.\r\n * @type Boolean\r\n * @default true\r\n * @example False \r\n * \r\n * \r\n * @example True \r\n * \r\n * \r\n */\r\n showRightIcon: true,\r\n\r\n style: {\r\n modal: 'gj-modal',\r\n wrapper: 'gj-datepicker gj-datepicker-md gj-unselectable',\r\n input: 'gj-textbox-md',\r\n calendar: 'gj-picker gj-picker-md datepicker gj-unselectable',\r\n footer: '',\r\n button: 'gj-button-md'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-datepicker gj-datepicker-bootstrap gj-unselectable input-group',\r\n input: 'form-control',\r\n calendar: 'gj-picker gj-picker-bootstrap datepicker gj-unselectable',\r\n footer: 'modal-footer',\r\n button: 'btn btn-default'\r\n },\r\n iconsLibrary: 'glyphicons',\r\n showOtherMonths: true\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-datepicker gj-datepicker-bootstrap gj-unselectable input-group',\r\n input: 'form-control',\r\n calendar: 'gj-picker gj-picker-bootstrap datepicker gj-unselectable',\r\n footer: 'modal-footer',\r\n button: 'btn btn-default'\r\n },\r\n showOtherMonths: true\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n rightIcon: '',\r\n previousMonth: '',\r\n nextMonth: ''\r\n }\r\n },\r\n\r\n glyphicons: {\r\n icons: {\r\n rightIcon: '',\r\n previousMonth: '',\r\n nextMonth: ''\r\n }\r\n }\r\n};\r\n\r\ngj.datepicker.methods = {\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'datepicker');\r\n this.attr('data-datepicker', 'true');\r\n gj.datepicker.methods.initialize(this, this.data());\r\n return this;\r\n },\r\n\r\n initialize: function ($datepicker, data) {\r\n var $calendar, $rightIcon,\r\n $wrapper = $datepicker.parent('div[role=\"wrapper\"]');\r\n\r\n if ($wrapper.length === 0) {\r\n $wrapper = $('').addClass(data.style.wrapper); // The css class needs to be added before the wrapping, otherwise doesn't work.\r\n $datepicker.wrap($wrapper);\r\n } else {\r\n $wrapper.addClass(data.style.wrapper);\r\n }\r\n $wrapper = $datepicker.parent('div[role=\"wrapper\"]');\r\n\r\n data.width && $wrapper.css('width', data.width);\r\n\r\n $datepicker.val(data.value).addClass(data.style.input).attr('role', 'input');\r\n\r\n data.fontSize && $datepicker.css('font-size', data.fontSize);\r\n \r\n if (data.uiLibrary === 'bootstrap' || data.uiLibrary === 'bootstrap4') {\r\n if (data.size === 'small') {\r\n $wrapper.addClass('input-group-sm');\r\n $datepicker.addClass('form-control-sm');\r\n } else if (data.size === 'large') {\r\n $wrapper.addClass('input-group-lg');\r\n $datepicker.addClass('form-control-lg');\r\n }\r\n } else {\r\n if (data.size === 'small') {\r\n $wrapper.addClass('small');\r\n } else if (data.size === 'large') {\r\n $wrapper.addClass('large');\r\n }\r\n }\r\n\r\n if (data.showRightIcon) {\r\n if (data.uiLibrary === 'bootstrap') {\r\n $rightIcon = $('' + data.icons.rightIcon + '');\r\n } else if (data.uiLibrary === 'bootstrap4') {\r\n $rightIcon = $('');\r\n } else {\r\n $rightIcon = $(data.icons.rightIcon);\r\n }\r\n $rightIcon.attr('role', 'right-icon');\r\n $rightIcon.on('click', function (e) {\r\n var $calendar = $('body').find('[role=\"calendar\"][guid=\"' + $datepicker.attr('data-guid') + '\"]');\r\n if ($calendar.is(':visible')) {\r\n gj.datepicker.methods.close($datepicker);\r\n } else {\r\n gj.datepicker.methods.open($datepicker, data);\r\n }\r\n });\r\n $wrapper.append($rightIcon);\r\n }\r\n\r\n if (data.showOnFocus) {\r\n $datepicker.on('focus', function () {\r\n gj.datepicker.methods.open($datepicker, data);\r\n });\r\n }\r\n\r\n $calendar = gj.datepicker.methods.createCalendar($datepicker, data);\r\n\r\n if (data.footer !== true) {\r\n $datepicker.on('blur', function () {\r\n $datepicker.timeout = setTimeout(function () {\r\n gj.datepicker.methods.close($datepicker);\r\n }, 500);\r\n });\r\n $calendar.mousedown(function () {\r\n clearTimeout($datepicker.timeout);\r\n document.activeElement !== $datepicker[0] && $datepicker.focus();\r\n return false;\r\n });\r\n $calendar.on('click', function () {\r\n clearTimeout($datepicker.timeout);\r\n document.activeElement !== $datepicker[0] && $datepicker.focus();\r\n });\r\n }\r\n\r\n if (data.keyboardNavigation) {\r\n $(document).on('keydown', gj.datepicker.methods.createKeyDownHandler($datepicker, $calendar, data));\r\n }\r\n },\r\n\r\n createCalendar: function ($datepicker, data) {\r\n var date, $body, $footer, $btnCancel, $btnOk,\r\n $calendar = $('
').addClass(data.style.calendar).attr('guid', $datepicker.attr('data-guid'));\r\n \r\n data.fontSize && $calendar.css('font-size', data.fontSize);\r\n\r\n date = gj.core.parseDate(data.value, data.format, data.locale);\r\n if (!date || isNaN(date.getTime())) {\r\n date = new Date();\r\n } else {\r\n $datepicker.attr('day', date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());\r\n }\r\n\r\n $calendar.attr('month', date.getMonth());\r\n $calendar.attr('year', date.getFullYear());\r\n\r\n gj.datepicker.methods.renderHeader($datepicker, $calendar, data, date);\r\n\r\n $body = $('');\r\n $calendar.append($body);\r\n\r\n if (data.footer) {\r\n $footer = $('');\r\n\r\n $btnCancel = $('');\r\n $btnCancel.on('click', function () { $datepicker.close(); });\r\n $footer.append($btnCancel);\r\n\r\n $btnOk = $('');\r\n $btnOk.on('click', function () {\r\n var date, dayArr, dayStr = $calendar.attr('selectedDay');\r\n if (dayStr) {\r\n dayArr = dayStr.split('-');\r\n date = new Date(dayArr[0], dayArr[1], dayArr[2], $calendar.attr('hour') || 0, $calendar.attr('minute') || 0);\r\n gj.datepicker.methods.change($datepicker, $calendar, data, date);\r\n } else {\r\n $datepicker.close();\r\n }\r\n });\r\n $footer.append($btnOk);\r\n\r\n $calendar.append($footer);\r\n }\r\n\r\n $calendar.hide();\r\n $('body').append($calendar);\r\n\r\n if (data.modal) {\r\n $calendar.wrapAll('');\r\n gj.core.center($calendar);\r\n }\r\n\r\n return $calendar;\r\n },\r\n\r\n renderHeader: function ($datepicker, $calendar, data, date) {\r\n var $header, $date, $year;\r\n\r\n if (data.header) {\r\n $header = $('');\r\n $year = $('').on('click', function () {\r\n gj.datepicker.methods.renderDecade($datepicker, $calendar, data);\r\n $year.addClass('selected');\r\n $date.removeClass('selected');\r\n });\r\n $year.html(gj.core.formatDate(date, 'yyyy', data.locale));\r\n $header.append($year);\r\n $date = $('').on('click', function () {\r\n gj.datepicker.methods.renderMonth($datepicker, $calendar, data);\r\n $date.addClass('selected');\r\n $year.removeClass('selected');\r\n });\r\n $date.html(gj.core.formatDate(date, 'ddd, mmm dd', data.locale));\r\n $header.append($date);\r\n $calendar.append($header);\r\n }\r\n },\r\n\r\n updateHeader: function ($calendar, data, date) {\r\n $calendar.find('[role=\"header\"] [role=\"year\"]').removeClass('selected').html(gj.core.formatDate(date, 'yyyy', data.locale));\r\n $calendar.find('[role=\"header\"] [role=\"date\"]').addClass('selected').html(gj.core.formatDate(date, 'ddd, mmm dd', data.locale));\r\n $calendar.find('[role=\"header\"] [role=\"hour\"]').removeClass('selected').html(gj.core.formatDate(date, 'HH', data.locale));\r\n $calendar.find('[role=\"header\"] [role=\"minute\"]').removeClass('selected').html(gj.core.formatDate(date, 'MM', data.locale));\r\n },\r\n\r\n createNavigation: function ($datepicker, $body, $table, data) {\r\n var $row, $navigator, $thead = $('');\r\n\r\n $navigator = $('');\r\n $navigator.append($(' ');\r\n }\r\n for (i = data.weekStartDay; i < gj.core.messages[data.locale].weekDaysMin.length; i++) {\r\n $row.append('
'),\r\n $tbody = $(''),\r\n period = gj.core.messages[data.locale].titleFormat;\r\n \r\n $body.off().empty();\r\n gj.datepicker.methods.createNavigation($datepicker, $body, $table, data);\r\n \r\n month = parseInt($calendar.attr('month'), 10);\r\n year = parseInt($calendar.attr('year'), 10);\r\n\r\n $calendar.attr('type', 'month');\r\n period = period.replace('mmmm', gj.core.messages[data.locale].monthNames[month]).replace('yyyy', year);\r\n $calendar.find('div[role=\"period\"]').text(period);\r\n daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);\r\n if (year % 4 == 0 && year != 1900) {\r\n daysInMonth[1] = 29;\r\n }\r\n total = daysInMonth[month];\r\n\r\n firstDayPosition = (new Date(year, month, 1).getDay() + 7 - data.weekStartDay) % 7;\r\n\r\n weekDay = 0;\r\n $row = $('');\r\n if (data.calendarWeeks) {\r\n $row.append('
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Remove datepicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n /** Open the calendar.\r\n * @method\r\n * @return datepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.open = function () {\r\n return methods.open(this, this.data());\r\n };\r\n\r\n /** Close the calendar.\r\n * @method\r\n * @return datepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return methods.close(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-datepicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.datepicker.widget.prototype = new gj.widget();\r\ngj.datepicker.widget.constructor = gj.datepicker.widget;\r\n\r\n(function ($) {\r\n $.fn.datepicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.datepicker.widget(this, method);\r\n } else {\r\n $widget = new gj.datepicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget TimePicker\r\n * @plugin Base\r\n */\r\ngj.timepicker = {\r\n plugins: {}\r\n};\r\n\r\ngj.timepicker.config = {\r\n base: {\r\n\r\n /** The width of the timepicker.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** If set to true, the timepicker will have modal behavior.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n modal: true,\r\n\r\n /** If set to true, add header to the timepicker.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n header: true,\r\n\r\n /** If set to true, add footer with ok and cancel buttons to the timepicker.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n footer: true,\r\n\r\n /** Specifies the format, which is used to format the value of the timepicker displayed in the input.\r\n * @additionalinfo M - Minutes; no leading zero for single-digit minutes.
\r\n * MM - Minutes; leading zero for single-digit minutes.
\r\n * H - The hour, using a 24-hour clock from 0 to 23; no leading zero for single-digit hours.
\r\n * HH - The hour, using a 24-hour clock from 0 to 23; leading zero for single-digit hours.
\r\n * h - The hour, using a 12-hour clock from 1 to 12; no leading zero for single-digit hours.
\r\n * hh - The hour, using a 12-hour clock from 1 to 12; leading zero for single-digit hours
\r\n * tt - The AM/PM designator; lowercase.
\r\n * TT - The AM/PM designator; upercase.
\r\n * @type String\r\n * @default 'MM:HH'\r\n * @example Sample \r\n * \r\n * \r\n */\r\n format: 'HH:MM',\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial timepicker value.\r\n * @type String\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n /** The timepicker mode. Tells the component to display the picker in ampm (12hr) format or 24hr format.\r\n * @type ampm|24hr\r\n * @default 'ampm'\r\n * @example ampm \r\n * \r\n * \r\n * @example 24hr \r\n * \r\n * \r\n */\r\n mode: 'ampm',\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example German \r\n * \r\n * \r\n * @example Bulgarian \r\n * \r\n * \r\n * @example French \r\n * \r\n * \r\n * @example Brazil \r\n * \r\n * \r\n * @example Russian \r\n * \r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n /** The size of the timepicker input.\r\n * @type 'small'|'default'|'large'\r\n * @default 'default'\r\n * @example Bootstrap.4 \r\n *
');\r\n $mode.append($('' + gj.core.messages[data.locale].pm + '').on('click', function () {\r\n var hour = gj.timepicker.methods.getHour($clock);\r\n $clock.attr('mode', 'pm');\r\n $(this).addClass('selected');\r\n $(this).parent().children('[role=\"am\"]').removeClass('selected');\r\n if (hour < 12) {\r\n $clock.attr('hour', hour + 12);\r\n }\r\n if (!data.modal) {\r\n clearTimeout($timepicker.timeout);\r\n $timepicker.focus();\r\n }\r\n }));\r\n $header.append($mode);\r\n }\r\n $clock.append($header);\r\n }\r\n \r\n $clock.append($body);\r\n\r\n if (data.footer) {\r\n $btnCancel.on('click', function () { $timepicker.close(); });\r\n $footer.append($btnCancel);\r\n $btnOk.on('click', gj.timepicker.methods.setTime($timepicker, $clock));\r\n $footer.append($btnOk);\r\n $clock.append($footer);\r\n }\r\n\r\n $clock.hide();\r\n\r\n $('body').append($clock);\r\n\r\n if (data.modal) {\r\n $clock.wrapAll('');\r\n gj.core.center($clock);\r\n }\r\n return $clock;\r\n },\r\n\r\n getHour: function ($clock) {\r\n return parseInt($clock.attr('hour'), 10) || 0;\r\n },\r\n\r\n getMinute: function ($clock) {\r\n return parseInt($clock.attr('minute'), 10) || 0;\r\n },\r\n\r\n setTime: function ($timepicker, $clock) {\r\n return function () {\r\n var hour = gj.timepicker.methods.getHour($clock),\r\n minute = gj.timepicker.methods.getMinute($clock),\r\n mode = $clock.attr('mode'),\r\n date = new Date(0, 0, 0, (hour === 12 && mode === 'am' ? 0 : hour), minute),\r\n data = $timepicker.data(),\r\n value = gj.core.formatDate(date, data.format, data.locale);\r\n $timepicker.value(value);\r\n $timepicker.close();\r\n }\r\n },\r\n\r\n getPointerValue: function (x, y, mode) {\r\n var value, radius, size = 256,\r\n angle = Math.atan2(size / 2 - x, size / 2 - y) / Math.PI * 180;\r\n\r\n if (angle < 0) {\r\n angle = 360 + angle;\r\n }\r\n\r\n switch (mode) {\r\n case 'ampm': {\r\n value = 12 - Math.round(angle * 12 / 360);\r\n return value === 0 ? 12 : value;\r\n }\r\n case '24hr': {\r\n radius = Math.sqrt(Math.pow(size / 2 - x, 2) + Math.pow(size / 2 - y, 2));\r\n value = 12 - Math.round(angle * 12 / 360);\r\n if (value === 0) {\r\n value = 12;\r\n }\r\n if (radius < size / 2 - 32) {\r\n value = value === 12 ? 0 : value + 12;\r\n }\r\n return value;\r\n }\r\n case 'minutes': {\r\n value = Math.round(60 - 60 * angle / 360);\r\n return value === 60 ? 0 : value;\r\n }\r\n }\r\n },\r\n\r\n updateArrow: function(e, $timepicker, $clock, data) {\r\n var rect, value,\r\n mouseX = $timepicker.mouseX(e),\r\n mouseY = $timepicker.mouseY(e),\r\n scrollY = window.scrollY || window.pageYOffset || 0,\r\n scrollX = window.scrollX || window.pageXOffset || 0;\r\n\r\n rect = e.target.getBoundingClientRect();\r\n if (data.dialMode == 'hours') {\r\n value = gj.timepicker.methods.getPointerValue(mouseX - scrollX - rect.left, mouseY - scrollY - rect.top, data.mode);\r\n $clock.attr('hour', data.mode === 'ampm' && $clock.attr('mode') === 'pm' && value < 12 ? value + 12 : value);\r\n } else if (data.dialMode == 'minutes') {\r\n value = gj.timepicker.methods.getPointerValue(mouseX - scrollX - rect.left, mouseY - scrollY - rect.top, 'minutes');\r\n $clock.attr('minute', value);\r\n }\r\n\r\n gj.timepicker.methods.update($timepicker, $clock, data);\r\n },\r\n\r\n update: function ($timepicker, $clock, data) {\r\n var hour, minute, $arrow, visualHour, $header, $numbers;\r\n\r\n // update the arrow\r\n hour = gj.timepicker.methods.getHour($clock);\r\n minute = gj.timepicker.methods.getMinute($clock);\r\n $arrow = $clock.find('[role=\"arrow\"]');\r\n if (data.dialMode == 'hours' && (hour == 0 || hour > 12) && data.mode === '24hr') {\r\n $arrow.css('width', 'calc(50% - 52px)');\r\n } else {\r\n $arrow.css('width', 'calc(50% - 20px)');\r\n }\r\n\r\n if (data.dialMode == 'hours') {\r\n $arrow.css('transform', 'rotate(' + ((hour * 30) - 90).toString() + 'deg)');\r\n } else {\r\n $arrow.css('transform', 'rotate(' + ((minute * 6) - 90).toString() + 'deg)');\r\n }\r\n $arrow.show();\r\n\r\n // update the numbers\r\n visualHour = (data.mode === 'ampm' && hour > 12 ? hour - 12 : (hour == 0 ? 12 : hour));\r\n $numbers = $clock.find('[role=\"body\"] span');\r\n $numbers.removeClass('selected');\r\n $numbers.filter(function (e) {\r\n if (data.dialMode == 'hours') {\r\n return parseInt($(this).text(), 10) == visualHour;\r\n } else {\r\n return parseInt($(this).text(), 10) == minute;\r\n }\r\n }).addClass('selected');\r\n\r\n // update the header\r\n if (data.header) {\r\n $header = $clock.find('[role=\"header\"]');\r\n $header.find('[role=\"hour\"]').text(visualHour);\r\n $header.find('[role=\"minute\"]').text(gj.core.pad(minute));\r\n if (data.mode === 'ampm') {\r\n if (hour >= 12) {\r\n $header.find('[role=\"pm\"]').addClass('selected');\r\n $header.find('[role=\"am\"]').removeClass('selected');\r\n } else {\r\n $header.find('[role=\"am\"]').addClass('selected');\r\n $header.find('[role=\"pm\"]').removeClass('selected');\r\n }\r\n }\r\n }\r\n },\r\n\r\n mouseDownHandler: function ($timepicker, $clock) {\r\n return function (e) {\r\n $timepicker.mouseMove = true;\r\n }\r\n },\r\n\r\n mouseMoveHandler: function ($timepicker, $clock, data) {\r\n return function (e) {\r\n if ($timepicker.mouseMove) {\r\n gj.timepicker.methods.updateArrow(e, $timepicker, $clock, data);\r\n }\r\n }\r\n },\r\n\r\n mouseUpHandler: function ($timepicker, $clock, data) {\r\n return function (e) {\r\n gj.timepicker.methods.updateArrow(e, $timepicker, $clock, data);\r\n $timepicker.mouseMove = false;\r\n if (!data.modal) {\r\n clearTimeout($timepicker.timeout);\r\n $timepicker.focus();\r\n }\r\n if (data.dialMode == 'hours') {\r\n setTimeout(function () {\r\n gj.timepicker.events.select($timepicker, 'hour');\r\n gj.timepicker.methods.renderMinutes($timepicker, $clock, data);\r\n }, 1000);\r\n } else if (data.dialMode == 'minutes') {\r\n if (data.footer !== true && data.autoClose !== false) {\r\n gj.timepicker.methods.setTime($timepicker, $clock)();\r\n }\r\n gj.timepicker.events.select($timepicker, 'minute');\r\n }\r\n }\r\n },\r\n\r\n renderHours: function ($timepicker, $clock, data) {\r\n var $dial, $body = $clock.find('[role=\"body\"]');\r\n\r\n clearTimeout($timepicker.timeout);\r\n $body.empty();\r\n $dial = $('');\r\n\r\n $dial.append('
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Remove timepicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return gj.picker.widget.prototype.destroy.call(this, 'timepicker');\r\n };\r\n\r\n /** Open the clock.\r\n * @method\r\n * @return timepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.open = function () {\r\n return gj.timepicker.methods.open(this);\r\n };\r\n\r\n /** Close the clock.\r\n * @method\r\n * @return timepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return gj.picker.widget.prototype.close.call(this, 'timepicker');\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-timepicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.timepicker.widget.prototype = new gj.picker.widget();\r\ngj.timepicker.widget.constructor = gj.timepicker.widget;\r\n\r\n(function ($) {\r\n $.fn.timepicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.timepicker.widget(this, method);\r\n } else {\r\n $widget = new gj.timepicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget DateTimePicker\r\n * @plugin Base\r\n */\r\ngj.datetimepicker = {\r\n plugins: {},\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.datetimepicker.config = {\r\n base: {\r\n\r\n /** The datepicker configuration options. Valid only for datepicker specific configuration options.\r\n * @additionalinfo All configuration options that exists on the datetimepicker level are going to override the options at datepicker level.\r\n * @type object\r\n * @default undefined\r\n * @example Sample \r\n * \r\n * \r\n */\r\n datepicker: gj.datepicker.config.base,\r\n\r\n timepicker: gj.timepicker.config.base,\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example MaterialDesign.Modal \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial datetimepicker value.\r\n * @type number\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n /** Specifies the format, which is used to format the value of the DatePicker displayed in the input.\r\n * @additionalinfo M - Minutes; no leading zero for single-digit minutes.
\r\n * MM - Minutes; leading zero for single-digit minutes.
\r\n * H - The hour, using a 24-hour clock from 0 to 23; no leading zero for single-digit hours.
\r\n * HH - The hour, using a 24-hour clock from 0 to 23; leading zero for single-digit hours.
\r\n * h - The hour, using a 12-hour clock from 1 to 12; no leading zero for single-digit hours.
\r\n * hh - The hour, using a 12-hour clock from 1 to 12; leading zero for single-digit hours
\r\n * tt - The AM/PM designator; lowercase.
\r\n * TT - The AM/PM designator; upercase.
\r\n * d - Day of the month as digits; no leading zero for single-digit days.
\r\n * dd - Day of the month as digits; leading zero for single-digit days.
\r\n * ddd - Day of the week as a three-letter abbreviation.
\r\n * dddd - Day of the week as its full name.
\r\n * m - Month as digits; no leading zero for single-digit months.
\r\n * mm - Month as digits; leading zero for single-digit months.
\r\n * mmm - Month as a three-letter abbreviation.
\r\n * mmmm - Month as its full name.
\r\n * yy - Year as last two digits; leading zero for years less than 10.
\r\n * yyyy - Year represented by four digits.
\r\n * @type String\r\n * @default 'HH:MM mm/dd/yyyy'\r\n * @example Sample \r\n * \r\n * \r\n * @example Long.Month.Format \r\n * \r\n * \r\n */\r\n format: 'HH:MM mm/dd/yyyy',\r\n\r\n /** The width of the datetimepicker.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** If set to true, the datetimepicker will have modal behavior.\r\n * @type Boolean\r\n * @default false\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n modal: false,\r\n\r\n /** If set to true, add footer with ok and cancel buttons to the datetimepicker.\r\n * @type Boolean\r\n * @default false\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n footer: false,\r\n\r\n /** The size of the datetimepicker input.\r\n * @type 'small'|'default'|'large'\r\n * @default 'default'\r\n * @example Bootstrap.4 \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Open the calendar.\r\n * @method\r\n * @return datetimepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.open = function () {\r\n gj.datepicker.methods.open(this, this.data().datepicker);\r\n };\r\n\r\n /** Close the calendar.\r\n * @method\r\n * @return datetimepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.close = function () {\r\n gj.datepicker.methods.close(this);\r\n };\r\n\r\n /** Remove datetimepicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-datetimepicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.datetimepicker.widget.prototype = new gj.widget();\r\ngj.datetimepicker.widget.constructor = gj.datetimepicker.widget;\r\n\r\ngj.datetimepicker.widget.prototype.getConfig = gj.datetimepicker.methods.getConfig;\r\n\r\n(function ($) {\r\n $.fn.datetimepicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.datetimepicker.widget(this, method);\r\n } else {\r\n $widget = new gj.datetimepicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget Slider\r\n * @plugin Base\r\n */\r\ngj.slider = {\r\n plugins: {},\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.slider.config = {\r\n base: {\r\n\r\n /** The minimum value of the Slider.\r\n * @type number\r\n * @default 0\r\n * @example JS.Config \r\n * \r\n * Value: \r\n * \r\n */\r\n min: 0,\r\n\r\n /** The maximum value of the Slider.\r\n * @type number\r\n * @default 10\r\n * @example JS.Config \r\n * \r\n * Value: \r\n * \r\n */\r\n max: 100,\r\n\r\n /** The width of the slider.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The orientation of a Slider: \"horizontal\" or \"vertical\".\r\n * @type (horizontal|vertical)\r\n * @default horizontal\r\n */\r\n // TODO orientation\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * Value: \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * Value: \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n * Value: \r\n *
\r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial slider value.\r\n * @type number\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * Value: \r\n * \r\n * @example HTML \r\n * \r\n * Value: \r\n * \r\n */\r\n value: undefined,\r\n\r\n icons: {},\r\n\r\n style: {\r\n wrapper: 'gj-slider gj-slider-md',\r\n progress: undefined,\r\n track: undefined\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-slider gj-slider-bootstrap gj-slider-bootstrap-3',\r\n progress: 'progress-bar',\r\n track: 'progress'\r\n }\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-slider gj-slider-bootstrap gj-slider-bootstrap-4',\r\n progress: 'progress-bar',\r\n track: 'progress'\r\n }\r\n }\r\n};\r\n\r\ngj.slider.methods = {\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'slider');\r\n this.attr('data-slider', 'true');\r\n gj.slider.methods.initialize(this, this.data());\r\n return this;\r\n },\r\n\r\n initialize: function ($slider, data) {\r\n var wrapper, track, handle, progress;\r\n\r\n $slider[0].style.display = 'none';\r\n\r\n if ($slider[0].parentElement.attributes.role !== 'wrapper') {\r\n wrapper = document.createElement('div');\r\n wrapper.setAttribute('role', 'wrapper');\r\n $slider[0].parentNode.insertBefore(wrapper, $slider[0]);\r\n wrapper.appendChild($slider[0]);\r\n } else {\r\n wrapper = $slider[0].parentElement;\r\n }\r\n\r\n if (data.width) {\r\n wrapper.style.width = data.width + 'px';\r\n }\r\n \r\n gj.core.addClasses(wrapper, data.style.wrapper);\r\n\r\n track = $slider[0].querySelector('[role=\"track\"]');\r\n if (track == null) {\r\n track = document.createElement('div');\r\n track.setAttribute('role', 'track');\r\n wrapper.appendChild(track);\r\n }\r\n gj.core.addClasses(track, data.style.track);\r\n\r\n handle = $slider[0].querySelector('[role=\"handle\"]');\r\n if (handle == null) {\r\n handle = document.createElement('div');\r\n handle.setAttribute('role', 'handle');\r\n wrapper.appendChild(handle);\r\n }\r\n\r\n progress = $slider[0].querySelector('[role=\"progress\"]');\r\n if (progress == null) {\r\n progress = document.createElement('div');\r\n progress.setAttribute('role', 'progress');\r\n wrapper.appendChild(progress);\r\n }\r\n gj.core.addClasses(progress, data.style.progress);\r\n\r\n if (!data.value) {\r\n data.value = data.min;\r\n }\r\n gj.slider.methods.value($slider, data, data.value);\r\n \r\n gj.documentManager.subscribeForEvent('mouseup', $slider.data('guid'), gj.slider.methods.createMouseUpHandler($slider, handle, data));\r\n handle.addEventListener('mousedown', gj.slider.methods.createMouseDownHandler(handle, data));\r\n gj.documentManager.subscribeForEvent('mousemove', $slider.data('guid'), gj.slider.methods.createMouseMoveHandler($slider, track, handle, progress, data));\r\n\r\n handle.addEventListener('click', function (e) { e.stopPropagation(); });\r\n wrapper.addEventListener('click', gj.slider.methods.createClickHandler($slider, track, handle, data));\r\n },\r\n\r\n createClickHandler: function ($slider, track, handle, data) {\r\n return function (e) {\r\n var sliderPos, x, offset, stepSize, newValue;\r\n if (handle.getAttribute('drag') !== 'true') {\r\n sliderPos = gj.core.position($slider[0].parentElement);\r\n x = new gj.widget().mouseX(e) - sliderPos.left;\r\n offset = gj.core.width(handle) / 2;\r\n stepSize = gj.core.width(track) / (data.max - data.min);\r\n newValue = Math.round((x - offset) / stepSize) + data.min;\r\n gj.slider.methods.value($slider, data, newValue);\r\n }\r\n };\r\n },\r\n\r\n createMouseUpHandler: function ($slider, handle, data) {\r\n return function (e) {\r\n if (handle.getAttribute('drag') === 'true') {\r\n handle.setAttribute('drag', 'false');\r\n gj.slider.events.change($slider);\r\n }\r\n }\r\n },\r\n\r\n createMouseDownHandler: function (handle, data) {\r\n return function (e) {\r\n handle.setAttribute('drag', 'true');\r\n }\r\n },\r\n\r\n createMouseMoveHandler: function ($slider, track, handle, progress, data) {\r\n return function (e) {\r\n var sliderPos, x, trackWidth, offset, stepSize, valuePos, newValue;\r\n if (handle.getAttribute('drag') === 'true') {\r\n sliderPos = gj.core.position($slider[0].parentElement);\r\n x = new gj.widget().mouseX(e) - sliderPos.left;\r\n\r\n trackWidth = gj.core.width(track);\r\n offset = gj.core.width(handle) / 2;\r\n stepSize = trackWidth / (data.max - data.min);\r\n valuePos = (data.value - data.min) * stepSize;\r\n\r\n if (x >= offset && x <= (trackWidth + offset)) {\r\n if (x > valuePos + (stepSize / 2) || x < valuePos - (stepSize / 2)) {\r\n newValue = Math.round((x - offset) / stepSize) + data.min;\r\n gj.slider.methods.value($slider, data, newValue);\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n value: function ($slider, data, value) {\r\n var stepSize, track, handle, progress;\r\n if (typeof (value) === \"undefined\") {\r\n return $slider[0].value;\r\n } else {\r\n $slider[0].setAttribute('value', value);\r\n data.value = value;\r\n track = $slider.parent().children('[role=\"track\"]')[0]\r\n stepSize = gj.core.width(track) / (data.max - data.min);\r\n handle = $slider.parent().children('[role=\"handle\"]')[0];\r\n handle.style.left = ((value - data.min) * stepSize) + 'px';\r\n progress = $slider.parent().children('[role=\"progress\"]')[0];\r\n progress.style.width = ((value - data.min) * stepSize) + 'px';\r\n gj.slider.events.slide($slider, value);\r\n return $slider;\r\n }\r\n },\r\n\r\n destroy: function ($slider) {\r\n var data = $slider.data(),\r\n $wrapper = $slider.parent();\r\n if (data) {\r\n $wrapper.children('[role=\"track\"]').remove();\r\n $wrapper.children('[role=\"handle\"]').remove();\r\n $wrapper.children('[role=\"progress\"]').remove();\r\n $slider.unwrap();\r\n $slider.off();\r\n $slider.removeData();\r\n $slider.removeAttr('data-type').removeAttr('data-guid').removeAttr('data-slider');\r\n $slider.removeClass();\r\n $slider.show();\r\n }\r\n return $slider;\r\n }\r\n};\r\n\r\ngj.slider.events = {\r\n /**\r\n * Fires when the slider value changes as a result of selecting a new value with the drag handle, buttons or keyboard.\r\n *\r\n * @event change\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n change: function ($slider) {\r\n return $slider.triggerHandler('change');\r\n },\r\n\r\n /**\r\n * Fires when the user drags the drag handle to a new position.\r\n * @event slide\r\n * @param {object} e - event data\r\n * @param {object} value - The value of the slider.\r\n * @example sample \r\n * \r\n * Value: \r\n * \r\n */\r\n slide: function ($slider, value) {\r\n return $slider.triggerHandler('slide', [value]);\r\n }\r\n};\r\n\r\ngj.slider.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.slider.methods;\r\n\r\n /** Gets or sets the value of the slider.\r\n * @method\r\n * @param {string} value - The value that needs to be selected.\r\n * @return string\r\n * @example Get \r\n * \r\n * ' + data.icons.previousMonth + '
').on('click', gj.datepicker.methods.prev($datepicker, data)));\r\n $navigator.append($('').on('click', gj.datepicker.methods.changePeriod($datepicker, data)));\r\n $navigator.append($('' + data.icons.nextMonth + '
').on('click', gj.datepicker.methods.next($datepicker, data)));\r\n $body.append($navigator);\r\n \r\n $row = $('' + gj.core.messages[data.locale].weekDaysMin[i] + '
' + gj.core.messages[data.locale].weekDaysMin[i] + '
' + gj.datepicker.methods.getWeekNumber(date) + '
' + day + '
');\r\n $cell.append($day);\r\n if (data.selectOtherMonths && gj.datepicker.methods.isSelectable(data, date)) {\r\n $cell.addClass('gj-cursor-pointer').attr('day', day).attr('month', prevMonth.month).attr('year', prevMonth.year);\r\n $day.on('click', gj.datepicker.methods.dayClickHandler($datepicker, $calendar, data, date));\r\n $day.on('mousedown', function (e) { e.stopPropagation() });\r\n } else {\r\n $cell.addClass('disabled');\r\n }\r\n }\r\n $row.append($cell);\r\n weekDay++;\r\n }\r\n if (i > 1) {\r\n $tbody.append($row);\r\n }\r\n\r\n now = new Date();\r\n for (i = 1; i <= total; i++) {\r\n date = new Date(year, month, i);\r\n if (weekDay == 0) {\r\n $row = $('' + gj.datepicker.methods.getWeekNumber(date) + '
' + i + '
');\r\n if (gj.datepicker.methods.isSelectable(data, date)) {\r\n $cell.addClass('gj-cursor-pointer');\r\n $day.on('click', gj.datepicker.methods.dayClickHandler($datepicker, $calendar, data, date));\r\n $day.on('mousedown', function (e) { e.stopPropagation() });\r\n } else {\r\n $cell.addClass('disabled');\r\n }\r\n $cell.append($day);\r\n $row.append($cell);\r\n weekDay++;\r\n if (weekDay == 7) {\r\n $tbody.append($row);\r\n weekDay = 0;\r\n }\r\n }\r\n\r\n nextMonth = gj.datepicker.methods.getNextMonth(month, year);\r\n for (i = 1; weekDay != 0; i++) {\r\n date = new Date(nextMonth.year, nextMonth.month, i);\r\n $cell = $('' + i + '
');\r\n if (data.selectOtherMonths && gj.datepicker.methods.isSelectable(data, date)) {\r\n $cell.addClass('gj-cursor-pointer').attr('day', i).attr('month', nextMonth.month).attr('year', nextMonth.year);\r\n $day.on('click', gj.datepicker.methods.dayClickHandler($datepicker, $calendar, data, date));\r\n $day.on('mousedown', function (e) { e.stopPropagation() });\r\n } else {\r\n $cell.addClass('disabled');\r\n }\r\n $cell.append($day);\r\n }\r\n $row.append($cell);\r\n weekDay++;\r\n if (weekDay == 7) {\r\n $tbody.append($row);\r\n weekDay = 0;\r\n }\r\n }\r\n\r\n $table.append($tbody);\r\n $body.append($table);\r\n\r\n if ($calendar.attr('selectedDay')) {\r\n selectedDay = $calendar.attr('selectedDay').split('-');\r\n date = new Date(selectedDay[0], selectedDay[1], selectedDay[2], $calendar.attr('hour') || 0, $calendar.attr('minute') || 0);\r\n $calendar.find('tbody td[day=\"' + selectedDay[2] + '\"][month=\"' + selectedDay[1] + '\"]').addClass('selected');\r\n gj.datepicker.methods.updateHeader($calendar, data, date);\r\n }\r\n },\r\n\r\n renderYear: function ($datepicker, $calendar, data) {\r\n var year, i, m, $month,\r\n $table = $calendar.find('>[role=\"body\"]>table'),\r\n $tbody = $table.children('tbody');\r\n \r\n $table.children('thead').hide();\r\n\r\n year = parseInt($calendar.attr('year'), 10);\r\n\r\n $calendar.attr('type', 'year');\r\n $calendar.find('div[role=\"period\"]').text(year);\r\n\r\n $tbody.empty();\r\n\r\n for (i = 0; i < 3; i++) {\r\n $row = $('' + gj.core.messages[data.locale].monthShortNames[m] + '
');\r\n $month.on('click', gj.datepicker.methods.selectMonth($datepicker, $calendar, data, m));\r\n $cell = $('' + y + '
');\r\n $year.on('click', gj.datepicker.methods.selectYear($datepicker, $calendar, data, y));\r\n $cell = $('' + d + '
');\r\n $decade.on('click', gj.datepicker.methods.selectDecade($datepicker, $calendar, data, d));\r\n $cell = $('Click on the month name in order to select another month.
\r\n * \r\n */\r\n select: function ($datepicker, type) {\r\n return $datepicker.triggerHandler('select', [type]);\r\n },\r\n\r\n /**\r\n * Event fires when the calendar is opened.\r\n * @event open\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n open: function ($datepicker) {\r\n return $datepicker.triggerHandler('open');\r\n },\r\n\r\n /**\r\n * Event fires when the calendar is closed.\r\n * @event close\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n close: function ($datepicker) {\r\n return $datepicker.triggerHandler('close');\r\n }\r\n};\r\n\r\ngj.datepicker.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.datepicker.methods;\r\n\r\n /** Gets or sets the value of the datepicker.\r\n * @method\r\n * @param {string} value - The value that needs to be selected.\r\n * @return string | datepicker object\r\n * @example Get \r\n * \r\n *\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Remove datepicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n /** Open the calendar.\r\n * @method\r\n * @return datepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.open = function () {\r\n return methods.open(this, this.data());\r\n };\r\n\r\n /** Close the calendar.\r\n * @method\r\n * @return datepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return methods.close(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-datepicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.datepicker.widget.prototype = new gj.widget();\r\ngj.datepicker.widget.constructor = gj.datepicker.widget;\r\n\r\n(function ($) {\r\n $.fn.datepicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.datepicker.widget(this, method);\r\n } else {\r\n $widget = new gj.datepicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget TimePicker\r\n * @plugin Base\r\n */\r\ngj.timepicker = {\r\n plugins: {}\r\n};\r\n\r\ngj.timepicker.config = {\r\n base: {\r\n\r\n /** The width of the timepicker.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** If set to true, the timepicker will have modal behavior.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n modal: true,\r\n\r\n /** If set to true, add header to the timepicker.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n header: true,\r\n\r\n /** If set to true, add footer with ok and cancel buttons to the timepicker.\r\n * @type Boolean\r\n * @default true\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n footer: true,\r\n\r\n /** Specifies the format, which is used to format the value of the timepicker displayed in the input.\r\n * @additionalinfo M - Minutes; no leading zero for single-digit minutes.
\r\n * MM - Minutes; leading zero for single-digit minutes.
\r\n * H - The hour, using a 24-hour clock from 0 to 23; no leading zero for single-digit hours.
\r\n * HH - The hour, using a 24-hour clock from 0 to 23; leading zero for single-digit hours.
\r\n * h - The hour, using a 12-hour clock from 1 to 12; no leading zero for single-digit hours.
\r\n * hh - The hour, using a 12-hour clock from 1 to 12; leading zero for single-digit hours
\r\n * tt - The AM/PM designator; lowercase.
\r\n * TT - The AM/PM designator; upercase.
\r\n * @type String\r\n * @default 'MM:HH'\r\n * @example Sample \r\n * \r\n * \r\n */\r\n format: 'HH:MM',\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial timepicker value.\r\n * @type String\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n /** The timepicker mode. Tells the component to display the picker in ampm (12hr) format or 24hr format.\r\n * @type ampm|24hr\r\n * @default 'ampm'\r\n * @example ampm \r\n * \r\n * \r\n * @example 24hr \r\n * \r\n * \r\n */\r\n mode: 'ampm',\r\n\r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example German \r\n * \r\n * \r\n * @example Bulgarian \r\n * \r\n * \r\n * @example French \r\n * \r\n * \r\n * @example Brazil \r\n * \r\n * \r\n * @example Russian \r\n * \r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n /** The size of the timepicker input.\r\n * @type 'small'|'default'|'large'\r\n * @default 'default'\r\n * @example Bootstrap.4 \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Material.Design \r\n *
\r\n *
\r\n *
\r\n * \r\n */\r\n size: 'default',\r\n\r\n icons: {\r\n rightIcon: ''\r\n },\r\n\r\n style: {\r\n modal: 'gj-modal',\r\n wrapper: 'gj-timepicker gj-timepicker-md gj-unselectable',\r\n input: 'gj-textbox-md',\r\n clock: 'gj-picker gj-picker-md timepicker',\r\n footer: '',\r\n button: 'gj-button-md'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n wrapper: 'gj-timepicker gj-timepicker-bootstrap gj-unselectable input-group',\r\n input: 'form-control',\r\n clock: 'gj-picker gj-picker-bootstrap timepicker',\r\n footer: 'modal-footer',\r\n button: 'btn btn-default'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n wrapper: 'gj-timepicker gj-timepicker-bootstrap gj-unselectable input-group',\r\n input: 'form-control border',\r\n clock: 'gj-picker gj-picker-bootstrap timepicker',\r\n footer: 'modal-footer',\r\n button: 'btn btn-default'\r\n }\r\n }\r\n};\r\n\r\ngj.timepicker.methods = {\r\n init: function (jsConfig) {\r\n gj.picker.widget.prototype.init.call(this, jsConfig, 'timepicker');\r\n return this;\r\n },\r\n\r\n initialize: function () {\r\n\r\n },\r\n\r\n initMouse: function ($body, $input, $picker, data) {\r\n $body.off();\r\n $body.on('mousedown', gj.timepicker.methods.mouseDownHandler($input, $picker));\r\n $body.on('mousemove', gj.timepicker.methods.mouseMoveHandler($input, $picker, data));\r\n $body.on('mouseup', gj.timepicker.methods.mouseUpHandler($input, $picker, data));\r\n },\r\n\r\n createPicker: function ($timepicker) {\r\n var date, data = $timepicker.data(),\r\n $clock = $('').addClass(data.style.clock).attr('guid', $timepicker.attr('data-guid')),\r\n $hour = $(''),\r\n $minute = $(''),\r\n $header = $(''),\r\n $mode = $(''),\r\n $body = $(''),\r\n $btnOk = $(''),\r\n $btnCancel = $(''),\r\n $footer = $('');\r\n\r\n date = gj.core.parseDate(data.value, data.format, data.locale);\r\n if (!date || isNaN(date.getTime())) {\r\n date = new Date();\r\n } else {\r\n $timepicker.attr('hours', date.getHours());\r\n }\r\n\r\n gj.timepicker.methods.initMouse($body, $timepicker, $clock, data);\r\n\r\n if (data.header) {\r\n $hour.on('click', function () {\r\n gj.timepicker.methods.renderHours($timepicker, $clock, data);\r\n });\r\n $minute.on('click', function () {\r\n gj.timepicker.methods.renderMinutes($timepicker, $clock, data);\r\n });\r\n $header.append($hour).append(':').append($minute);\r\n if (data.mode === 'ampm') {\r\n $mode.append($('' + gj.core.messages[data.locale].am + '').on('click', function () {\r\n var hour = gj.timepicker.methods.getHour($clock);\r\n $clock.attr('mode', 'am');\r\n $(this).addClass('selected');\r\n $(this).parent().children('[role=\"pm\"]').removeClass('selected');\r\n if (hour >= 12) {\r\n $clock.attr('hour', hour - 12);\r\n }\r\n if (!data.modal) {\r\n clearTimeout($timepicker.timeout);\r\n $timepicker.focus();\r\n }\r\n }));\r\n $mode.append('
');\r\n $mode.append($('' + gj.core.messages[data.locale].pm + '').on('click', function () {\r\n var hour = gj.timepicker.methods.getHour($clock);\r\n $clock.attr('mode', 'pm');\r\n $(this).addClass('selected');\r\n $(this).parent().children('[role=\"am\"]').removeClass('selected');\r\n if (hour < 12) {\r\n $clock.attr('hour', hour + 12);\r\n }\r\n if (!data.modal) {\r\n clearTimeout($timepicker.timeout);\r\n $timepicker.focus();\r\n }\r\n }));\r\n $header.append($mode);\r\n }\r\n $clock.append($header);\r\n }\r\n \r\n $clock.append($body);\r\n\r\n if (data.footer) {\r\n $btnCancel.on('click', function () { $timepicker.close(); });\r\n $footer.append($btnCancel);\r\n $btnOk.on('click', gj.timepicker.methods.setTime($timepicker, $clock));\r\n $footer.append($btnOk);\r\n $clock.append($footer);\r\n }\r\n\r\n $clock.hide();\r\n\r\n $('body').append($clock);\r\n\r\n if (data.modal) {\r\n $clock.wrapAll('');\r\n gj.core.center($clock);\r\n }\r\n return $clock;\r\n },\r\n\r\n getHour: function ($clock) {\r\n return parseInt($clock.attr('hour'), 10) || 0;\r\n },\r\n\r\n getMinute: function ($clock) {\r\n return parseInt($clock.attr('minute'), 10) || 0;\r\n },\r\n\r\n setTime: function ($timepicker, $clock) {\r\n return function () {\r\n var hour = gj.timepicker.methods.getHour($clock),\r\n minute = gj.timepicker.methods.getMinute($clock),\r\n mode = $clock.attr('mode'),\r\n date = new Date(0, 0, 0, (hour === 12 && mode === 'am' ? 0 : hour), minute),\r\n data = $timepicker.data(),\r\n value = gj.core.formatDate(date, data.format, data.locale);\r\n $timepicker.value(value);\r\n $timepicker.close();\r\n }\r\n },\r\n\r\n getPointerValue: function (x, y, mode) {\r\n var value, radius, size = 256,\r\n angle = Math.atan2(size / 2 - x, size / 2 - y) / Math.PI * 180;\r\n\r\n if (angle < 0) {\r\n angle = 360 + angle;\r\n }\r\n\r\n switch (mode) {\r\n case 'ampm': {\r\n value = 12 - Math.round(angle * 12 / 360);\r\n return value === 0 ? 12 : value;\r\n }\r\n case '24hr': {\r\n radius = Math.sqrt(Math.pow(size / 2 - x, 2) + Math.pow(size / 2 - y, 2));\r\n value = 12 - Math.round(angle * 12 / 360);\r\n if (value === 0) {\r\n value = 12;\r\n }\r\n if (radius < size / 2 - 32) {\r\n value = value === 12 ? 0 : value + 12;\r\n }\r\n return value;\r\n }\r\n case 'minutes': {\r\n value = Math.round(60 - 60 * angle / 360);\r\n return value === 60 ? 0 : value;\r\n }\r\n }\r\n },\r\n\r\n updateArrow: function(e, $timepicker, $clock, data) {\r\n var rect, value,\r\n mouseX = $timepicker.mouseX(e),\r\n mouseY = $timepicker.mouseY(e),\r\n scrollY = window.scrollY || window.pageYOffset || 0,\r\n scrollX = window.scrollX || window.pageXOffset || 0;\r\n\r\n rect = e.target.getBoundingClientRect();\r\n if (data.dialMode == 'hours') {\r\n value = gj.timepicker.methods.getPointerValue(mouseX - scrollX - rect.left, mouseY - scrollY - rect.top, data.mode);\r\n $clock.attr('hour', data.mode === 'ampm' && $clock.attr('mode') === 'pm' && value < 12 ? value + 12 : value);\r\n } else if (data.dialMode == 'minutes') {\r\n value = gj.timepicker.methods.getPointerValue(mouseX - scrollX - rect.left, mouseY - scrollY - rect.top, 'minutes');\r\n $clock.attr('minute', value);\r\n }\r\n\r\n gj.timepicker.methods.update($timepicker, $clock, data);\r\n },\r\n\r\n update: function ($timepicker, $clock, data) {\r\n var hour, minute, $arrow, visualHour, $header, $numbers;\r\n\r\n // update the arrow\r\n hour = gj.timepicker.methods.getHour($clock);\r\n minute = gj.timepicker.methods.getMinute($clock);\r\n $arrow = $clock.find('[role=\"arrow\"]');\r\n if (data.dialMode == 'hours' && (hour == 0 || hour > 12) && data.mode === '24hr') {\r\n $arrow.css('width', 'calc(50% - 52px)');\r\n } else {\r\n $arrow.css('width', 'calc(50% - 20px)');\r\n }\r\n\r\n if (data.dialMode == 'hours') {\r\n $arrow.css('transform', 'rotate(' + ((hour * 30) - 90).toString() + 'deg)');\r\n } else {\r\n $arrow.css('transform', 'rotate(' + ((minute * 6) - 90).toString() + 'deg)');\r\n }\r\n $arrow.show();\r\n\r\n // update the numbers\r\n visualHour = (data.mode === 'ampm' && hour > 12 ? hour - 12 : (hour == 0 ? 12 : hour));\r\n $numbers = $clock.find('[role=\"body\"] span');\r\n $numbers.removeClass('selected');\r\n $numbers.filter(function (e) {\r\n if (data.dialMode == 'hours') {\r\n return parseInt($(this).text(), 10) == visualHour;\r\n } else {\r\n return parseInt($(this).text(), 10) == minute;\r\n }\r\n }).addClass('selected');\r\n\r\n // update the header\r\n if (data.header) {\r\n $header = $clock.find('[role=\"header\"]');\r\n $header.find('[role=\"hour\"]').text(visualHour);\r\n $header.find('[role=\"minute\"]').text(gj.core.pad(minute));\r\n if (data.mode === 'ampm') {\r\n if (hour >= 12) {\r\n $header.find('[role=\"pm\"]').addClass('selected');\r\n $header.find('[role=\"am\"]').removeClass('selected');\r\n } else {\r\n $header.find('[role=\"am\"]').addClass('selected');\r\n $header.find('[role=\"pm\"]').removeClass('selected');\r\n }\r\n }\r\n }\r\n },\r\n\r\n mouseDownHandler: function ($timepicker, $clock) {\r\n return function (e) {\r\n $timepicker.mouseMove = true;\r\n }\r\n },\r\n\r\n mouseMoveHandler: function ($timepicker, $clock, data) {\r\n return function (e) {\r\n if ($timepicker.mouseMove) {\r\n gj.timepicker.methods.updateArrow(e, $timepicker, $clock, data);\r\n }\r\n }\r\n },\r\n\r\n mouseUpHandler: function ($timepicker, $clock, data) {\r\n return function (e) {\r\n gj.timepicker.methods.updateArrow(e, $timepicker, $clock, data);\r\n $timepicker.mouseMove = false;\r\n if (!data.modal) {\r\n clearTimeout($timepicker.timeout);\r\n $timepicker.focus();\r\n }\r\n if (data.dialMode == 'hours') {\r\n setTimeout(function () {\r\n gj.timepicker.events.select($timepicker, 'hour');\r\n gj.timepicker.methods.renderMinutes($timepicker, $clock, data);\r\n }, 1000);\r\n } else if (data.dialMode == 'minutes') {\r\n if (data.footer !== true && data.autoClose !== false) {\r\n gj.timepicker.methods.setTime($timepicker, $clock)();\r\n }\r\n gj.timepicker.events.select($timepicker, 'minute');\r\n }\r\n }\r\n },\r\n\r\n renderHours: function ($timepicker, $clock, data) {\r\n var $dial, $body = $clock.find('[role=\"body\"]');\r\n\r\n clearTimeout($timepicker.timeout);\r\n $body.empty();\r\n $dial = $('');\r\n\r\n $dial.append('
');\r\n\r\n $dial.append('1');\r\n $dial.append('2');\r\n $dial.append('3');\r\n $dial.append('4');\r\n $dial.append('5');\r\n $dial.append('6');\r\n $dial.append('7');\r\n $dial.append('8');\r\n $dial.append('9');\r\n $dial.append('10');\r\n $dial.append('11');\r\n $dial.append('12');\r\n if (data.mode === '24hr') {\r\n $dial.append('13');\r\n $dial.append('14');\r\n $dial.append('15');\r\n $dial.append('16');\r\n $dial.append('17');\r\n $dial.append('18');\r\n $dial.append('19');\r\n $dial.append('20');\r\n $dial.append('21');\r\n $dial.append('22');\r\n $dial.append('23');\r\n $dial.append('00');\r\n }\r\n $body.append($dial);\r\n\r\n $clock.find('[role=\"header\"] [role=\"hour\"]').addClass('selected');\r\n $clock.find('[role=\"header\"] [role=\"minute\"]').removeClass('selected');\r\n\r\n data.dialMode = 'hours';\r\n\r\n gj.timepicker.methods.update($timepicker, $clock, data);\r\n },\r\n\r\n renderMinutes: function ($timepicker, $clock, data) {\r\n var $body = $clock.find('[role=\"body\"]');\r\n\r\n clearTimeout($timepicker.timeout);\r\n $body.empty();\r\n $dial = $('');\r\n\r\n $dial.append('
');\r\n\r\n $dial.append('5');\r\n $dial.append('10');\r\n $dial.append('15');\r\n $dial.append('20');\r\n $dial.append('25');\r\n $dial.append('30');\r\n $dial.append('35');\r\n $dial.append('40');\r\n $dial.append('45');\r\n $dial.append('50');\r\n $dial.append('55');\r\n $dial.append('00');\r\n $body.append($dial);\r\n\r\n $clock.find('[role=\"header\"] [role=\"hour\"]').removeClass('selected');\r\n $clock.find('[role=\"header\"] [role=\"minute\"]').addClass('selected');\r\n \r\n data.dialMode = 'minutes';\r\n\r\n gj.timepicker.methods.update($timepicker, $clock, data);\r\n },\r\n\r\n open: function ($timepicker) {\r\n var time, hour, data = $timepicker.data(),\r\n $clock = $('body').find('[role=\"picker\"][guid=\"' + $timepicker.attr('data-guid') + '\"]');\r\n\r\n if ($timepicker.value()) {\r\n time = gj.core.parseDate($timepicker.value(), data.format, data.locale);\r\n } else {\r\n time = new Date();\r\n }\r\n hour = time.getHours();\r\n if (data.mode === 'ampm') {\r\n $clock.attr('mode', hour > 12 ? 'pm' : 'am');\r\n }\r\n $clock.attr('hour', hour);\r\n $clock.attr('minute', time.getMinutes());\r\n\r\n gj.timepicker.methods.renderHours($timepicker, $clock, data);\r\n\r\n gj.picker.widget.prototype.open.call($timepicker, 'timepicker');\r\n return $timepicker;\r\n },\r\n\r\n value: function ($timepicker, value) {\r\n var $clock, time, data = $timepicker.data();\r\n if (typeof (value) === \"undefined\") {\r\n return $timepicker.val();\r\n } else {\r\n $timepicker.val(value);\r\n gj.timepicker.events.change($timepicker);\r\n return $timepicker;\r\n }\r\n }\r\n};\r\n\r\ngj.timepicker.events = {\r\n /**\r\n * Triggered when the timepicker value is changed.\r\n *\r\n * @event change\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n change: function ($timepicker) {\r\n return $timepicker.triggerHandler('change');\r\n },\r\n\r\n /**\r\n * Triggered when new value is selected inside the picker.\r\n *\r\n * @event select\r\n * @param {object} e - event data\r\n * @param {string} type - The type of the selection. The options are hour and minute.\r\n * @example sample \r\n * \r\n * \r\n */\r\n select: function ($timepicker, type) {\r\n return $timepicker.triggerHandler('select', [type]);\r\n },\r\n\r\n /**\r\n * Event fires when the timepicker is opened.\r\n * @event open\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n open: function ($timepicker) {\r\n return $timepicker.triggerHandler('open');\r\n },\r\n\r\n /**\r\n * Event fires when the timepicker is closed.\r\n * @event close\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n close: function ($timepicker) {\r\n return $timepicker.triggerHandler('close');\r\n }\r\n};\r\n\r\ngj.timepicker.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.timepicker.methods;\r\n\r\n self.mouseMove = false;\r\n\r\n /** Gets or sets the value of the timepicker.\r\n * @method\r\n * @param {string} value - The value that needs to be selected.\r\n * @return string\r\n * @example Get \r\n * \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Remove timepicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return gj.picker.widget.prototype.destroy.call(this, 'timepicker');\r\n };\r\n\r\n /** Open the clock.\r\n * @method\r\n * @return timepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.open = function () {\r\n return gj.timepicker.methods.open(this);\r\n };\r\n\r\n /** Close the clock.\r\n * @method\r\n * @return timepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return gj.picker.widget.prototype.close.call(this, 'timepicker');\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-timepicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.timepicker.widget.prototype = new gj.picker.widget();\r\ngj.timepicker.widget.constructor = gj.timepicker.widget;\r\n\r\n(function ($) {\r\n $.fn.timepicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.timepicker.widget(this, method);\r\n } else {\r\n $widget = new gj.timepicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget DateTimePicker\r\n * @plugin Base\r\n */\r\ngj.datetimepicker = {\r\n plugins: {},\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.datetimepicker.config = {\r\n base: {\r\n\r\n /** The datepicker configuration options. Valid only for datepicker specific configuration options.\r\n * @additionalinfo All configuration options that exists on the datetimepicker level are going to override the options at datepicker level.\r\n * @type object\r\n * @default undefined\r\n * @example Sample \r\n * \r\n * \r\n */\r\n datepicker: gj.datepicker.config.base,\r\n\r\n timepicker: gj.timepicker.config.base,\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example MaterialDesign.Modal \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial datetimepicker value.\r\n * @type number\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n /** Specifies the format, which is used to format the value of the DatePicker displayed in the input.\r\n * @additionalinfo M - Minutes; no leading zero for single-digit minutes.
\r\n * MM - Minutes; leading zero for single-digit minutes.
\r\n * H - The hour, using a 24-hour clock from 0 to 23; no leading zero for single-digit hours.
\r\n * HH - The hour, using a 24-hour clock from 0 to 23; leading zero for single-digit hours.
\r\n * h - The hour, using a 12-hour clock from 1 to 12; no leading zero for single-digit hours.
\r\n * hh - The hour, using a 12-hour clock from 1 to 12; leading zero for single-digit hours
\r\n * tt - The AM/PM designator; lowercase.
\r\n * TT - The AM/PM designator; upercase.
\r\n * d - Day of the month as digits; no leading zero for single-digit days.
\r\n * dd - Day of the month as digits; leading zero for single-digit days.
\r\n * ddd - Day of the week as a three-letter abbreviation.
\r\n * dddd - Day of the week as its full name.
\r\n * m - Month as digits; no leading zero for single-digit months.
\r\n * mm - Month as digits; leading zero for single-digit months.
\r\n * mmm - Month as a three-letter abbreviation.
\r\n * mmmm - Month as its full name.
\r\n * yy - Year as last two digits; leading zero for years less than 10.
\r\n * yyyy - Year represented by four digits.
\r\n * @type String\r\n * @default 'HH:MM mm/dd/yyyy'\r\n * @example Sample \r\n * \r\n * \r\n * @example Long.Month.Format \r\n * \r\n * \r\n */\r\n format: 'HH:MM mm/dd/yyyy',\r\n\r\n /** The width of the datetimepicker.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** If set to true, the datetimepicker will have modal behavior.\r\n * @type Boolean\r\n * @default false\r\n * @example Material.Design \r\n * \r\n * \r\n * @example Bootstrap \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n modal: false,\r\n\r\n /** If set to true, add footer with ok and cancel buttons to the datetimepicker.\r\n * @type Boolean\r\n * @default false\r\n * @example True \r\n * \r\n * \r\n * @example False \r\n * \r\n * \r\n */\r\n footer: false,\r\n\r\n /** The size of the datetimepicker input.\r\n * @type 'small'|'default'|'large'\r\n * @default 'default'\r\n * @example Bootstrap.4 \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Bootstrap.4.Font.Awesome \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Bootstrap.3 \r\n *
\r\n *
\r\n *
\r\n * \r\n * @example Material.Design \r\n *
\r\n *
\r\n *
\r\n * \r\n */\r\n size: 'default',\r\n \r\n /** The language that needs to be in use.\r\n * @type string\r\n * @default 'en-us'\r\n * @example German \r\n * \r\n * \r\n * @example Bulgarian \r\n * \r\n * \r\n */\r\n locale: 'en-us',\r\n\r\n icons: {},\r\n\r\n style: {\r\n calendar: 'gj-picker gj-picker-md datetimepicker gj-unselectable'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {\r\n calendar: 'gj-picker gj-picker-bootstrap datetimepicker gj-unselectable'\r\n },\r\n iconsLibrary: 'glyphicons'\r\n },\r\n\r\n bootstrap4: {\r\n style: {\r\n calendar: 'gj-picker gj-picker-bootstrap datetimepicker gj-unselectable'\r\n }\r\n }\r\n};\r\n\r\ngj.datetimepicker.methods = {\r\n init: function (jsConfig) {\r\n gj.widget.prototype.init.call(this, jsConfig, 'datetimepicker');\r\n this.attr('data-datetimepicker', 'true');\r\n gj.datetimepicker.methods.initialize(this);\r\n return this;\r\n },\r\n\r\n getConfig: function (clientConfig, type) {\r\n var config = gj.widget.prototype.getConfig.call(this, clientConfig, type);\r\n\r\n uiLibrary = clientConfig.hasOwnProperty('uiLibrary') ? clientConfig.uiLibrary : config.uiLibrary;\r\n if (gj.datepicker.config[uiLibrary]) {\r\n $.extend(true, config.datepicker, gj.datepicker.config[uiLibrary]);\r\n }\r\n if (gj.timepicker.config[uiLibrary]) {\r\n $.extend(true, config.timepicker, gj.timepicker.config[uiLibrary]);\r\n }\r\n\r\n iconsLibrary = clientConfig.hasOwnProperty('iconsLibrary') ? clientConfig.iconsLibrary : config.iconsLibrary;\r\n if (gj.datepicker.config[iconsLibrary]) {\r\n $.extend(true, config.datepicker, gj.datepicker.config[iconsLibrary]);\r\n }\r\n if (gj.timepicker.config[iconsLibrary]) {\r\n $.extend(true, config.timepicker, gj.timepicker.config[iconsLibrary]);\r\n }\r\n\r\n return config;\r\n },\r\n\r\n initialize: function ($datetimepicker) {\r\n var $picker, $header, $date, $time, date,\r\n $switch, $calendarMode, $clockMode,\r\n data = $datetimepicker.data();\r\n\r\n // Init datepicker\r\n data.datepicker.uiLibrary = data.uiLibrary;\r\n data.datepicker.iconsLibrary = data.iconsLibrary;\r\n data.datepicker.width = data.width;\r\n data.datepicker.format = data.format;\r\n data.datepicker.locale = data.locale;\r\n data.datepicker.modal = data.modal;\r\n data.datepicker.footer = data.footer;\r\n data.datepicker.style.calendar = data.style.calendar;\r\n data.datepicker.value = data.value;\r\n data.datepicker.size = data.size;\r\n data.datepicker.autoClose = false;\r\n gj.datepicker.methods.initialize($datetimepicker, data.datepicker);\r\n $datetimepicker.on('select', function (e, type) {\r\n var date, value;\r\n if (type === 'day') {\r\n gj.datetimepicker.methods.createShowHourHandler($datetimepicker, $picker, data)();\r\n } else if (type === 'minute') {\r\n if ($picker.attr('selectedDay') && data.footer !== true) {\r\n selectedDay = $picker.attr('selectedDay').split('-');\r\n date = new Date(selectedDay[0], selectedDay[1], selectedDay[2], $picker.attr('hour') || 0, $picker.attr('minute') || 0);\r\n value = gj.core.formatDate(date, data.format, data.locale);\r\n $datetimepicker.val(value);\r\n gj.datetimepicker.events.change($datetimepicker);\r\n gj.datetimepicker.methods.close($datetimepicker);\r\n }\r\n }\r\n });\r\n $datetimepicker.on('open', function () {\r\n var $header = $picker.children('[role=\"header\"]');\r\n $header.find('[role=\"calendarMode\"]').addClass(\"selected\");\r\n $header.find('[role=\"clockMode\"]').removeClass(\"selected\");\r\n });\r\n\r\n $picker = $('body').find('[role=\"calendar\"][guid=\"' + $datetimepicker.attr('data-guid') + '\"]');\r\n date = data.value ? gj.core.parseDate(data.value, data.format, data.locale) : new Date();\r\n $picker.attr('hour', date.getHours());\r\n $picker.attr('minute', date.getMinutes());\r\n\r\n // Init timepicker\r\n data.timepicker.uiLibrary = data.uiLibrary;\r\n data.timepicker.iconsLibrary = data.iconsLibrary;\r\n data.timepicker.format = data.format;\r\n data.timepicker.locale = data.locale;\r\n data.timepicker.header = true;\r\n data.timepicker.footer = data.footer;\r\n data.timepicker.size = data.size;\r\n data.timepicker.mode = '24hr';\r\n data.timepicker.autoClose = false;\r\n\r\n // Init header \r\n $header = $('');\r\n $date = $('');\r\n $date.on('click', gj.datetimepicker.methods.createShowDateHandler($datetimepicker, $picker, data));\r\n $date.html(gj.core.formatDate(new Date(), 'ddd, mmm dd', data.locale));\r\n $header.append($date);\r\n\r\n $switch = $('');\r\n\r\n $calendarMode = $('event');\r\n $calendarMode.on('click', gj.datetimepicker.methods.createShowDateHandler($datetimepicker, $picker, data));\r\n $switch.append($calendarMode);\r\n\r\n $time = $('');\r\n $time.append($('').on('click', gj.datetimepicker.methods.createShowHourHandler($datetimepicker, $picker, data)).html(gj.core.formatDate(new Date(), 'HH', data.locale)));\r\n $time.append(':');\r\n $time.append($('').on('click', gj.datetimepicker.methods.createShowMinuteHandler($datetimepicker, $picker, data)).html(gj.core.formatDate(new Date(), 'MM', data.locale)));\r\n $switch.append($time);\r\n\r\n $clockMode = $('clock');\r\n $clockMode.on('click', gj.datetimepicker.methods.createShowHourHandler($datetimepicker, $picker, data));\r\n $switch.append($clockMode);\r\n $header.append($switch);\r\n\r\n $picker.prepend($header);\r\n },\r\n\r\n createShowDateHandler: function ($datetimepicker, $picker, data) {\r\n return function (e) {\r\n var $header = $picker.children('[role=\"header\"]');\r\n $header.find('[role=\"calendarMode\"]').addClass(\"selected\");\r\n $header.find('[role=\"date\"]').addClass(\"selected\");\r\n $header.find('[role=\"clockMode\"]').removeClass(\"selected\");\r\n $header.find('[role=\"hour\"]').removeClass(\"selected\");\r\n $header.find('[role=\"minute\"]').removeClass(\"selected\");\r\n gj.datepicker.methods.renderMonth($datetimepicker, $picker, data.datepicker);\r\n };\r\n },\r\n\r\n createShowHourHandler: function ($datetimepicker, $picker, data) {\r\n return function () {\r\n var $header = $picker.children('[role=\"header\"]');\r\n $header.find('[role=\"calendarMode\"]').removeClass(\"selected\");\r\n $header.find('[role=\"date\"]').removeClass(\"selected\");\r\n $header.find('[role=\"clockMode\"]').addClass(\"selected\");\r\n $header.find('[role=\"hour\"]').addClass(\"selected\");\r\n $header.find('[role=\"minute\"]').removeClass(\"selected\");\r\n\r\n gj.timepicker.methods.initMouse($picker.children('[role=\"body\"]'), $datetimepicker, $picker, data.timepicker);\r\n gj.timepicker.methods.renderHours($datetimepicker, $picker, data.timepicker);\r\n };\r\n },\r\n\r\n createShowMinuteHandler: function ($datetimepicker, $picker, data) {\r\n return function () {\r\n var $header = $picker.children('[role=\"header\"]');\r\n $header.find('[role=\"calendarMode\"]').removeClass(\"selected\");\r\n $header.find('[role=\"date\"]').removeClass(\"selected\");\r\n $header.find('[role=\"clockMode\"]').addClass(\"selected\");\r\n $header.find('[role=\"hour\"]').removeClass(\"selected\");\r\n $header.find('[role=\"minute\"]').addClass(\"selected\");\r\n gj.timepicker.methods.initMouse($picker.children('[role=\"body\"]'), $datetimepicker, $picker, data.timepicker);\r\n gj.timepicker.methods.renderMinutes($datetimepicker, $picker, data.timepicker);\r\n };\r\n },\r\n\r\n close: function ($datetimepicker) {\r\n var $calendar = $('body').find('[role=\"calendar\"][guid=\"' + $datetimepicker.attr('data-guid') + '\"]');\r\n $calendar.hide();\r\n $calendar.closest('div[role=\"modal\"]').hide();\r\n //gj.datepicker.events.close($datepicker);\r\n },\r\n\r\n value: function ($datetimepicker, value) {\r\n var $calendar, date, hour, data = $datetimepicker.data();\r\n if (typeof (value) === \"undefined\") {\r\n return $datetimepicker.val();\r\n } else {\r\n date = gj.core.parseDate(value, data.format, data.locale);\r\n if (date) {\r\n $calendar = $('body').find('[role=\"calendar\"][guid=\"' + $datetimepicker.attr('data-guid') + '\"]');\r\n gj.datepicker.methods.dayClickHandler($datetimepicker, $calendar, data, date)();\r\n // Set Time\r\n hour = date.getHours();\r\n if (data.mode === 'ampm') {\r\n $calendar.attr('mode', hour > 12 ? 'pm' : 'am');\r\n }\r\n $calendar.attr('hour', hour);\r\n $calendar.attr('minute', date.getMinutes());\r\n $datetimepicker.val(value);\r\n } else {\r\n $datetimepicker.val('');\r\n }\r\n return $datetimepicker;\r\n }\r\n },\r\n\r\n destroy: function ($datetimepicker) {\r\n var data = $datetimepicker.data(),\r\n $parent = $datetimepicker.parent(),\r\n $picker = $('body').find('[role=\"calendar\"][guid=\"' + $datetimepicker.attr('data-guid') + '\"]');\r\n if (data) {\r\n $datetimepicker.off();\r\n if ($picker.parent('[role=\"modal\"]').length > 0) {\r\n $picker.unwrap();\r\n }\r\n $picker.remove();\r\n $datetimepicker.removeData();\r\n $datetimepicker.removeAttr('data-type').removeAttr('data-guid').removeAttr('data-datetimepicker');\r\n $datetimepicker.removeClass();\r\n $parent.children('[role=\"right-icon\"]').remove();\r\n $datetimepicker.unwrap();\r\n }\r\n return $datetimepicker;\r\n }\r\n};\r\n\r\ngj.datetimepicker.events = {\r\n /**\r\n * Fires when the datetimepicker value changes as a result of selecting a new value.\r\n *\r\n * @event change\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n change: function ($datetimepicker) {\r\n return $datetimepicker.triggerHandler('change');\r\n }\r\n};\r\n\r\ngj.datetimepicker.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.datetimepicker.methods;\r\n\r\n self.mouseMove = false;\r\n\r\n /** Gets or sets the value of the datetimepicker.\r\n * @method\r\n * @param {string} value - The value that needs to be selected.\r\n * @return string\r\n * @example Get \r\n * \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Open the calendar.\r\n * @method\r\n * @return datetimepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.open = function () {\r\n gj.datepicker.methods.open(this, this.data().datepicker);\r\n };\r\n\r\n /** Close the calendar.\r\n * @method\r\n * @return datetimepicker\r\n * @example Open.Close \r\n * \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.close = function () {\r\n gj.datepicker.methods.close(this);\r\n };\r\n\r\n /** Remove datetimepicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-datetimepicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.datetimepicker.widget.prototype = new gj.widget();\r\ngj.datetimepicker.widget.constructor = gj.datetimepicker.widget;\r\n\r\ngj.datetimepicker.widget.prototype.getConfig = gj.datetimepicker.methods.getConfig;\r\n\r\n(function ($) {\r\n $.fn.datetimepicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.datetimepicker.widget(this, method);\r\n } else {\r\n $widget = new gj.datetimepicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget Slider\r\n * @plugin Base\r\n */\r\ngj.slider = {\r\n plugins: {},\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.slider.config = {\r\n base: {\r\n\r\n /** The minimum value of the Slider.\r\n * @type number\r\n * @default 0\r\n * @example JS.Config \r\n * \r\n * Value: \r\n * \r\n */\r\n min: 0,\r\n\r\n /** The maximum value of the Slider.\r\n * @type number\r\n * @default 10\r\n * @example JS.Config \r\n * \r\n * Value: \r\n * \r\n */\r\n max: 100,\r\n\r\n /** The width of the slider.\r\n * @type number\r\n * @default undefined\r\n * @example JS.Config \r\n * \r\n * \r\n * @example HTML.Config \r\n * \r\n * \r\n */\r\n width: undefined,\r\n\r\n /** The orientation of a Slider: \"horizontal\" or \"vertical\".\r\n * @type (horizontal|vertical)\r\n * @default horizontal\r\n */\r\n // TODO orientation\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * Value: \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * Value: \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n * Value: \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, this.data(), value);\r\n };\r\n\r\n /** Remove slider functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return methods.destroy(this);\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-slider')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.slider.widget.prototype = new gj.widget();\r\ngj.slider.widget.constructor = gj.slider.widget;\r\n\r\n(function ($) {\r\n $.fn.slider = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.slider.widget(this, method);\r\n } else {\r\n $widget = new gj.slider.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);\r\n/* global window alert jQuery gj */\r\n/**\r\n * @widget ColorPicker\r\n * @plugin Base\r\n */\r\ngj.colorpicker = {\r\n plugins: {},\r\n messages: {\r\n 'en-us': {\r\n }\r\n }\r\n};\r\n\r\ngj.colorpicker.config = {\r\n base: {\r\n\r\n /** The name of the UI library that is going to be in use.\r\n * @additionalinfo The css file for bootstrap should be manually included if you use bootstrap.\r\n * @type (materialdesign|bootstrap|bootstrap4)\r\n * @default materialdesign\r\n * @example MaterialDesign \r\n * \r\n * \r\n * @example Bootstrap.3 \r\n * \r\n * \r\n * @example Bootstrap.4 \r\n * \r\n * \r\n */\r\n uiLibrary: 'materialdesign',\r\n\r\n /** The initial colorpicker value.\r\n * @type number\r\n * @default undefined\r\n * @example Javascript \r\n * \r\n * \r\n * @example HTML \r\n * \r\n * \r\n */\r\n value: undefined,\r\n\r\n icons: {\r\n rightIcon: 'event'\r\n },\r\n\r\n style: {\r\n modal: 'gj-modal',\r\n wrapper: 'gj-colorpicker gj-colorpicker-md gj-unselectable',\r\n input: 'gj-textbox-md',\r\n picker: 'gj-picker gj-picker-md colorpicker gj-unselectable',\r\n footer: '',\r\n button: 'gj-button-md'\r\n }\r\n },\r\n\r\n bootstrap: {\r\n style: {}\r\n },\r\n\r\n bootstrap4: {\r\n style: {}\r\n }\r\n};\r\n\r\ngj.colorpicker.methods = {\r\n init: function (jsConfig) {\r\n gj.picker.widget.prototype.init.call(this, jsConfig, 'colorpicker');\r\n gj.colorpicker.methods.initialize(this);\r\n return this;\r\n },\r\n\r\n initialize: function ($colorpicker) {\r\n },\r\n\r\n createPicker: function ($input, data) {\r\n var $picker = $('').addClass(data.style.picker).attr('guid', $input.attr('data-guid'));\r\n\r\n $picker.html('test');\r\n\r\n $picker.hide();\r\n $('body').append($picker);\r\n\r\n return $picker;\r\n },\r\n\r\n open: function ($input) {\r\n if ($input.val()) {\r\n $input.value($input.val());\r\n }\r\n return gj.picker.widget.prototype.open.call($input, 'colorpicker');\r\n }\r\n};\r\n\r\ngj.colorpicker.events = {\r\n /**\r\n * Fires when the colorpicker value changes as a result of selecting a new value with the drag handle, buttons or keyboard.\r\n *\r\n * @event change\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n change: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('change');\r\n },\r\n\r\n /**\r\n * Fires as a new color is displayed in the drop-down picker.\r\n * @additionalinfo This is not necessarily the \"final\" value; for example this event triggers when the sliders in the HSV selector are dragged, but then pressing ESC would cancel the selection and the color will revert to the original value.\r\n * @event select\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n select: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('select');\r\n },\r\n\r\n /**\r\n * Fires when the picker popup is opening.\r\n * @event open\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n open: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('open');\r\n },\r\n\r\n /**\r\n * Fires when the picker popup is closing.\r\n * @event close\r\n * @param {object} e - event data\r\n * @example sample \r\n * \r\n * \r\n */\r\n close: function ($colorpicker) {\r\n return $colorpicker.triggerHandler('close');\r\n }\r\n};\r\n\r\ngj.colorpicker.widget = function ($element, jsConfig) {\r\n var self = this,\r\n methods = gj.colorpicker.methods;\r\n\r\n /** Gets or sets the value of the colorpicker.\r\n * @method\r\n * @param {string} value - The value that needs to be selected.\r\n * @return string\r\n * @example Get \r\n * \r\n *
\r\n * \r\n * \r\n * @example Set \r\n * \r\n *
\r\n * \r\n * \r\n */\r\n self.value = function (value) {\r\n return methods.value(this, value);\r\n };\r\n\r\n /** Remove colorpicker functionality from the element.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.destroy = function () {\r\n return gj.picker.widget.prototype.destroy.call(this, 'colorpicker');\r\n };\r\n\r\n /** Opens the popup element with the color selector.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.open = function () {\r\n return methods.open(this);\r\n };\r\n\r\n /** Close the popup element with the color selector.\r\n * @method\r\n * @return jquery element\r\n * @example sample \r\n * \r\n * \r\n * \r\n */\r\n self.close = function () {\r\n return gj.picker.widget.prototype.close.call(this, 'colorpicker');\r\n };\r\n\r\n $.extend($element, self);\r\n if ('true' !== $element.attr('data-colorpicker')) {\r\n methods.init.call($element, jsConfig);\r\n }\r\n\r\n return $element;\r\n};\r\n\r\ngj.colorpicker.widget.prototype = new gj.picker.widget();\r\ngj.colorpicker.widget.constructor = gj.colorpicker.widget;\r\n\r\n(function ($) {\r\n $.fn.colorpicker = function (method) {\r\n var $widget;\r\n if (this && this.length) {\r\n if (typeof method === 'object' || !method) {\r\n return new gj.colorpicker.widget(this, method);\r\n } else {\r\n $widget = new gj.colorpicker.widget(this, null);\r\n if ($widget[method]) {\r\n return $widget[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n throw 'Method ' + method + ' does not exist.';\r\n }\r\n }\r\n }\r\n };\r\n})(jQuery);","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getBoundPosition = getBoundPosition;\nexports.snapToGrid = snapToGrid;\nexports.canDragX = canDragX;\nexports.canDragY = canDragY;\nexports.getControlPosition = getControlPosition;\nexports.createCoreData = createCoreData;\nexports.createDraggableData = createDraggableData;\n\nvar _shims = require(\"./shims\");\n\nvar _domFns = require(\"./domFns\");\n\nfunction getBoundPosition(draggable\n/*: Draggable*/\n, x\n/*: number*/\n, y\n/*: number*/\n)\n/*: [number, number]*/\n{\n // If no bounds, short-circuit and move on\n if (!draggable.props.bounds) return [x, y]; // Clone new bounds\n\n var bounds = draggable.props.bounds;\n bounds = typeof bounds === 'string' ? bounds : cloneBounds(bounds);\n var node = findDOMNode(draggable);\n\n if (typeof bounds === 'string') {\n var ownerDocument = node.ownerDocument;\n var ownerWindow = ownerDocument.defaultView;\n var boundNode;\n\n if (bounds === 'parent') {\n boundNode = node.parentNode;\n } else {\n boundNode = ownerDocument.querySelector(bounds);\n }\n\n if (!(boundNode instanceof ownerWindow.HTMLElement)) {\n throw new Error('Bounds selector \"' + bounds + '\" could not find an element.');\n }\n\n var nodeStyle = ownerWindow.getComputedStyle(node);\n var boundNodeStyle = ownerWindow.getComputedStyle(boundNode); // Compute bounds. This is a pain with padding and offsets but this gets it exactly right.\n\n bounds = {\n left: -node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingLeft) + (0, _shims.int)(nodeStyle.marginLeft),\n top: -node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingTop) + (0, _shims.int)(nodeStyle.marginTop),\n right: (0, _domFns.innerWidth)(boundNode) - (0, _domFns.outerWidth)(node) - node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingRight) - (0, _shims.int)(nodeStyle.marginRight),\n bottom: (0, _domFns.innerHeight)(boundNode) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)\n };\n } // Keep x and y below right and bottom limits...\n\n\n if ((0, _shims.isNum)(bounds.right)) x = Math.min(x, bounds.right);\n if ((0, _shims.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom); // But above left and top limits.\n\n if ((0, _shims.isNum)(bounds.left)) x = Math.max(x, bounds.left);\n if ((0, _shims.isNum)(bounds.top)) y = Math.max(y, bounds.top);\n return [x, y];\n}\n\nfunction snapToGrid(grid\n/*: [number, number]*/\n, pendingX\n/*: number*/\n, pendingY\n/*: number*/\n)\n/*: [number, number]*/\n{\n var x = Math.round(pendingX / grid[0]) * grid[0];\n var y = Math.round(pendingY / grid[1]) * grid[1];\n return [x, y];\n}\n\nfunction canDragX(draggable\n/*: Draggable*/\n)\n/*: boolean*/\n{\n return draggable.props.axis === 'both' || draggable.props.axis === 'x';\n}\n\nfunction canDragY(draggable\n/*: Draggable*/\n)\n/*: boolean*/\n{\n return draggable.props.axis === 'both' || draggable.props.axis === 'y';\n} // Get {x, y} positions from event.\n\n\nfunction getControlPosition(e\n/*: MouseTouchEvent*/\n, touchIdentifier\n/*: ?number*/\n, draggableCore\n/*: DraggableCore*/\n)\n/*: ?ControlPosition*/\n{\n var touchObj = typeof touchIdentifier === 'number' ? (0, _domFns.getTouch)(e, touchIdentifier) : null;\n if (typeof touchIdentifier === 'number' && !touchObj) return null; // not the right touch\n\n var node = findDOMNode(draggableCore); // User can provide an offsetParent if desired.\n\n var offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;\n return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);\n} // Create an data object exposed by