N°8772 - Form dependencies manager implementation

- Form SDK implementation
- Basic Forms
- Dynamics Forms
- Basic Blocks + Data Model Block
- Form Compilation
- Turbo integration

node_modules/tom-select/src/getSettings.ts

@@ -0,0 +1,176 @@
+import defaults from './defaults.ts';
+import { hash_key, iterate } from './utils.ts';
+import { TomOption, TomSettings, RecursivePartial } from './types/index.ts';
+import { TomInput } from './types/index.ts';
+
+
+export default function getSettings( input:TomInput, settings_user:RecursivePartial<TomSettings>):TomSettings{
+	var settings:TomSettings	= Object.assign({}, defaults, settings_user);
+
+	var attr_data				= settings.dataAttr;
+	var field_label				= settings.labelField;
+	var field_value				= settings.valueField;
+	var field_disabled			= settings.disabledField;
+	var field_optgroup			= settings.optgroupField;
+	var field_optgroup_label	= settings.optgroupLabelField;
+	var field_optgroup_value	= settings.optgroupValueField;
+
+	var tag_name				= input.tagName.toLowerCase();
+	var placeholder				= input.getAttribute('placeholder') || input.getAttribute('data-placeholder');
+
+	if (!placeholder && !settings.allowEmptyOption) {
+		let option		= input.querySelector('option[value=""]');
+		if( option ){
+			placeholder = option.textContent;
+		}
+
+	}
+
+	var settings_element:{
+		placeholder	: null|string,
+		options		: TomOption[],
+		optgroups	: TomOption[],
+		items		: string[],
+		maxItems	: null|number,
+	} = {
+		placeholder	: placeholder,
+		options		: [],
+		optgroups	: [],
+		items		: [],
+		maxItems	: null,
+	};
+
+
+	/**
+	 * Initialize from a <select> element.
+	 *
+	 */
+	var init_select = () => {
+		var tagName;
+		var options = settings_element.options;
+		var optionsMap:{[key:string]:any} = {};
+		var group_count = 1;
+		let $order = 0;
+
+		var readData = (el:HTMLElement):TomOption => {
+
+			var data	= Object.assign({},el.dataset); // get plain object from DOMStringMap
+			var json	= attr_data && data[attr_data];
+
+			if( typeof json === 'string' && json.length ){
+				data = Object.assign(data,JSON.parse(json));
+			}
+
+			return data;
+		};
+
+		var addOption = (option:HTMLOptionElement, group?:string) => {
+
+			var value = hash_key(option.value);
+			if ( value == null ) return;
+			if ( !value && !settings.allowEmptyOption) return;
+
+			// if the option already exists, it's probably been
+			// duplicated in another optgroup. in this case, push
+			// the current group to the "optgroup" property on the
+			// existing option so that it's rendered in both places.
+			if (optionsMap.hasOwnProperty(value)) {
+				if (group) {
+					var arr = optionsMap[value][field_optgroup];
+					if (!arr) {
+						optionsMap[value][field_optgroup] = group;
+					} else if (!Array.isArray(arr)) {
+						optionsMap[value][field_optgroup] = [arr, group];
+					} else {
+						arr.push(group);
+					}
+				}
+
+			}else{
+
+				var option_data             = readData(option);
+				option_data[field_label]    = option_data[field_label] || option.textContent;
+				option_data[field_value]    = option_data[field_value] || value;
+				option_data[field_disabled] = option_data[field_disabled] || option.disabled;
+				option_data[field_optgroup] = option_data[field_optgroup] || group;
+				option_data.$option			= option;
+				option_data.$order			= option_data.$order || ++$order;
+
+				optionsMap[value] = option_data;
+				options.push(option_data);
+			}
+
+			if( option.selected ){
+				settings_element.items.push(value);
+			}
+		};
+
+		var addGroup = ( optgroup:HTMLOptGroupElement ) => {
+			var id:string, optgroup_data
+
+			optgroup_data							= readData(optgroup);
+			optgroup_data[field_optgroup_label]		= optgroup_data[field_optgroup_label] || optgroup.getAttribute('label') || '';
+			optgroup_data[field_optgroup_value]		= optgroup_data[field_optgroup_value] || group_count++;
+			optgroup_data[field_disabled]			= optgroup_data[field_disabled] || optgroup.disabled;
+			optgroup_data.$order					= optgroup_data.$order || ++$order;
+
+			settings_element.optgroups.push(optgroup_data);
+
+			id = optgroup_data[field_optgroup_value];
+
+			iterate(optgroup.children, (option)=>{
+				addOption(option as HTMLOptionElement, id);
+			});
+
+		};
+
+		settings_element.maxItems = input.hasAttribute('multiple') ? null : 1;
+
+		iterate(input.children,(child)=>{
+			tagName = child.tagName.toLowerCase();
+			if (tagName === 'optgroup') {
+				addGroup(child as HTMLOptGroupElement);
+			} else if (tagName === 'option') {
+				addOption(child as HTMLOptionElement);
+			}
+		});
+
+	};
+
+
+	/**
+	 * Initialize from a <input type="text"> element.
+	 *
+	 */
+	var init_textbox = () => {
+		const data_raw = input.getAttribute(attr_data);
+
+		if (!data_raw) {
+			var value = input.value.trim() || '';
+			if (!settings.allowEmptyOption && !value.length) return;
+			const values = value.split(settings.delimiter);
+
+			iterate( values, (value) => {
+				const option:TomOption = {};
+				option[field_label] = value;
+				option[field_value] = value;
+				settings_element.options.push(option);
+			});
+			settings_element.items = values;
+		} else {
+			settings_element.options = JSON.parse(data_raw);
+			iterate( settings_element.options, (opt) => {
+				settings_element.items.push(opt[field_value]);
+			});
+		}
+	};
+
+
+	if (tag_name === 'select') {
+		init_select();
+	} else {
+		init_textbox();
+	}
+
+	return Object.assign( {}, defaults, settings_element, settings_user) as TomSettings;
+};