@drecchia/tom-select 2.5.2-virtual-scroll.0

package/dist/types/types/settings.d.ts

@@ -0,0 +1,81 @@
+import { TomCreateOptgroup, TomCreateFilter, TomCreate, TomLoadCallback, TomTemplates, TomOption } from './index.ts';
+import { TPluginItem, TPluginHash } from '../contrib/microplugin.ts';
+import { type Sort as SifterSort, type SortFn as SifterSortFn } from '@orchidjs/sifter';
+export type TomSettings = {
+    options?: any[];
+    optgroups?: any[];
+    items?: string[];
+    plugins: string[] | TPluginItem[] | TPluginHash;
+    delimiter: string;
+    splitOn: RegExp | string;
+    persist: boolean;
+    diacritics: boolean;
+    create: boolean | TomCreate;
+    createOnBlur: boolean;
+    createFilter: RegExp | string | TomCreateFilter;
+    highlight: boolean;
+    openOnFocus: boolean;
+    shouldOpen: boolean;
+    maxOptions: null | number;
+    maxItems: null | number;
+    hideSelected: boolean;
+    duplicates: boolean;
+    addPrecedence: boolean;
+    selectOnTab: boolean;
+    preload: boolean | string;
+    allowEmptyOption: boolean;
+    closeAfterSelect: boolean;
+    clearAfterSelect: boolean;
+    refreshThrottle: number;
+    loadThrottle: number;
+    loadingClass: string;
+    dataAttr: string;
+    optgroupField: string;
+    valueField: string;
+    labelField: string;
+    disabledField: string;
+    optgroupLabelField: string;
+    optgroupValueField: string;
+    lockOptgroupOrder: boolean;
+    optionGroupRegister: TomCreateOptgroup;
+    sortField: string | SifterSort[] | SifterSortFn;
+    searchField: string[];
+    searchConjunction: string;
+    nesting: boolean;
+    mode: string;
+    wrapperClass: string;
+    controlClass: string;
+    dropdownClass: string;
+    dropdownContentClass: string;
+    itemClass: string;
+    optionClass: string;
+    dropdownParent: string;
+    controlInput: null | string | HTMLInputElement;
+    copyClassesToDropdown: boolean;
+    placeholder: string;
+    hidePlaceholder: boolean;
+    load: (value: string, callback: TomLoadCallback) => void;
+    score?: (query: string) => () => any;
+    shouldLoad: (query: string) => boolean;
+    onInitialize: () => void;
+    onChange: (value: string | number) => void;
+    onItemAdd: (value: string | number, item: HTMLDivElement) => void;
+    onItemRemove: (value: string | number, item: HTMLDivElement) => void;
+    onClear: () => void;
+    onOptionAdd: (value: string | number, data: TomOption) => void;
+    onOptionRemove: (value: string | number) => void;
+    onOptionClear: () => void;
+    onOptionGroupAdd: (value: string | number, data: TomOption) => void;
+    onOptionGroupRemove: (value: string | number) => void;
+    onOptionGroupClear: () => void;
+    onDropdownOpen: (dropdown: HTMLDivElement) => void;
+    onDropdownClose: (dropdown: HTMLDivElement) => void;
+    onType: (str: string) => void;
+    onLoad: (options: TomOption[], optgroups: TomOption[]) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    onDelete: (values: string[], evt: KeyboardEvent | MouseEvent) => boolean;
+    render: TomTemplates;
+    firstUrl: (query: string) => any;
+    shouldLoadMore: () => boolean;
+};

package/dist/types/utils.d.ts

@@ -0,0 +1,95 @@
+import type TomSelect from './tom-select.ts';
+import { TomLoadCallback } from './types/index.ts';
+/**
+ * Converts a scalar to its best string representation
+ * for hash keys and HTML attribute values.
+ *
+ * Transformations:
+ *   'str'     -> 'str'
+ *   null      -> ''
+ *   undefined -> ''
+ *   true      -> '1'
+ *   false     -> '0'
+ *   0         -> '0'
+ *   1         -> '1'
+ *
+ */
+export declare const hash_key: (value: undefined | null | boolean | string | number) => string | null;
+export declare const get_hash: (value: boolean | string | number) => string;
+/**
+ * Escapes a string for use within HTML.
+ *
+ */
+export declare const escape_html: (str: string) => string;
+/**
+ * use setTimeout if timeout > 0
+ */
+export declare const timeout: (fn: () => void, timeout: number) => number | null;
+/**
+ * Debounce the user provided load function
+ *
+ */
+export declare const loadDebounce: (fn: (value: string, callback: TomLoadCallback) => void, delay: number) => (this: TomSelect, value: string, callback: TomLoadCallback) => void;
+/**
+ * Debounce all fired events types listed in `types`
+ * while executing the provided `fn`.
+ *
+ */
+export declare const debounce_events: (self: TomSelect, types: string[], fn: () => void) => void;
+/**
+ * Determines the current selection within a text input control.
+ * Returns an object containing:
+ *   - start
+ *   - length
+ *
+ * Note: "selectionStart, selectionEnd ... apply only to inputs of types text, search, URL, tel and password"
+ * 	- https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
+ */
+export declare const getSelection: (input: HTMLInputElement) => {
+    start: number;
+    length: number;
+};
+/**
+ * Prevent default
+ *
+ */
+export declare const preventDefault: (evt?: Event, stop?: boolean) => void;
+/**
+ * Add event helper
+ *
+ */
+export declare const addEvent: (target: EventTarget, type: string, callback: EventListenerOrEventListenerObject, options?: object) => void;
+/**
+ * Return true if the requested key is down
+ * Will return false if more than one control character is pressed ( when [ctrl+shift+a] != [ctrl+a] )
+ * The current evt may not always set ( eg calling advanceSelection() )
+ *
+ */
+export declare const isKeyDown: (key_name: keyof (KeyboardEvent | MouseEvent), evt?: KeyboardEvent | MouseEvent) => boolean;
+/**
+ * Get the id of an element
+ * If the id attribute is not set, set the attribute with the given id
+ *
+ */
+export declare const getId: (el: Element, id: string) => string;
+/**
+ * Returns a string with backslashes added before characters that need to be escaped.
+ */
+export declare const addSlashes: (str: string) => string;
+/**
+ *
+ */
+export declare const append: (parent: Element | DocumentFragment, node: string | Node | null | undefined) => void;
+/**
+ * Iterates over arrays and hashes.
+ *
+ * ```
+ * iterate(this.items, function(item, id) {
+ *    // invoked for each item
+ * });
+ * ```
+ *
+ */
+export declare const iterate: (object: [] | {
+    [key: string]: any;
+}, callback: (value: any, key: any) => any) => void;

package/dist/types/vanilla.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Return a dom element from either a dom query string, jQuery object, a dom element or html string
+ * https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518
+ *
+ * param query should be {}
+ */
+export declare const getDom: (query: any) => HTMLElement;
+export declare const isHtmlString: (arg: any) => boolean;
+export declare const escapeQuery: (query: string) => string;
+/**
+ * Dispatch an event
+ *
+ */
+export declare const triggerEvent: (dom_el: HTMLElement, event_name: string) => void;
+/**
+ * Apply CSS rules to a dom element
+ *
+ */
+export declare const applyCSS: (dom_el: HTMLElement, css: {
+    [key: string]: string | number;
+}) => void;
+/**
+ * Add css classes
+ *
+ */
+export declare const addClasses: (elmts: HTMLElement | HTMLElement[], ...classes: string[] | string[][]) => void;
+/**
+ * Remove css classes
+ *
+ */
+export declare const removeClasses: (elmts: HTMLElement | HTMLElement[], ...classes: string[] | string[][]) => void;
+/**
+ * Return arguments
+ *
+ */
+export declare const classesArray: (args: string[] | string[][]) => string[];
+/**
+ * Create an array from arg if it's not already an array
+ *
+ */
+export declare const castAsArray: (arg: any) => Array<any>;
+/**
+ * Get the closest node to the evt.target matching the selector
+ * Stops at wrapper
+ *
+ */
+export declare const parentMatch: (target: null | HTMLElement, selector: string, wrapper?: HTMLElement) => HTMLElement | void;
+/**
+ * Get the first or last item from an array
+ *
+ * > 0 - right (last)
+ * <= 0 - left (first)
+ *
+ */
+export declare const getTail: (list: Array<any> | NodeList, direction?: number) => any;
+/**
+ * Return true if an object is empty
+ *
+ */
+export declare const isEmptyObject: (obj: object) => boolean;
+/**
+ * Get the index of an element amongst sibling nodes of the same type
+ *
+ */
+export declare const nodeIndex: (el: null | Element, amongst?: string) => number;
+/**
+ * Set attributes of an element
+ *
+ */
+export declare const setAttr: (el: Element, attrs: {
+    [key: string]: null | string | number;
+}) => void;
+/**
+ * Replace a node
+ */
+export declare const replaceNode: (existing: Node, replacement: Node) => void;

package/package.json

@@ -0,0 +1,156 @@
+{
+	"name": "@drecchia/tom-select",
+	"keywords": [
+		"select",
+		"ui",
+		"form",
+		"input",
+		"control",
+		"autocomplete",
+		"tagging",
+		"tag"
+	],
+	"type": "module",
+	"main": "dist/cjs/tom-select.complete.js",
+	"module": "dist/esm/tom-select.complete.js",
+	"browser": "dist/js/tom-select.complete.js",
+	"style": "dist/css/tom-select.default.css",
+	"exports": {
+		".": {
+			"import": "./dist/esm/tom-select.complete.js",
+			"require": "./dist/cjs/tom-select.complete.js"
+		},
+		"./base": {
+			"import": "./dist/esm/tom-select.js",
+			"require": "./dist/cjs/tom-select.js"
+		},
+		"./popular": {
+			"import": "./dist/esm/tom-select.popular.js",
+			"require": "./dist/cjs/tom-select.popular.js"
+		},
+		"./utils": {
+			"import": "./dist/esm/utils.js",
+			"require": "./dist/cjs/utils.js"
+		},
+		"./plugins/*": {
+			"import": "./dist/esm/plugins/*",
+			"require": "./dist/cjs/plugins/*"
+		},
+		"./src/*": "./src/*",
+		"./dist/*": "./dist/*",
+		"./package.json": "./package.json"
+	},
+	"description": "Tom Select is a versatile and dynamic <select> UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it's useful for tagging, contact lists, country selectors, etc.",
+	"homepage": "https://tom-select.js.org",
+	"version": "2.5.2-virtual-scroll.0",
+	"files": [
+		"/dist",
+		"/src"
+	],
+	"author": "Josh Schmidt (https://github.com/oyejorge)",
+	"contributors": [
+		"Brian Reavis <brian@thirdroute.com>",
+		"Nicolas CARPi @ Deltablot"
+	],
+	"license": "Apache-2.0",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/drecchia/tom-select.git"
+	},
+	"devDependencies": {
+		"@11ty/eleventy": "^3.0.0",
+		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
+		"@arethetypeswrong/cli": "^0.17.0",
+		"@babel/core": "^7.26.0",
+		"@babel/preset-env": "^7.26.0",
+		"@babel/preset-typescript": "^7.26.0",
+		"@lodder/grunt-postcss": "^3.1.1",
+		"@popperjs/core": "^2.11.8",
+		"@rollup/plugin-alias": "^5.1.1",
+		"@rollup/plugin-babel": "^6.0.4",
+		"@rollup/plugin-node-resolve": "^15.3.0",
+		"@rollup/plugin-terser": "^0.4.4",
+		"autoprefixer": "^10.4.20",
+		"bootstrap": "npm:bootstrap@4",
+		"bootstrap-sass": "^3.4.3",
+		"bootstrap5": "npm:bootstrap@^5.3.3",
+		"broken-link-checker": "^0.7.8",
+		"chai": "^4.5.0",
+		"cssnano": "^7.0.6",
+		"grunt": "^1.6.1",
+		"grunt-cli": "^1.5.0",
+		"grunt-contrib-clean": "^2.0.1",
+		"grunt-contrib-connect": "^5.0.1",
+		"grunt-contrib-copy": "^1.0.0",
+		"grunt-contrib-watch": "^1.1.0",
+		"grunt-replace": "^2.0.2",
+		"grunt-sass": "^3.1.0",
+		"grunt-shell": "^4.0.0",
+		"husky": "^9.1.6",
+		"icon-blender": "^1.0.0-beta.4",
+		"jsdom": "^25.0.1",
+		"karma": "^6.4.4",
+		"karma-browserstack-launcher": "^1.6.0",
+		"karma-chai": "^0.1.0",
+		"karma-chrome-launcher": "^3.2.0",
+		"karma-coverage": "^2.2.1",
+		"karma-coveralls": "^2.1.0",
+		"karma-firefox-launcher": "^2.1.3",
+		"karma-mocha": "^2.0.1",
+		"karma-mocha-reporter": "^2.2.5",
+		"karma-safari-launcher": "^1.0.0",
+		"karma-sourcemap-loader": "^0.4.0",
+		"load-grunt-tasks": "^5.1.0",
+		"mocha": "^11.0.1",
+		"postcss": "^8.4.49",
+		"puppeteer": "^24.1.1",
+		"rollup": "^4.27.2",
+		"rollup-plugin-insert": "^1.3.2",
+		"sass": "^1.81.0",
+		"stylelint": "^16.10.0",
+		"stylelint-config-prettier-scss": "^1.0.0",
+		"stylelint-config-standard": "^36.0.1",
+		"stylelint-config-standard-scss": "^14.0.0",
+		"syn": "^0.15.0",
+		"tslib": "^2.8.1",
+		"typescript": "^5.7.2"
+	},
+	"scripts": {
+		"build": "grunt build",
+		"build:docs": "grunt builddocs",
+		"build:js": "npm run build:js:esm && npm run build:js:cjs && npm run build:js:umd",
+		"build:js:esm": "tsc -p .config/tsconfig.esm.json",
+		"build:js:cjs": "tsc -p .config/tsconfig.cjs.json && echo '{\"type\":\"commonjs\"}' > ./dist/cjs/package.json",
+		"build:js:umd": "rollup -c .config/rollup.config.mjs && echo '{\"type\":\"commonjs\"}' > ./dist/js/package.json",
+		"build:types": "tsc -p .config/tsconfig.types.json",
+		"test": "karma start .config/karma.conf.cjs",
+		"test:one": "karma start --test_one .config/karma.conf.cjs",
+		"test:types": "attw --pack --profile node16 .",
+		"start": "grunt serve",
+		"pretest": "grunt build",
+		"prepare": "husky",
+		"stylelint": "stylelint -c .config/stylelintrc.json 'src/**/*.scss'"
+	},
+	"engines": {
+		"node": "*"
+	},
+	"browserslist": [
+		">= 0.5%",
+		"not dead",
+		"Chrome >= 60",
+		"Firefox >= 60",
+		"Firefox ESR",
+		"Edge >= 17",
+		"iOS >= 12",
+		"Safari >= 12",
+		"not Explorer <= 11"
+	],
+	"funding": {
+		"type": "opencollective",
+		"url": "https://opencollective.com/tom-select"
+	},
+	"dependencies": {
+		"@orchidjs/sifter": "^1.1.0",
+		"@orchidjs/unicode-variants": "^1.1.2"
+	}
+}

package/src/constants.ts

@@ -0,0 +1,13 @@
+export const KEY_A				= 65;
+export const KEY_RETURN			= 13;
+export const KEY_ESC			= 27;
+export const KEY_LEFT			= 37;
+export const KEY_UP				= 38;
+export const KEY_RIGHT			= 39;
+export const KEY_DOWN			= 40;
+export const KEY_BACKSPACE		= 8;
+export const KEY_DELETE			= 46;
+export const KEY_TAB			= 9;
+
+export const IS_MAC      		= typeof navigator === 'undefined' ? false : /Mac/.test(navigator.userAgent);
+export const KEY_SHORTCUT		= IS_MAC ? 'metaKey' : 'ctrlKey'; // ctrl key or apple key for ma

package/src/contrib/highlight.ts

@@ -0,0 +1,81 @@
+/**
+ * highlight v3 | MIT license | Johann Burkard <jb@eaio.com>
+ * Highlights arbitrary terms in a node.
+ *
+ * - Modified by Marshal <beatgates@gmail.com> 2011-6-24 (added regex)
+ * - Modified by Brian Reavis <brian@thirdroute.com> 2012-8-27 (cleanup)
+ */
+
+import {replaceNode} from '../vanilla.ts';
+
+
+export const highlight = (element:HTMLElement, regex:string|RegExp) => {
+
+	if( regex === null ) return;
+
+	// convet string to regex
+	if( typeof regex === 'string' ){
+
+		if( !regex.length ) return;
+		regex = new RegExp(regex, 'i');
+	}
+
+
+	// Wrap matching part of text node with highlighting <span>, e.g.
+	// Soccer  ->  <span class="highlight">Soc</span>cer  for regex = /soc/i
+	const highlightText = ( node:Text ):number => {
+
+		var match = node.data.match(regex);
+		if( match && node.data.length > 0 ){
+			var spannode		= document.createElement('span');
+			spannode.className	= 'highlight';
+			var middlebit		= node.splitText(match.index as number);
+
+			middlebit.splitText(match[0]!.length);
+			var middleclone		= middlebit.cloneNode(true);
+
+			spannode.appendChild(middleclone);
+			replaceNode(middlebit, spannode);
+			return 1;
+		}
+
+		return 0;
+	};
+
+	// Recurse element node, looking for child text nodes to highlight, unless element
+	// is childless, <script>, <style>, or already highlighted: <span class="hightlight">
+	const highlightChildren = ( node:Element ):void => {
+		if( node.nodeType === 1 && node.childNodes && !/(script|style)/i.test(node.tagName) && ( node.className !== 'highlight' || node.tagName !== 'SPAN' ) ){
+			Array.from(node.childNodes).forEach(element => {
+				highlightRecursive(element);
+			});
+		}
+	};
+
+
+	const highlightRecursive = ( node:Node|Element ):number => {
+
+		if( node.nodeType === 3 ){
+			return highlightText(node as Text);
+		}
+
+		highlightChildren(node as Element);
+
+		return 0;
+	};
+
+	highlightRecursive( element );
+};
+
+/**
+ * removeHighlight fn copied from highlight v5 and
+ * edited to remove with(), pass js strict mode, and use without jquery
+ */
+export const removeHighlight = (el:HTMLElement) => {
+	var elements = el.querySelectorAll("span.highlight");
+	Array.prototype.forEach.call(elements, function(el:HTMLElement){
+		var parent = el.parentNode as Node;
+		parent.replaceChild(el.firstChild as Node, el);
+		parent.normalize();
+	});
+};

package/src/contrib/microevent.ts

@@ -0,0 +1,73 @@
+/**
+ * MicroEvent - to make any js object an event emitter
+ *
+ * - pure javascript - server compatible, browser compatible
+ * - dont rely on the browser doms
+ * - super simple - you get it immediatly, no mistery, no magic involved
+ *
+ * @author Jerome Etienne (https://github.com/jeromeetienne)
+ */
+
+type TCallback = (...args:any) => any;
+
+/**
+ * Execute callback for each event in space separated list of event names
+ *
+ */
+function forEvents(events:string,callback:(event:string)=>any){
+	events.split(/\s+/).forEach((event) =>{
+		callback(event);
+	});
+}
+
+export default class MicroEvent{
+
+	public _events: {[key:string]:TCallback[]};
+
+	constructor(){
+		this._events = {};
+	}
+
+	on(events:string, fct:TCallback){
+		forEvents(events,(event) => {
+			const event_array = this._events[event] || [];
+			event_array.push(fct);
+			this._events[event] = event_array;
+		});
+	}
+
+	off(events:string, fct:TCallback){
+		var n = arguments.length;
+		if( n === 0 ){
+			this._events = {};
+			return;
+		}
+
+		forEvents(events,(event) => {
+
+			if (n === 1){
+				delete this._events[event];
+				return
+			}
+
+			const event_array = this._events[event];
+			if( event_array === undefined ) return;
+
+			event_array.splice(event_array.indexOf(fct), 1);
+			this._events[event] = event_array;
+		});
+	}
+
+	trigger(events:string, ...args:any){
+		var self = this;
+
+		forEvents(events,(event) => {
+			const event_array = self._events[event];
+			if( event_array === undefined ) return;
+			event_array.forEach(fct => {
+				fct.apply(self, args );
+			});
+
+		});
+	}
+};