�PNG  IHDR22?�� pHYs  �� OiCCPPhotoshop ICC profilexڝSgTS�=���BK���KoR RB���&*! J�!��Q�EEȠ�����Q, � ��!���������{�kּ������>���� �H3Q5� �B�������.@� $p�d!s�#�~<<+"��x� �M��0���B�\���t�8K�@z�B�@F���&S�`�cb�P-`'������{[�!�� e�Dh;��V�EX0fK�9�-0IWfH���� � 0Q��){`�##x��F�W<�+��*x��<�$9E�[-qWW.(�I+6aa�@.�y�2�4���������x����6��_-��"bb���ϫp@�t~��,/��;�m��%�h^ �u��f�@����W�p�~<�5�j>{�-�]c�K'Xt����o��(�h���w��?�G�%�fI�q^D$.Tʳ?�D��*�A��,���� �`6�B$��BB d�r`)��B(�Ͱ*`/�@4�Qh��p.�U�=p�a��(�� A�a!ڈb�X#����!�H�$ ɈQ"K�5H1R�T UH�=r9�\F��;�2����G1���Q=� �C��7�F� �dt1�����r�=�6��Ыhڏ>C�0��3�l0.��B�8, �c˱"� ���V����cϱw�E� 6wB aAHXLXN�H� $4� 7 �Q�'"��K�&���b21�XH,#��/{�C�7$�C2'��I��T��F�nR#�,��4H#���dk�9�, +ȅ����3��!�[ �b@q��S�(R�jJ��4�e�2AU��Rݨ�T5�ZB���R�Q��4u�9̓IK�����hh�i��t�ݕN��W���G���w ��Ljg(�gw��L�Ӌ�T071���oUX*�*|�� �J�&�*/T����ު U�U�T��^S}�FU3S� Ԗ�U��P�SSg�;���g�oT?�~Y��Y�L�OC�Q��_�� c�x,!k ��u�5�&���|v*�����=���9C3J3W�R�f?�q��tN �(���~���)�)�4L�1e\k����X�H�Q�G�6������E�Y��A�J'\'Gg����S�Sݧ �M=:��.�k���Dw�n��^��Lo��y���}/�T�m���G X� $� �<�5qo</���QC]�@C�a�a�ᄑ��<��F�F�i�\�$�m�mƣ&&!&KM�M�RM��)�;L;L���͢�֙5�=1�2��כ߷`ZxZ,����eI��Z�Yn�Z9Y�XUZ]�F���%ֻ�����N�N���gð�ɶ�����ۮ�m�}agbg�Ů��}�}��= ���Z~s�r:V:ޚΜ�?}����/gX���3��)�i�S��Ggg�s�󈋉K��.�>.���Ƚ�Jt�q]�z���������ۯ�6�i�ܟ�4�)�Y3s���C�Q��? ��0k߬~OCO�g��#/c/�W�װ��w��a�>�>r��>�<7�2�Y_�7��ȷ�O�o�_��C#�d�z����%g��A�[��z|!��?:�e����A���AA�������!h�쐭!��Α�i�P~���a�a��~ '���W�?�p�X�1�5w��Cs�D�D�Dޛg1O9�-J5*>�.j<�7�4�?�.fY��X�XIlK9.*�6nl������� �{�/�]py�����.,:�@L�N8��A*��%�w%� y��g"/�6ш�C\*N�H*Mz�쑼5y$�3�,幄'���L Lݛ:��v m2=:�1����qB�!M��g�g�fvˬe����n��/��k���Y- �B��TZ(�*�geWf�͉�9���+��̳�ې7�����ᒶ��KW-X潬j9�������(�x��oʿ�ܔ���Ĺd�f�f���-�[����n �ڴ �V����E�/��(ۻ��C���<��e����;?T�T�T�T6��ݵa��n��{��4���[���>ɾ�UUM�f�e�I���?�������m]�Nmq����#�׹���=TR��+�G�����w- 6 U����#pDy��� �� :�v�{���vg/jB��F�S��[b[�O�>����z�G��499�?r����C�d�&����ˮ/~�����јѡ�򗓿m|������������x31^�V���w�w��O�| (�h���SЧ��������c3-� cHRMz%������u0�`:�o�_�F5IDATx��ytUս�?�;���fN$$��@B�!�k��� -*�gE���j�O�kQ�ʠ`U�B_ �AÐ0%�Ȕ�@r3ޛ;߳��$�@��v����^�s����������$��ߢ !�W��5�̱'-٘������4�>�Rƫ$�G��0U�H}�_ _� #��k�MJ/=�9Du *ڲ�k�PQ;0��j|�*�$�^컂脛y���>�z×� B��� ��(�:$�ʔ_�6��C!B����MVx��a��ζyY����j��ƋY2�9�F�{r��r�딟F��Q��hY6��� x��[l��RC��������nt@��;P��3��� F�w��7��:�P���ɋ'���mj���Bƪ�$�Q�L��y��߷g��\���z����v5�p�v$�v櫻�`6~K �Y�X����,�:��"�o�e0II"(��,������l_�C���/4�+f�E�!q��:����u����c��樼.UE�@� �]K�W���$-�h]�JG���Dz)�`��.�A/ ���mᏣc�3jK� �!�>���$�Q�!�_�? \�C2(E �M$Z I{�U���s�ǣ���=��@Բe ޻��W�����@ �w����}�9v,)��.}*|"�s��di���,���G�]W�AC�������|<����[��ߕ������K�*�G nߴ!��‹��J�!��6(L�a)��Am��������;adf��:�xm��nh�;֦I��(���o�C~ډa?�=��s����h��E������xp����)���_���t��W�����´;8���`dz=(��@@�+,�;�`�fhl��XȌ�3,uI�~z(J����� �ZX�A����H'�À�㜦�82|��a�n�z2��I���� ���EY�h�ε<�0�q�{��C��v�˅��?"@��χ�x�WS+��N�~�KQ�J�8ل�� _.W��� !TU{�����,��"�� �;�������HI S� ��))�o�1�H�D� ���� (� ;����"Ҕ��,���� �F=���O��&�Ph>�`���y��߲ &S��P�<��'��1s�1cĂ�N����2)����@�u��tv��<�+�-&�����h��[!FSG���' � z z0��<����8d&�����E0�,��<��"!P�b4��� �{S�����X����.�囤���T��hEF��X�q0"-<����h���]�Py*����F⩍��@v�˂�Y08�� .q��a��s����(!<̫1�3�L�H��7sYW�`��qtu�\7��?�@�Y�� %Ka�x�GZ�*W�P��y�����N0r9��Z�c�%���q,��k�����!!,��>���IB��� �x1�Xu�Y���v-���ֺ��N������JP��a�2`�e5��w��u;�6�i���̃��(K���ťa��(l51��JL��O'%���]���ٖ뿉!��{*�p+f ���i8��D�ȑ���ܩ�M��V��ӟz��x�7Z�1i}�^͜���6e����x��)u�d�ˏ�V�eG�\�X1�����=n�U'�~Y����L�\,�(d!x ,�:�TW8� M`r���@��r+v�Q0��>^;˴�VbF��('����� �*O��i��j�Ӆ����^�S3&� ���{������.ی�� N;��NU%d0�Ce\r"�C�b��&t7N�7��� �ȪD�[%l�۪�$��'m?�A9tI�9>��NVL ��� 6v~M�����ъ�B���0����9$&=ώm��W�0���L���&��E���f�f��'+�9��hv��7,���M��6�D�&�^� �����8 D֮�����o��k^z��O��hP�8q�5d*��YVq3�{��������#LX4�?��jP=3�~�؅c�ݰ�̱�ұ��8̲��2�G�����j��έ�9��w7���U�X�w�85C��?!I&���o&����L���I#�^�eV�,�^t5�k� �xs˛\��U�8��."���{���ǵ�l4��ݼ�;��r"���G�/~���gJV�N糦��ZZ^k+NN�D��I$�=OE�z����|*�*{��%k���G��>�`9��b;�s���8,�qs��c��.b��q�%�>r��n�R�Ƨ�%�,�A��le#�8���}; 21�0�b�&�QX�f���q�00����$>�h�N�'�a3��A���/�r ��L5�8�GԲ'�����w;��c#�q1���h$*��V^�k��QĽ�b:i������� ����H F#�_���,��]g����Ը����`RUU���� ��"�qD���>-��ϤI�~��3�̴�����NZ[[555�eeek7�m����YF#[��Đ��R��i��L�H�r ��@��J-�Pŝ��_|�-��6y��ks�V�U~��6���w.����(��0A� 4��f��� /���C�xŊ�ٳ����z=6�����rg���mKo��o�/����a�g���?'9%9��P��斓��~���L{�� �H��{AW��B��$����v�1b�&Mb�ر��ر#�0`�`xMBp! )Z�Nmo�mZ�g�}�eذaWTVV ���'99��C5��&�&+5�bT>|8��PUUETT����&���t��~TE%��'������b�tEGG;RSS�S�N�v��ѯ��t����u1@�ޚ"f��͈���r'L�Ph��m��ƌ�74o��`�x�q�P���NRSS�X,�����l&&&��MFFA!-��`��ҷ�n��Yuu�����x<I�LB%����KԒ50�!�3�bz�����ʸKL���;---�l6[��`��������Ȏ;�����egg4��!D�T��jWujyZ��������K����%����p�^���X,6��sV=�ܖ����6�3�X ���4ҿ��A2�&����_k�;d�� �VfOIEND�B`�
Warning: session_start(): Session cannot be started after headers have already been sent in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 124

Warning: Cannot modify header information - headers already sent by (output started at /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php:1) in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 130

Warning: Cannot modify header information - headers already sent by (output started at /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php:1) in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 131

Warning: Cannot modify header information - headers already sent by (output started at /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php:1) in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 132

Warning: Cannot modify header information - headers already sent by (output started at /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php:1) in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 133

Warning: Cannot modify header information - headers already sent by (output started at /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php:1) in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 134

Warning: Cannot modify header information - headers already sent by (output started at /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php:1) in /home/mciraet/www/wp-includes/php-ai-client/src/Providers/Enums/Documentsoliders.php on line 135
0x0x
0x0x
PHP 8.2.31
Preview: jquery.fonticonpicker.js Size: 35.40 KB
/home/m/c/i/mciraet/www/wp-content/plugins/js_composer/assets/lib/vendor/vcIconPicker/jquery.fonticonpicker.js
/**
 *  jQuery fontIconPicker - v2.3
 *
 *  An icon picker built on top of font icons and jQuery
 *
 *  http://codeb.it/fontIconPicker
 *
 *  Made by Alessandro Benoit & Swashata
 *  Under MIT License
 *
 * {@link https://github.com/micc83/fontIconPicker}
 *
 * Modified by Visual Composer Dev Team
 */

(function ( $ ) {

	'use strict';

	// Create the defaults once
	var defaults = {
		theme: 'fip-vc-theme-grey',              // The CSS theme to use with this fontIconPicker. You can set different themes on multiple elements on the same page
		source: false,                   // Icons source (array|false|object)
		emptyIcon: true,                    // Empty icon should be shown?
		emptyIconValue: '',                      // The value of the empty icon, change if you select has something else, say "none"
		iconsPerPage: 20,                      // Number of icons per page
		hasSearch: true,                    // Is search enabled?
		searchSource: false,                   // Give a manual search values. If using attributes then for proper search feature we also need to pass icon names under the same order of source
		useAttribute: false,                   // Whether to use attribute selector for printing icons
		attributeName: 'data-icon',             // HTML Attribute name
		convertToHex: true,                    // Whether or not to convert to hexadecimal for attribute value. If true then please pass decimal integer value to the source (or as value="" attribute of the select field)
		allCategoryText: 'From all categories',   // The text for the select all category option
		unCategorizedText: 'Uncategorized',         // The text for the select uncategorized option
		iconDownClass: 'fip-icon-down-dir',     // Class for icon down
		iconUpClass: 'fip-icon-up-dir',       // Class for icon up
		iconLeftClass: 'fip-icon-left-dir',     // Class for icon left
		iconRightClass: 'fip-icon-right-dir',    // Class for icon right
		iconSearchClass: 'fip-icon-search',       // Class for search
		iconCancelClass: 'fip-icon-cancel',       // Class for search canceling
		iconSpinClass: 'fip-icon-spin3',        // Class for fip-icon-spin3
		iconBlockClass: 'fip-icon-block',        // Class for block(none icon)
		searchPlaceholder: 'Search Icon',            // Search icon text placeholder
		mainClass: 'vc-icons-selector'
	};

	// The actual plugin constructor
	function Plugin( element, options ) {
		this.element = $( element );
		this.settings = $.extend( {}, defaults, options );
		if ( this.settings.emptyIcon ) {
			this.settings.iconsPerPage --;
		}
		this.iconPicker = $( '<div/>', {
			'class': this.settings.mainClass,
			style: 'position: relative',
			html: '<div class="selector">' +
			'<span class="selected-icon">' +
			'<i class="fip-block-icon ' + this.settings.iconBlockClass + '"></i>' +
			'</span>' +
			'<span class="selector-button">' +
			'<i class="' + this.settings.iconDownClass + '"></i>' +
			'</span>' +
			'</div>' +
			'<div class="selector-popup" style="display: none;">' + ((this.settings.hasSearch) ?
				'<div class="selector-search">' +
				'<input type="text" name="" value="" placeholder="' + this.settings.searchPlaceholder + '" class="icons-search-input"/>' +
				'<i class="' + this.settings.iconSearchClass + '"></i>' +
				'</div>' : '') +
			'<div class="selector-category">' +
			'<select name="" class="icon-category-select" style="display: none">' +
			'</select>' +
			'</div>' +
			'<div class="fip-icons-container"></div>' +
			'<div class="selector-footer" style="display:none;">' +
			'<span class="selector-pages">1/2</span>' +
			'<span class="selector-arrows">' +
			'<span class="selector-arrow-left" style="display:none;">' +
			'<i class="' + this.settings.iconLeftClass + '"></i>' +
			'</span>' +
			'<span class="selector-arrow-right">' +
			'<i class="' + this.settings.iconRightClass + '"></i>' +
			'</span>' +
			'</span>' +
			'</div>' +
			'</div>'
		} );
		this.iconContainer = this.iconPicker.find( '.fip-icons-container' );
		this.searchIcon = this.iconPicker.find( '.selector-search i' );
		this.iconsSearched = [];
		this.isSearch = false;
		this.totalPage = 1;
		this.currentPage = 1;
		this.currentIcon = false;
		this.initialized = false;
		this.iconsPaged = false;
		this.iconsCount = 0;
		this.open = false;

		// Set the default values for the search related variables
		this.searchValues = [];
		this.availableCategoriesSearch = [];

		// The trigger event for change
		this.triggerEvent = null;

		// Backups
		this.backupSource = [];
		this.backupSearch = [];

		// Set the default values of the category related variables
		this.isCategorized = false; // Automatically detects if the icon listing is categorized
		this.selectCategory = this.iconPicker.find( '.icon-category-select' ); // The category SELECT input field
		this.selectedCategory = false; // false means all categories are selected
		this.availableCategories = []; // Available categories, it is a two dimensional array which holds categorized icons
		this.unCategorizedKey = null; // Key of the uncategorized category

		// Initialize plugin
		this.quickInit();

	}

	Plugin.prototype = {
		/**
		 * Quick init
		 */
		quickInit: function () {
			var first = true;
			// Add the theme CSS to the iconPicker
			this.iconPicker.addClass( this.settings.theme );

			// To properly calculate iconPicker height and width
			// We will first append it to body (with left: -9999px so that it is not visible)
			this.iconPicker.css( {
				left: - 9999
			} ).appendTo( 'body' );
			var iconPickerHeight = this.iconPicker.outerHeight(),
				iconPickerWidth = this.iconPicker.outerWidth();

			// Now reset the iconPicker CSS
			this.iconPicker.css( {
				left: ''
			} );

			// Add the icon picker after the select
			this.element.before( this.iconPicker );

			// Hide source element
			// Instead of doing a display:none, we would rather
			// make the element invisible
			// and adjust the margin
			this.element.css( {
				visibility: 'hidden',
				top: 0,
				position: 'relative',
				zIndex: '-1',
				left: '-' + iconPickerWidth + 'px',
				display: 'none',
				height: iconPickerHeight + 'px',
				width: iconPickerWidth + 'px',
				// Reset all margin, border and padding
				padding: '0',
				margin: '0 -' + iconPickerWidth + 'px 0 0', // Left margin adjustment to account for dangling space
				border: '0 none',
				verticalAlign: 'top'
			} ).hide();

			// Set the trigger event
			if ( ! this.element.is( 'select' ) ) {
				// Determine the event that is fired when user change the field value
				// Most modern browsers supports input event except IE 7, 8.
				// IE 9 supports input event but the event is still not fired if I press the backspace key.
				// Get IE version
				// https://gist.github.com/padolsey/527683/#comment-7595
				var ieVersion = (function () {
					var v = 3, div = document.createElement( 'div' ), a = div.all || [];
					while ( div.innerHTML = '<!--[if gt IE ' + (++ v) + ']><br><![endif]-->', a[ 0 ] ) {
						;
					}
					return v > 4 ? v : ! v;
				}());
				var el = document.createElement( 'div' );
				this.triggerEvent = (ieVersion === 9 || ! ('oninput' in el)) ? [ 'keyup' ] : [
					'input',
					'keyup'
				]; // Let's keep the keyup event for scripts that listens to it
			}
			this.setSelectedIcon( this.element.val() );
			/**
			 * Category changer
			 */
			this.selectCategory.on( 'change keyup', $.proxy( function ( e ) {
				// Don't do anything if not categorized
				if ( this.isCategorized === false ) {
					return false;
				}
				var targetSelect = $( e.currentTarget ),
					currentCategory = targetSelect.val();
				// Check if all categories are selected
				if ( targetSelect.val() === 'all' ) {
					// Restore from the backups
					// @note These backups must be rebuild on source change, otherwise it will lead to error
					this.settings.source = this.backupSource;
					this.searchValues = this.backupSearch;
					// No? So there is a specified category
				} else {
					var key = parseInt( currentCategory, 10 );
					if ( this.availableCategories[ key ] ) {
						this.settings.source = this.availableCategories[ key ];
						this.searchValues = this.availableCategoriesSearch[ key ];
					}
				}
				this.resetSearch();
				this.loadIcons();
			}, this ) );

			/**
			 * On down arrow click
			 */
			this.iconPicker.find( '.selector-button' ).on( 'click', $.proxy( function () {
				if ( ! this.open && first ) {
					first = false;
					this.initCategories();
				}
				// Open/Close the icon picker
				this.toggleIconSelector();

			}, this ) );

			/**
			 * Next page
			 */
			this.iconPicker.find( '.selector-arrow-right' ).on( 'click', $.proxy( function ( e ) {

				if ( this.currentPage < this.totalPage ) {
					this.iconPicker.find( '.selector-arrow-left' ).show();
					this.currentPage = this.currentPage + 1;
					this.renderIconContainer();
					this.renderIcons();
				}

				if ( this.currentPage === this.totalPage ) {
					$( e.currentTarget ).hide();
				}

			}, this ) );

			/**
			 * Prev page
			 */
			this.iconPicker.find( '.selector-arrow-left' ).on( 'click', $.proxy( function ( e ) {

				if ( this.currentPage > 1 ) {
					this.iconPicker.find( '.selector-arrow-right' ).show();
					this.currentPage = this.currentPage - 1;
					this.renderIconContainer();
					this.renderIcons();
				}

				if ( this.currentPage === 1 ) {
					$( e.currentTarget ).hide();
				}

			}, this ) );

			/**
			 * Realtime Icon Search
			 */
			this.iconPicker.find( '.icons-search-input' ).on( 'keyup', $.proxy( function ( e ) {

				// Get the search string
				var searchString = $( e.currentTarget ).val();

				// If the string is not empty
				if ( searchString === '' ) {
					this.resetSearch();
					return;
				}

				// Set icon search to X to reset search
				this.searchIcon.removeClass( this.settings.iconSearchClass );
				this.searchIcon.addClass( this.settings.iconCancelClass );

				// Set this as a search
				this.isSearch = true;

				// Reset current page
				this.currentPage = 1;

				// Actual search
				// This has been modified to search the searchValues instead
				// Then return the value from the source if match is found
				this.iconsSearched = [];
				$.grep( this.searchValues, $.proxy( function ( n, i ) {
					if ( n.toLowerCase().search( searchString.toLowerCase() ) >= 0 ) {
						this.iconsSearched[ this.iconsSearched.length ] = this.settings.source[ i ];
						return true;
					}
				}, this ) );
				// Filter duplicates
				this.iconsSearched = this.iconsSearched.filter( this.getOnlyUnique );
				// Render icon list
				this.renderIconContainer();
				this.renderIcons();
			}, this ) );

			/**
			 * Quit search
			 */
			this.iconPicker.find( '.selector-search i' ).on( 'click', $.proxy( function () {
				this.iconPicker.find( '.icons-search-input' ).focus();
				this.resetSearch();
			}, this ) );

			/**
			 * On icon selected
			 */
			this.iconContainer.on( 'click', '.fip-box', $.proxy( function ( e ) {
				this.setSelectedIcon( $( e.currentTarget ).find( 'i' ).attr( 'data-fip-value' ) );
				this.toggleIconSelector();
			}, this ) );

			/**
			 * Stop click propagation on iconpicker
			 */
			this.iconPicker.on( 'click', function ( event ) {
				event.stopPropagation();
				return false;
			} );

			/**
			 * On click out
			 */
			$( 'html' ).on( 'click', $.proxy( function () {
				if ( this.open ) {
					this.toggleIconSelector();
				}
			}, this ) );

		},

		/**
		 * Init
		 */
		init: function () {

			// Add the theme CSS to the iconPicker
			this.iconPicker.addClass( this.settings.theme );

			// To properly calculate iconPicker height and width
			// We will first append it to body (with left: -9999px so that it is not visible)
			this.iconPicker.css( {
				left: - 9999
			} ).appendTo( 'body' );
			var iconPickerHeight = this.iconPicker.outerHeight(),
				iconPickerWidth = this.iconPicker.outerWidth();

			// Now reset the iconPicker CSS
			this.iconPicker.css( {
				left: ''
			} );

			// Add the icon picker after the select
			this.element.before( this.iconPicker );

			// Hide source element
			// Instead of doing a display:none, we would rather
			// make the element invisible
			// and adjust the margin
			this.element.css( {
				visibility: 'hidden',
				top: 0,
				position: 'relative',
				zIndex: '-1',
				left: '-' + iconPickerWidth + 'px',
				display: 'none',
				height: iconPickerHeight + 'px',
				width: iconPickerWidth + 'px',
				// Reset all margin, border and padding
				padding: '0',
				margin: '0 -' + iconPickerWidth + 'px 0 0', // Left margin adjustment to account for dangling space
				border: '0 none',
				verticalAlign: 'top'
			} ).hide();

			// Set the trigger event
			if ( ! this.element.is( 'select' ) ) {
				// Determine the event that is fired when user change the field value
				// Most modern browsers supports input event except IE 7, 8.
				// IE 9 supports input event but the event is still not fired if I press the backspace key.
				// Get IE version
				// https://gist.github.com/padolsey/527683/#comment-7595
				var ieVersion = (function () {
					var v = 3, div = document.createElement( 'div' ), a = div.all || [];
					while ( div.innerHTML = '<!--[if gt IE ' + (++ v) + ']><br><![endif]-->', a[ 0 ] ) {
						;
					}
					return v > 4 ? v : ! v;
				}());
				var el = document.createElement( 'div' );
				this.triggerEvent = (ieVersion === 9 || ! ('oninput' in el)) ? [ 'keyup' ] : [
					'input',
					'keyup'
				]; // Let's keep the keyup event for scripts that listens to it
			}

			this.initCategories();

			/**
			 * Category changer
			 */
			this.selectCategory.on( 'change keyup', $.proxy( function ( e ) {
				// Don't do anything if not categorized
				if ( this.isCategorized === false ) {
					return false;
				}
				var targetSelect = $( e.currentTarget ),
					currentCategory = targetSelect.val();
				// Check if all categories are selected
				if ( targetSelect.val() === 'all' ) {
					// Restore from the backups
					// @note These backups must be rebuild on source change, otherwise it will lead to error
					this.settings.source = this.backupSource;
					this.searchValues = this.backupSearch;
					// No? So there is a specified category
				} else {
					var key = parseInt( currentCategory, 10 );
					if ( this.availableCategories[ key ] ) {
						this.settings.source = this.availableCategories[ key ];
						this.searchValues = this.availableCategoriesSearch[ key ];
					}
				}
				this.resetSearch();
				this.loadIcons();
			}, this ) );

			/**
			 * On down arrow click
			 */
			this.iconPicker.find( '.selector-button' ).on( 'click', $.proxy( function () {

				// Open/Close the icon picker
				this.toggleIconSelector();

			}, this ) );

			/**
			 * Next page
			 */
			this.iconPicker.find( '.selector-arrow-right' ).on( 'click', $.proxy( function ( e ) {

				if ( this.currentPage < this.totalPage ) {
					this.iconPicker.find( '.selector-arrow-left' ).show();
					this.currentPage = this.currentPage + 1;
					this.renderIconContainer();
					this.renderIcons();
				}

				if ( this.currentPage === this.totalPage ) {
					$( e.currentTarget ).hide();
				}

			}, this ) );

			/**
			 * Prev page
			 */
			this.iconPicker.find( '.selector-arrow-left' ).on( 'click', $.proxy( function ( e ) {

				if ( this.currentPage > 1 ) {
					this.iconPicker.find( '.selector-arrow-right' ).show();
					this.currentPage = this.currentPage - 1;
					this.renderIconContainer();
					this.renderIcons();
				}

				if ( this.currentPage === 1 ) {
					$( e.currentTarget ).hide();
				}

			}, this ) );

			/**
			 * Realtime Icon Search
			 */
			this.iconPicker.find( '.icons-search-input' ).on( 'keyup', $.proxy( function ( e ) {

				// Get the search string
				var searchString = $( e.currentTarget ).val();

				// If the string is not empty
				if ( searchString === '' ) {
					this.resetSearch();
					return;
				}

				// Set icon search to X to reset search
				this.searchIcon.removeClass( this.settings.iconSearchClass );
				this.searchIcon.addClass( this.settings.iconCancelClass );

				// Set this as a search
				this.isSearch = true;

				// Reset current page
				this.currentPage = 1;

				// Actual search
				// This has been modified to search the searchValues instead
				// Then return the value from the source if match is found
				this.iconsSearched = [];
				$.grep( this.searchValues, $.proxy( function ( n, i ) {
					if ( n.toLowerCase().search( searchString.toLowerCase() ) >= 0 ) {
						this.iconsSearched[ this.iconsSearched.length ] = this.settings.source[ i ];
						return true;
					}
				}, this ) );
				// Filter duplicates
				this.iconsSearched = this.iconsSearched.filter( this.getOnlyUnique );
				// Render icon list
				this.renderIconContainer();
				this.renderIcons();
			}, this ) );

			/**
			 * Quit search
			 */
			this.iconPicker.find( '.selector-search i' ).on( 'click', $.proxy( function () {
				this.iconPicker.find( '.icons-search-input' ).focus();
				this.resetSearch();
			}, this ) );

			/**
			 * On icon selected
			 */
			this.iconContainer.on( 'click', '.fip-box', $.proxy( function ( e ) {
				this.setSelectedIcon( $( e.currentTarget ).find( 'i' ).attr( 'data-fip-value' ) );
				this.toggleIconSelector();
			}, this ) );

			/**
			 * Stop click propagation on iconpicker
			 */
			this.iconPicker.on( 'click', function ( event ) {
				event.stopPropagation();
				return false;
			} );

			/**
			 * On click out
			 */
			$( 'html' ).on( 'click', $.proxy( function () {
				if ( this.open ) {
					this.toggleIconSelector();
				}
			}, this ) );

		},

		initCategories: function () {
			// If current element is SELECT populate settings.source
			if ( ! this.settings.source && this.element.is( 'select' ) ) {
				// Reset the source and searchSource
				// These will be populated according to the available options
				this.settings.source = [];
				this.settings.searchSource = [];

				// Check if optgroup is present within the select
				// If it is present then the source has to be grouped
				if ( this.element.find( 'optgroup' ).length ) {
					// Set the categorized to true
					this.isCategorized = true;
					this.element.find( 'optgroup' ).each( $.proxy( function ( i, el ) {
						// Get the key of the new category array
						var thisCategoryKey = this.availableCategories.length,
							// Create the new option for the selectCategory SELECT field
							categoryOption = $( '<option />' );

						// Set the value to this categorykey
						categoryOption.attr( 'value', thisCategoryKey );
						// Set the label
						categoryOption.html( $( el ).attr( 'label' ) );

						// Append to the DOM
						this.selectCategory.append( categoryOption );

						// Init the availableCategories array
						this.availableCategories[ thisCategoryKey ] = [];
						this.availableCategoriesSearch[ thisCategoryKey ] = [];

						// Now loop through it's option elements and add the icons
						$( el ).find( 'option' ).each( $.proxy( function ( i, cel ) {
							var newIconValue = $( cel ).val(),
								newIconLabel = $( cel ).html();

							// Check if the option element has value and this value does not equal to the empty value
							if ( newIconValue && newIconValue !== this.settings.emptyIconValue ) {
								// Push to the source, because at first all icons are selected
								this.settings.source.push( newIconValue );

								// Push to the availableCategories child array
								this.availableCategories[ thisCategoryKey ].push( newIconValue );

								// Push to the search values
								this.searchValues.push( newIconLabel );
								this.availableCategoriesSearch[ thisCategoryKey ].push( newIconLabel );
							}
						}, this ) );
					}, this ) );

					// Additionally check for any first label option child
					if ( this.element.find( '> option' ).length ) {
						this.element.find( '> option' ).each( $.proxy( function ( i, el ) {
							var newIconValue = $( el ).val(),
								newIconLabel = $( el ).html();

							// Don't do anything if the new icon value is empty
							if ( ! newIconValue || newIconValue === '' || newIconValue == this.settings.emptyIconValue ) {
								return true;
							}

							// Set the uncategorized key if not set already
							if ( this.unCategorizedKey === null ) {
								this.unCategorizedKey = this.availableCategories.length;
								this.availableCategories[ this.unCategorizedKey ] = [];
								this.availableCategoriesSearch[ this.unCategorizedKey ] = [];
								// Create an option and append to the category selector
								$( '<option />' ).attr( 'value',
									this.unCategorizedKey ).html( this.settings.unCategorizedText ).appendTo( this.selectCategory );
							}

							// Push the icon to the category
							this.settings.source.push( newIconValue );
							this.availableCategories[ this.unCategorizedKey ].push( newIconValue );

							// Push the icon to the search
							this.searchValues.push( newIconLabel );
							this.availableCategoriesSearch[ this.unCategorizedKey ].push( newIconLabel );
						}, this ) );
					}
					// Not categorized
				} else {
					this.element.find( 'option' ).each( $.proxy( function ( i, el ) {
						var newIconValue = $( el ).val(),
							newIconLabel = $( el ).html();
						if ( newIconValue ) {
							this.settings.source.push( newIconValue );
							this.searchValues.push( newIconLabel );
						}
					}, this ) );
				}

				// Clone and backup the original source and search
				this.backupSource = this.settings.source.slice( 0 );
				this.backupSearch = this.searchValues.slice( 0 );

				// load the categories
				this.loadCategories();
				// Normalize the given source
			} else {
				this.initSourceIndex();
				// No need to call loadCategories or take backups because these are called from the initSourceIndex
			}

			// Load icons
			this.loadIcons();
		},
		/**
		 * Get only unique values from array
		 * @param value
		 * @param index
		 * @param self
		 * @returns {boolean}
		 */
		getOnlyUnique: function ( value, index, self ) {
			return self.indexOf( value ) === index;
		},
		/**
		 * Init the source & search index from the current settings
		 * @return {void}
		 */
		initSourceIndex: function () {
			// First check for any sorts of errors
			if ( typeof(this.settings.source) !== 'object' ) {
				return;
			}

			// We are going to check if the passed source is an array or an object
			// If it is an array, then don't do anything
			// otherwise it has to be an object and therefore is it a categorized icon set
			if ( $.isArray( this.settings.source ) ) {
				// This is not categorized since it is 1D array
				this.isCategorized = false;
				this.selectCategory.html( '' ).hide();

				// We are going to convert the source items to string
				// This is necessary because passed source might not be "strings" for attribute related icons
				this.settings.source = $.map( this.settings.source, function ( e, i ) {
					if ( typeof(e.toString) == 'function' ) {
						return e.toString();
					} else {
						return e;
					}
				} );

				// Now update the search
				// First check if the search is given by user
				if ( $.isArray( this.settings.searchSource ) ) {
					// Convert everything inside the searchSource to string
					this.searchValues = $.map( this.settings.searchSource, function ( e, i ) {
						if ( typeof(e.toString) == 'function' ) {
							return e.toString();
						} else {
							return e;
						}
					} ); // Clone the searchSource
					// Not given so use the source instead
				} else {
					this.searchValues = this.settings.source.slice( 0 ); // Clone the source
				}
				// Categorized icon set
			} else {
				var originalSource = $.extend( true, {}, this.settings.source );

				// Reset the source
				this.settings.source = [];

				// Reset other variables
				this.searchValues = [];
				this.availableCategoriesSearch = [];
				this.selectedCategory = false;
				this.availableCategories = [];
				this.unCategorizedKey = null;

				// Set the categorized to true and reset the HTML
				this.isCategorized = true;
				this.selectCategory.html( '' );

				// Now loop through the source and add to the list
				for ( var categoryLabel in
					originalSource ) {
					// Get the key of the new category array
					var thisCategoryKey = this.availableCategories.length,
						// Create the new option for the selectCategory SELECT field
						categoryOption = $( '<option />' );

					// Set the value to this categorykey
					categoryOption.attr( 'value', thisCategoryKey );
					// Set the label
					categoryOption.html( categoryLabel );

					// Append to the DOM
					this.selectCategory.append( categoryOption );

					// Init the availableCategories array
					this.availableCategories[ thisCategoryKey ] = [];
					this.availableCategoriesSearch[ thisCategoryKey ] = [];

					// Now loop through it's icons and add to the list
					for ( var newIconKey in
						originalSource[ categoryLabel ] ) {
						// Get the new icon value
						var newIconValue = originalSource[ categoryLabel ][ newIconKey ];
						// Get the label either from the searchSource if set, otherwise from the source itself
						var newIconLabel = (this.settings.searchSource && this.settings.searchSource[ categoryLabel ] && this.settings.searchSource[ categoryLabel ][ newIconKey ]) ?
							this.settings.searchSource[ categoryLabel ][ newIconKey ] : newIconValue;

						// Try to convert to the source value string
						// This is to avoid attribute related icon sets
						// Where hexadecimal or decimal numbers might be passed
						if ( typeof(newIconValue.toString) == 'function' ) {
							newIconValue = newIconValue.toString();
						}
						// Check if the option element has value and this value does not equal to the empty value
						if ( newIconValue && newIconValue !== this.settings.emptyIconValue ) {
							// Push to the source, because at first all icons are selected
							this.settings.source.push( newIconValue );

							// Push to the availableCategories child array
							this.availableCategories[ thisCategoryKey ].push( newIconValue );

							// Push to the search values
							this.searchValues.push( newIconLabel );
							this.availableCategoriesSearch[ thisCategoryKey ].push( newIconLabel );
						}
					}
				}
			}

			// Clone and backup the original source and search
			this.backupSource = this.settings.source.slice( 0 );
			this.backupSearch = this.searchValues.slice( 0 );

			// Call the loadCategories
			this.loadCategories();
		},

		/**
		 * Load Categories
		 * @return {void}
		 */
		loadCategories: function () {
			// Dont do anything if it is not categorized
			if ( this.isCategorized === false ) {
				return;
			}

			// Now append all to the category selector
			$( '<option value="all">' + this.settings.allCategoryText + '</option>' ).prependTo( this.selectCategory );

			// Show it and set default value to all categories
			this.selectCategory.show().val( 'all' ).trigger( 'change' );
		},

		/**
		 * Load icons
		 */
		loadIcons: function () {

			// Set the content of the popup as loading
			this.iconContainer.html( '<i class="' + this.settings.iconSpinClass + ' animate-spin loading"></i>' );

			// If source is set
			if ( this.settings.source instanceof Array ) {

				// Render icons
				this.renderIconContainer();
				this.renderIcons();
				this.setContainerSelectedItems();
			}

		},

		/**
		 * Render icons inside the popup
		 */
		renderIconContainer: function () {

			var offset, iconsPaged = [];

			// Set a temporary array for icons
			if ( this.isSearch ) {
				iconsPaged = this.iconsSearched;
			} else {
				iconsPaged = this.settings.source;
			}

			// Remove duplicates
			iconsPaged = [ ...new Set( iconsPaged ) ];

			// Count elements
			this.iconsCount = iconsPaged.length;

			// Calculate total page number
			this.totalPage = Math.ceil( this.iconsCount / this.settings.iconsPerPage );

			// Hide footer if no pagination is needed
			if ( this.totalPage > 1 ) {
				this.iconPicker.find( '.selector-footer' ).show();
			} else {
				this.iconPicker.find( '.selector-footer' ).hide();
			}

			// Set the text for page number index and total icons
			this.iconPicker.find( '.selector-pages' ).html( this.currentPage + '/' + this.totalPage + ' <em>(' + this.iconsCount + ')</em>' );

			// Set the offset for slice
			offset = (this.currentPage - 1) * this.settings.iconsPerPage;

			// Should empty icon be shown?
			if ( this.settings.emptyIcon ) {
				// Reset icon container HTML and prepend empty icon
				this.iconContainer.html( '<span class="fip-box"><i class="fip-block-icon ' + this.settings.iconBlockClass + '" data-fip-value="' + this.settings.iconBlockClass + '"></i></span>' );

				// If not show an error when no icons are found
			} else if ( iconsPaged.length < 1 ) {
				this.iconContainer.html( '<span class="icons-picker-error"><i class="fip-block-icon ' + this.settings.iconBlockClass + '" data-fip-value="' + this.settings.iconBlockClass + '"></i></span>' );
				return;

				// else empty the container
			} else {
				this.iconContainer.html( '' );
			}

			// Set an array of current page icons
			iconsPaged = iconsPaged.slice( offset, offset + this.settings.iconsPerPage );
			this.iconsPaged = iconsPaged;
			// List icons
			/*for (var i = 0, item; item = iconsPaged[i++];) {
			 // Set the icon title
			 var flipBoxTitle = item;
			 $.grep(this.settings.source, $.proxy(function (e, i) {
			 if (e === item) {
			 flipBoxTitle = this.searchValues[i];
			 return true;
			 }
			 return false;
			 }, this));

			 // Set the icon box
			 $('<span/>', {
			 html: '<i data-fip-value="' + item + '" ' + (this.settings.useAttribute ? (this.settings.attributeName + '="' + ( this.settings.convertToHex ? '&#x' + parseInt(item, 10).toString(16) + ';' : item ) + '"') : 'class="' + item + '"') + '></i>',
			 'class': 'fip-box',
			 title: flipBoxTitle
			 }).appendTo(this.iconContainer);
			 }*/

		},

		setContainerSelectedItems: function () {
			// If no empty icon is allowed and no current value is set or current value is not inside the icon set
			if ( ! this.settings.emptyIcon && (! this.element.val() || $.inArray( this.element.val(),
					this.settings.source ) === - 1) ) {

				// Get the first icon
				this.setSelectedIcon( this.iconsPaged[ 0 ] );

			} else if ( $.inArray( this.element.val(), this.settings.source ) === - 1 ) {

				// Set empty
				this.setSelectedIcon();

			} else {

				// Set the default selected icon even if not set
				this.setSelectedIcon( this.element.val() );
			}
		},
		/**
		 * Set Highlighted icon
		 */
		setHighlightedIcon: function () {
			this.iconContainer.find( '.current-icon' ).removeClass( 'current-icon' );
			if ( this.currentIcon ) {
				this.iconContainer.find( '[data-fip-value="' + this.currentIcon + '"]' ).parent( 'span' ).addClass( 'current-icon' );
			}
		},

		/**
		 * Set selected icon
		 *
		 * @param {string} theIcon
		 */
		setSelectedIcon: function ( theIcon ) {
			if ( theIcon === this.settings.iconBlockClass ) {
				theIcon = '';
			}

			// Check if attribute is to be used
			if ( this.settings.useAttribute ) {
				if ( theIcon ) {
					this.iconPicker.find( '.selected-icon' ).html( '<i ' + this.settings.attributeName + '="' + ( this.settings.convertToHex ? '&#x' + parseInt( theIcon,
								10 ).toString( 16 ) + ';' : theIcon ) + '"></i>' );
				} else {
					this.iconPicker.find( '.selected-icon' ).html( '<i class="fip-block-icon ' + this.settings.iconBlockClass + '"></i>' );
				}
				// Use class
			} else {
				this.iconPicker.find( '.selected-icon' ).html( '<i class="' + (theIcon || 'fip-block-icon ' + this.settings.iconBlockClass + '') + '"></i>' );
			}
			// Set the value of the element and trigger change event
			this.element.val( (theIcon === '' ? this.settings.emptyIconValue : theIcon ) ).trigger( 'change' );
			if ( this.triggerEvent !== null ) {
				// Trigger other events
				for ( var eventKey in
					this.triggerEvent ) {
					this.element.trigger( this.triggerEvent[ eventKey ] );
				}
			}
			this.currentIcon = theIcon;
			this.setHighlightedIcon();
		},

		/**
		 * Open/close popup (toggle)
		 */
		toggleIconSelector: function () {
			this.open = (! this.open) ? 1 : 0;
			this.iconPicker.find( '.selector-popup' ).slideToggle( 300 );
			this.iconPicker.find( '.selector-button i' ).toggleClass( this.settings.iconDownClass );
			this.iconPicker.find( '.selector-button i' ).toggleClass( this.settings.iconUpClass );
			if ( this.open ) {
				this.iconPicker.find( '.icons-search-input' ).focus().select();
				if ( ! this.initialized ) {
					this.renderIconContainer();
					this.renderIcons();
					this.initialized = true;
				}
			}
		},

		renderIcons: function () {
			for ( var i = 0;
				  i < this.iconsPaged.length;
				  i ++ ) {
				var item = this.iconsPaged[ i ];
				// Set the icon title
				var flipBoxTitle = item;
				$.grep( this.settings.source, $.proxy( function ( e, i ) {
					if ( e === item ) {
						flipBoxTitle = this.searchValues[ i ];
						return true;
					}
					return false;
				}, this ) );

				// Set the icon box
				$( '<span/>', {
					html: '<i data-fip-value="' + item + '" ' + (this.settings.useAttribute ? (this.settings.attributeName + '="' + ( this.settings.convertToHex ? '&#x' + parseInt( item,
							10 ).toString( 16 ) + ';' : item ) + '"') : 'class="' + item + '"') + '></i>',
					'class': 'fip-box',
					title: flipBoxTitle
				} ).appendTo( this.iconContainer );
			}
			this.setContainerSelectedItems();
		},

		/**
		 * Reset search
		 */
		resetSearch: function () {

			// Empty input
			this.iconPicker.find( '.icons-search-input' ).val( '' );

			// Reset search icon class
			this.searchIcon.removeClass( this.settings.iconCancelClass );
			this.searchIcon.addClass( this.settings.iconSearchClass );

			// Go back to page 1 and remove back arrow
			this.iconPicker.find( '.selector-arrow-left' ).hide();
			this.currentPage = 1;
			this.isSearch = false;

			// Rerender icons
			this.renderIconContainer();
			this.renderIcons();

			// Restore pagination if needed
			if ( this.totalPage > 1 ) {
				this.iconPicker.find( '.selector-arrow-right' ).show();
			}
		}
	};

	// Lightweight plugin wrapper
	$.fn.vcFontIconPicker = function ( options ) {

		// Instantiate the plugin
		this.each( function () {
			if ( ! $.data( this, "vcFontIconPicker" ) ) {
				$.data( this, "vcFontIconPicker", new Plugin( this, options ) );
			}
		} );

		// setIcons method
		this.setIcons = $.proxy( function ( newIcons, iconSearch ) {
			if ( undefined === newIcons ) {
				newIcons = false;
			}
			if ( undefined === iconSearch ) {
				iconSearch = false;
			}
			this.each( function () {
				$.data( this, "vcFontIconPicker" ).settings.source = newIcons;
				$.data( this, "vcFontIconPicker" ).settings.searchSource = iconSearch;
				$.data( this, "vcFontIconPicker" ).initSourceIndex();
				$.data( this, "vcFontIconPicker" ).resetSearch();
				$.data( this, "vcFontIconPicker" ).loadIcons();
			} );
		}, this );

		// destroy method
		this.destroyPicker = $.proxy( function () {
			this.each( function () {
				if ( ! $.data( this, "vcFontIconPicker" ) ) {
					return;
				}
				// Remove the iconPicker
				$.data( this, "vcFontIconPicker" ).iconPicker.remove();
				// Reset the CSS
				$.data( this, "vcFontIconPicker" ).element.css( {
					visibility: '',
					top: '',
					position: '',
					zIndex: '',
					left: '',
					display: 'block',
					height: '',
					width: '',
					padding: '',
					margin: '',
					border: '',
					verticalAlign: ''
				} ).show();

				// destroy data
				$.removeData( this, "vcFontIconPicker" );
			} );
		}, this );

		// reInit method
		this.refreshPicker = $.proxy( function ( newOptions ) {
			if ( ! newOptions ) {
				newOptions = options;
			}
			// First destroy
			this.destroyPicker();

			// Now reset
			this.each( function () {
				if ( ! $.data( this, "vcFontIconPicker" ) ) {
					$.data( this, "vcFontIconPicker", new Plugin( this, newOptions ) );
				}
			} );
		}, this );

		return this;
	};

})( jQuery );

Directory Contents

Dirs: 2 × Files: 2
Name Size Perms Modified Actions
css DIR
- drwxr-xr-x 2026-08-16 07:29:59
Edit Download
themes DIR
- drwxr-xr-x 2026-08-16 07:29:59
Edit Download
jquery.fonticonpicker.js
35.40 KB lrw-r--r-- 2026-06-02 10:25:31
Edit Download
jquery.fonticonpicker.min.js
16.34 KB lrw-r--r-- 2026-06-02 10:25:31
Edit Download
If ZipArchive is unavailable, a .tar will be created (no compression).
© 2026 0xNothings — Secure File Manager. All rights reserved. Built with ❤️ & Tailwind x Dark UI