@windwalker-io/unicorn-next 0.1.18 → 0.1.21

package/dist/chunks/list-dependent.js

@@ -1,231 +1,198 @@
-import { a as useUniDirective, x as getBoundedInstance, v as selectOne, u as useHttpClient, B as html, a6 as mergeDeep } from "./unicorn.js";
-const nope = () => {
+import { t as mergeDeep } from "./arr.js";
+import { d as selectOne, o as html, r as getBoundedInstance } from "./dom.js";
+import { useHttpClient, useUniDirective } from "../unicorn.js";
+//#region src/module/list-dependent.ts
+var nope = () => {};
+var defaultOptions = {
+	ajax: {
+		url: null,
+		value_field: "value",
+		data: {}
+	},
+	source: void 0,
+	text_field: "title",
+	value_field: "id",
+	first_option: void 0,
+	default_value: null,
+	initial_load: true,
+	empty_mark: "__EMPTY__",
+	hooks: {
+		before_request: nope,
+		after_request: nope
+	}
 };
-const defaultOptions = {
-  ajax: {
-    url: null,
-    value_field: "value",
-    data: {}
-  },
-  source: void 0,
-  text_field: "title",
-  value_field: "id",
-  first_option: void 0,
-  default_value: null,
-  initial_load: true,
-  empty_mark: "__EMPTY__",
-  hooks: {
-    before_request: nope,
-    after_request: nope
-  }
+var ListDependent = class {
+	element;
+	dependent;
+	options;
+	abortController = null;
+	static handle(el, dependent, options = {}) {
+		return getBoundedInstance(el, "list-dependent", () => {
+			return new this(el, dependent, options);
+		});
+	}
+	constructor(element, dependent, options = {}) {
+		this.options = this.mergeOptions(options);
+		this.element = selectOne(element);
+		if (!dependent) dependent = this.element.dataset.dependent || "";
+		this.dependent = selectOne(dependent);
+		this.bindEvents();
+		if (this.options.initial_load) this.changeList(this.dependent.value, true);
+	}
+	/**
+	* Bind events.
+	*/
+	bindEvents() {
+		this.dependent.addEventListener("change", (event) => {
+			this.changeList(event.currentTarget?.value);
+		});
+	}
+	/**
+	* Update the list elements.
+	*
+	* @param {*}    value
+	* @param {bool} initial
+	*/
+	changeList(value, initial = false) {
+		value = value || this.dependent.value;
+		if (value === "") value = this.options.empty_mark;
+		if (this.options.ajax.url) this.ajaxUpdate(value);
+		else if (this.options.source) this.sourceUpdate(value, initial);
+	}
+	/**
+	* Update list by source.
+	*/
+	sourceUpdate(value, initial = false) {
+		const source = this.options.source;
+		if (!source) return;
+		this.beforeHook(value, this.element, this.dependent);
+		if (source[value]) this.updateListElements(source[value]);
+		else {
+			this.updateListElements([]);
+			if (!initial && value !== "" && parseInt(value) !== 0) console.log("List for value: " + value + " not found.");
+		}
+		this.afterHook(value, this.element, this.dependent);
+	}
+	/**
+	* Do ajax.
+	*
+	* @param {string} value
+	*/
+	async ajaxUpdate(value) {
+		let data = {};
+		data[this.options.ajax.value_field] = value;
+		if (typeof this.options.ajax.data === "object") data = {
+			...data,
+			...this.options.ajax.data
+		};
+		else if (typeof this.options.ajax.data === "function") data = this.options.ajax.data(data, this) || data;
+		this.beforeHook(value, this.element, this.dependent);
+		this.abort();
+		let url = this.options.ajax.url;
+		if (typeof url === "function") url = url(this);
+		if (!url) throw new Error("Ajax URL is not set.");
+		const http = await useHttpClient();
+		this.abortController = new AbortController();
+		try {
+			const { success, data: returnData } = (await http.get(url, {
+				params: data,
+				signal: this.abortController.signal
+			})).data;
+			if (success) this.updateListElements(returnData);
+			else console.error(returnData);
+		} catch (e) {
+			console.error(e);
+		} finally {
+			this.afterHook(value, this.element, this.dependent);
+			this.abortController = null;
+		}
+	}
+	abort() {
+		if (this.abortController) {
+			this.abortController.abort();
+			this.abortController = null;
+		}
+	}
+	updateListElements(items) {
+		const textField = this.options.text_field;
+		const valueField = this.options.value_field;
+		this.element.innerHTML = "";
+		if (this.options.first_option && Array.isArray(items)) {
+			items.unshift({});
+			items[0][textField] = this.options.first_option[textField];
+			items[0][valueField] = this.options.first_option[valueField];
+		}
+		for (const i in items) {
+			const item = items[i];
+			if (Array.isArray(item)) {
+				const group = html(`<optgroup label="${i}"></optgroup>`);
+				for (const k in item) {
+					const child = item[k];
+					this.appendOptionTo({
+						value: child[valueField],
+						text: child[textField],
+						attributes: child.attributes
+					}, group);
+				}
+				this.element.appendChild(group);
+				continue;
+			}
+			this.appendOptionTo({
+				value: item[valueField],
+				text: item[textField],
+				attributes: item.attributes
+			}, this.element);
+		}
+		this.element.dispatchEvent(new CustomEvent("change"));
+		this.element.dispatchEvent(new CustomEvent("list:updated"));
+	}
+	appendOptionTo(item, parent) {
+		const value = item.value;
+		const option = html("<option>" + item.text + "</option>");
+		option.setAttribute("value", value);
+		if (item.attributes) for (const index in item.attributes) {
+			const val = item.attributes[index];
+			option.setAttribute(index, val);
+		}
+		if (this.isSelected(value)) option.setAttribute("selected", "selected");
+		parent.appendChild(option);
+	}
+	isSelected(value) {
+		let defaultValues = [];
+		let defValue = this.element.dataset.selected ?? this.options.default_value;
+		if (typeof defValue === "function") defValue = defValue(value, this);
+		if (Array.isArray(defValue)) defaultValues = defValue;
+		else if (defValue && typeof defValue === "object") defaultValues = Object.keys(defValue);
+		else defaultValues = [defValue];
+		return defaultValues.indexOf(value) !== -1;
+	}
+	/**
+	* Before hook.
+	*/
+	beforeHook(value, element, dependent) {
+		return this.options.hooks.before_request.call(this, value, element, dependent);
+	}
+	/**
+	* After hook.
+	*/
+	afterHook(value, element, dependent) {
+		return this.options.hooks.after_request.call(this, value, element, dependent);
+	}
+	mergeOptions(options) {
+		return mergeDeep({}, defaultOptions, options);
+	}
 };
-class ListDependent {
-  element;
-  dependent;
-  options;
-  abortController = null;
-  static handle(el, dependent, options = {}) {
-    return getBoundedInstance(el, "list-dependent", () => {
-      return new this(el, dependent, options);
-    });
-  }
-  constructor(element, dependent, options = {}) {
-    this.options = this.mergeOptions(options);
-    this.element = selectOne(element);
-    if (!dependent) {
-      dependent = this.element.dataset.dependent || "";
-    }
-    this.dependent = selectOne(dependent);
-    this.bindEvents();
-    if (this.options.initial_load) {
-      this.changeList(this.dependent.value, true);
-    }
-  }
-  /**
-   * Bind events.
-   */
-  bindEvents() {
-    this.dependent.addEventListener("change", (event) => {
-      this.changeList(event.currentTarget?.value);
-    });
-  }
-  /**
-   * Update the list elements.
-   *
-   * @param {*}    value
-   * @param {bool} initial
-   */
-  changeList(value, initial = false) {
-    value = value || this.dependent.value;
-    if (value === "") {
-      value = this.options.empty_mark;
-    }
-    if (this.options.ajax.url) {
-      this.ajaxUpdate(value);
-    } else if (this.options.source) {
-      this.sourceUpdate(value, initial);
-    }
-  }
-  /**
-   * Update list by source.
-   */
-  sourceUpdate(value, initial = false) {
-    const source = this.options.source;
-    if (!source) {
-      return;
-    }
-    this.beforeHook(value, this.element, this.dependent);
-    if (source[value]) {
-      this.updateListElements(source[value]);
-    } else {
-      this.updateListElements([]);
-      if (!initial && value !== "" && parseInt(value) !== 0) {
-        console.log("List for value: " + value + " not found.");
-      }
-    }
-    this.afterHook(value, this.element, this.dependent);
-  }
-  /**
-   * Do ajax.
-   *
-   * @param {string} value
-   */
-  async ajaxUpdate(value) {
-    let data = {};
-    data[this.options.ajax.value_field] = value;
-    if (typeof this.options.ajax.data === "object") {
-      data = { ...data, ...this.options.ajax.data };
-    } else if (typeof this.options.ajax.data === "function") {
-      data = this.options.ajax.data(data, this) || data;
-    }
-    this.beforeHook(value, this.element, this.dependent);
-    this.abort();
-    let url = this.options.ajax.url;
-    if (typeof url === "function") {
-      url = url(this);
-    }
-    if (!url) {
-      throw new Error("Ajax URL is not set.");
-    }
-    const http = await useHttpClient();
-    this.abortController = new AbortController();
-    try {
-      const res = await http.get(url, {
-        params: data,
-        signal: this.abortController.signal
-      });
-      const { success, data: returnData } = res.data;
-      if (success) {
-        this.updateListElements(returnData);
-      } else {
-        console.error(returnData);
-      }
-    } catch (e) {
-      console.error(e);
-    } finally {
-      this.afterHook(value, this.element, this.dependent);
-      this.abortController = null;
-    }
-  }
-  abort() {
-    if (this.abortController) {
-      this.abortController.abort();
-      this.abortController = null;
-    }
-  }
-  updateListElements(items) {
-    const textField = this.options.text_field;
-    const valueField = this.options.value_field;
-    this.element.innerHTML = "";
-    if (this.options.first_option && Array.isArray(items)) {
-      items.unshift({});
-      items[0][textField] = this.options.first_option[textField];
-      items[0][valueField] = this.options.first_option[valueField];
-    }
-    for (const i in items) {
-      const item = items[i];
-      if (Array.isArray(item)) {
-        const group = html(`<optgroup label="${i}"></optgroup>`);
-        for (const k in item) {
-          const child = item[k];
-          this.appendOptionTo({
-            value: child[valueField],
-            text: child[textField],
-            attributes: child.attributes
-          }, group);
-        }
-        this.element.appendChild(group);
-        continue;
-      }
-      this.appendOptionTo({
-        value: item[valueField],
-        text: item[textField],
-        attributes: item.attributes
-      }, this.element);
-    }
-    this.element.dispatchEvent(new CustomEvent("change"));
-    this.element.dispatchEvent(new CustomEvent("list:updated"));
-  }
-  appendOptionTo(item, parent) {
-    const value = item.value;
-    const option = html("<option>" + item.text + "</option>");
-    option.setAttribute("value", value);
-    if (item.attributes) {
-      for (const index in item.attributes) {
-        const val = item.attributes[index];
-        option.setAttribute(index, val);
-      }
-    }
-    if (this.isSelected(value)) {
-      option.setAttribute("selected", "selected");
-    }
-    parent.appendChild(option);
-  }
-  isSelected(value) {
-    let defaultValues = [];
-    let defValue = this.element.dataset.selected ?? this.options.default_value;
-    if (typeof defValue === "function") {
-      defValue = defValue(value, this);
-    }
-    if (Array.isArray(defValue)) {
-      defaultValues = defValue;
-    } else if (defValue && typeof defValue === "object") {
-      defaultValues = Object.keys(defValue);
-    } else {
-      defaultValues = [defValue];
-    }
-    return defaultValues.indexOf(value) !== -1;
-  }
-  /**
-   * Before hook.
-   */
-  beforeHook(value, element, dependent) {
-    const before = this.options.hooks.before_request;
-    return before.call(this, value, element, dependent);
-  }
-  /**
-   * After hook.
-   */
-  afterHook(value, element, dependent) {
-    const after = this.options.hooks.after_request;
-    return after.call(this, value, element, dependent);
-  }
-  mergeOptions(options) {
-    return mergeDeep({}, defaultOptions, options);
-  }
-}
-const ready = /* @__PURE__ */ useUniDirective("list-dependent", {
-  mounted(el, binding) {
-    const options = JSON.parse(binding.value);
-    ListDependent.handle(el, options.dependent, options);
-  },
-  updated(el, binding) {
-    const options = JSON.parse(binding.value);
-    ListDependent.handle(el).mergeOptions(options);
-  }
+var ready = /* @__PURE__ */ useUniDirective("list-dependent", {
+	mounted(el, binding) {
+		const options = JSON.parse(binding.value);
+		ListDependent.handle(el, options.dependent, options);
+	},
+	updated(el, binding) {
+		const options = JSON.parse(binding.value);
+		ListDependent.handle(el).mergeOptions(options);
+	}
 });
-export {
-  ListDependent,
-  ready
-};
-//# sourceMappingURL=list-dependent.js.map
+//#endregion
+export { ListDependent, ready };
+
+//# sourceMappingURL=list-dependent.js.map

package/dist/chunks/list-dependent.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-dependent.js","sources":["../../src/module/list-dependent.ts"],"sourcesContent":["\nimport type { CancelTokenSource } from 'axios';\nimport { useHttpClient, useUniDirective } from '../composable';\nimport { getBoundedInstance, html, selectOne } from '../service';\nimport { mergeDeep } from '../utilities';\n\nconst nope = () => {};\n\nexport interface ListDependentOptions {\n  ajax: {\n    url: string | null | ((self: ListDependent) => string);\n    value_field: string;\n    data: Record<string, any> | ((data: Record<string, any>, self: ListDependent) => Record<string, any>);\n  };\n  source?: Record<string, any>;\n  text_field: string;\n  value_field: string;\n  first_option?: Record<string, any>;\n  default_value: any;\n  initial_load: boolean;\n  empty_mark: string;\n  hooks: {\n    before_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\n    after_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\n  };\n}\n\nconst defaultOptions: ListDependentOptions = {\n  ajax: {\n    url: null,\n    value_field: 'value',\n    data: {},\n  },\n  source: undefined,\n  text_field: 'title',\n  value_field: 'id',\n  first_option: undefined,\n  default_value: null,\n  initial_load: true,\n  empty_mark: '__EMPTY__',\n  hooks: {\n    before_request: nope,\n    after_request: nope\n  }\n};\n\ntype ListItems = Record<string, any>[];\ntype MaybeGroupedListItems = Record<string, ListItems> | ListItems;\n\nexport class ListDependent {\n  element: HTMLSelectElement;\n  dependent: HTMLSelectElement;\n  options: ListDependentOptions;\n  abortController: AbortController | null = null;\n\n  static handle(el: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}): ListDependent {\n    return getBoundedInstance(el, 'list-dependent', () => {\n      return new this(el, dependent, options);\n    });\n  }\n\n  constructor(element: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}) {\n    this.options = this.mergeOptions(options);\n\n    this.element = selectOne<HTMLSelectElement>(element)!;\n\n    if (!dependent) {\n      dependent = this.element.dataset.dependent || '';\n    }\n\n    this.dependent = selectOne<HTMLSelectElement>(dependent)!;\n\n    this.bindEvents();\n\n    if (this.options.initial_load) {\n      this.changeList(this.dependent.value, true);\n    }\n  }\n\n  /**\n   * Bind events.\n   */\n  bindEvents() {\n    this.dependent.addEventListener('change', (event) => {\n      this.changeList((event.currentTarget as HTMLSelectElement)?.value);\n    });\n  }\n\n  /**\n   * Update the list elements.\n   *\n   * @param {*}    value\n   * @param {bool} initial\n   */\n  changeList(value: string, initial = false) {\n    value = value || this.dependent.value;\n\n    // Empty mark\n    if (value === '') {\n      value = this.options.empty_mark;\n    }\n\n    if (this.options.ajax.url) {\n      this.ajaxUpdate(value);\n    } else if (this.options.source) {\n      this.sourceUpdate(value, initial);\n    }\n  }\n\n  /**\n   * Update list by source.\n   */\n  sourceUpdate(value: string, initial = false) {\n    const source = this.options.source;\n\n    if (!source) {\n      return;\n    }\n\n    this.beforeHook(value, this.element, this.dependent);\n\n    if (source[value]) {\n      this.updateListElements(source[value]);\n    } else {\n      this.updateListElements([]);\n\n      if (!initial && value !== '' && parseInt(value) !== 0) {\n        console.log('List for value: ' + value + ' not found.');\n      }\n    }\n\n    this.afterHook(value, this.element, this.dependent);\n  }\n\n  /**\n   * Do ajax.\n   *\n   * @param {string} value\n   */\n  async ajaxUpdate(value: string) {\n    let data: Record<string, any> = {};\n\n    data[this.options.ajax.value_field] = value;\n\n    if (typeof this.options.ajax.data === 'object') {\n      data = { ...data, ...this.options.ajax.data };\n    } else if (typeof this.options.ajax.data === 'function') {\n      data = this.options.ajax.data(data, this) || data;\n    }\n\n    this.beforeHook(value, this.element, this.dependent);\n\n    this.abort();\n\n    let url = this.options.ajax.url;\n\n    if (typeof url === 'function') {\n      url = url(this);\n    }\n\n    if (!url) {\n      throw new Error('Ajax URL is not set.');\n    }\n\n    const http = await useHttpClient();\n\n    this.abortController = new AbortController();\n\n    try {\n      const res = await http.get<{\n        success: boolean;\n        data: any;\n      }>(url, {\n        params: data,\n        signal: this.abortController.signal\n      });\n\n      const { success, data: returnData } = res.data;\n\n      if (success) {\n        this.updateListElements(returnData);\n      } else {\n        console.error(returnData);\n      }\n\n    } catch (e) {\n      console.error(e);\n    } finally {\n      this.afterHook(value, this.element, this.dependent);\n      this.abortController = null;\n    }\n  }\n\n  abort() {\n    if (this.abortController) {\n      this.abortController.abort();\n      this.abortController = null;\n    }\n  }\n\n  updateListElements(items: MaybeGroupedListItems) {\n    const textField = this.options.text_field;\n    const valueField = this.options.value_field;\n    this.element.innerHTML = '';\n\n    if (this.options.first_option && Array.isArray(items)) {\n      items.unshift({});\n      items[0][textField] = this.options.first_option[textField];\n      items[0][valueField] = this.options.first_option[valueField];\n    }\n\n    for (const i in items) {\n      const item = items[i as keyof typeof items] as Record<string, any> | ListItems;\n\n      if (Array.isArray(item)) {\n        const group = html(`<optgroup label=\"${i}\"></optgroup>`);\n\n        for (const k in item) {\n          const child = item[k];\n          this.appendOptionTo({\n            value: child[valueField],\n            text: child[textField],\n            attributes: child.attributes,\n          }, group);\n        }\n\n        this.element.appendChild(group);\n        continue;\n      }\n\n      this.appendOptionTo({\n        value: item[valueField],\n        text: item[textField],\n        attributes: item.attributes,\n      }, this.element);\n    }\n\n    this.element.dispatchEvent(new CustomEvent('change'));\n    this.element.dispatchEvent(new CustomEvent('list:updated'));\n  }\n\n  appendOptionTo(item: any, parent: any) {\n    const value = item.value;\n    const option = html('<option>' + item.text + '</option>');\n    option.setAttribute('value', value);\n\n    if (item.attributes) {\n      for (const index in item.attributes) {\n        const val = item.attributes[index];\n        option.setAttribute(index, val);\n      }\n    }\n\n    if (this.isSelected(value)) {\n      option.setAttribute('selected', 'selected');\n    }\n\n    parent.appendChild(option);\n  }\n\n  isSelected(value: string) {\n    let defaultValues: any[] = [];\n\n    // Convert all types to array\n    let defValue = this.element.dataset.selected ?? this.options.default_value;\n\n    if (typeof defValue === 'function') {\n      defValue = defValue(value, this);\n    }\n\n    if (Array.isArray(defValue)) {\n      defaultValues = defValue;\n    } else if (defValue && typeof defValue === 'object') {\n      defaultValues = Object.keys(defValue);\n    } else {\n      defaultValues = [defValue];\n    }\n\n    return defaultValues.indexOf(value) !== -1;\n  }\n\n  /**\n   * Before hook.\n   */\n  beforeHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\n    const before = this.options.hooks.before_request;\n\n    return before.call(this, value, element, dependent);\n  }\n\n  /**\n   * After hook.\n   */\n  afterHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\n    const after = this.options.hooks.after_request;\n\n    return after.call(this, value, element, dependent);\n  }\n\n  mergeOptions(options: Partial<ListDependentOptions>): ListDependentOptions {\n    return mergeDeep<ListDependentOptions>({}, defaultOptions, options);\n  }\n}\n\nexport const ready = useUniDirective<HTMLSelectElement>('list-dependent', {\n  mounted(el, binding) {\n    const options = JSON.parse(binding.value);\n\n    ListDependent.handle(el, options.dependent, options);\n  },\n  updated(el, binding) {\n    const options = JSON.parse(binding.value);\n\n    ListDependent.handle(el).mergeOptions(options);\n  }\n});\n\nexport type ListDependentModule = {\n  ListDependent: typeof ListDependent;\n  ready: typeof ready;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-dependent.js","names":[],"sources":["../../src/module/list-dependent.ts"],"sourcesContent":["\nimport type { CancelTokenSource } from 'axios';\nimport { useHttpClient, useUniDirective } from '../composable';\nimport { getBoundedInstance, html, selectOne } from '../service';\nimport { mergeDeep } from '../utilities';\n\nconst nope = () => {};\n\nexport interface ListDependentOptions {\n  ajax: {\n    url: string | null | ((self: ListDependent) => string);\n    value_field: string;\n    data: Record<string, any> | ((data: Record<string, any>, self: ListDependent) => Record<string, any>);\n  };\n  source?: Record<string, any>;\n  text_field: string;\n  value_field: string;\n  first_option?: Record<string, any>;\n  default_value: any;\n  initial_load: boolean;\n  empty_mark: string;\n  hooks: {\n    before_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\n    after_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\n  };\n}\n\nconst defaultOptions: ListDependentOptions = {\n  ajax: {\n    url: null,\n    value_field: 'value',\n    data: {},\n  },\n  source: undefined,\n  text_field: 'title',\n  value_field: 'id',\n  first_option: undefined,\n  default_value: null,\n  initial_load: true,\n  empty_mark: '__EMPTY__',\n  hooks: {\n    before_request: nope,\n    after_request: nope\n  }\n};\n\ntype ListItems = Record<string, any>[];\ntype MaybeGroupedListItems = Record<string, ListItems> | ListItems;\n\nexport class ListDependent {\n  element: HTMLSelectElement;\n  dependent: HTMLSelectElement;\n  options: ListDependentOptions;\n  abortController: AbortController | null = null;\n\n  static handle(el: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}): ListDependent {\n    return getBoundedInstance(el, 'list-dependent', () => {\n      return new this(el, dependent, options);\n    });\n  }\n\n  constructor(element: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}) {\n    this.options = this.mergeOptions(options);\n\n    this.element = selectOne<HTMLSelectElement>(element)!;\n\n    if (!dependent) {\n      dependent = this.element.dataset.dependent || '';\n    }\n\n    this.dependent = selectOne<HTMLSelectElement>(dependent)!;\n\n    this.bindEvents();\n\n    if (this.options.initial_load) {\n      this.changeList(this.dependent.value, true);\n    }\n  }\n\n  /**\n   * Bind events.\n   */\n  bindEvents() {\n    this.dependent.addEventListener('change', (event) => {\n      this.changeList((event.currentTarget as HTMLSelectElement)?.value);\n    });\n  }\n\n  /**\n   * Update the list elements.\n   *\n   * @param {*}    value\n   * @param {bool} initial\n   */\n  changeList(value: string, initial = false) {\n    value = value || this.dependent.value;\n\n    // Empty mark\n    if (value === '') {\n      value = this.options.empty_mark;\n    }\n\n    if (this.options.ajax.url) {\n      this.ajaxUpdate(value);\n    } else if (this.options.source) {\n      this.sourceUpdate(value, initial);\n    }\n  }\n\n  /**\n   * Update list by source.\n   */\n  sourceUpdate(value: string, initial = false) {\n    const source = this.options.source;\n\n    if (!source) {\n      return;\n    }\n\n    this.beforeHook(value, this.element, this.dependent);\n\n    if (source[value]) {\n      this.updateListElements(source[value]);\n    } else {\n      this.updateListElements([]);\n\n      if (!initial && value !== '' && parseInt(value) !== 0) {\n        console.log('List for value: ' + value + ' not found.');\n      }\n    }\n\n    this.afterHook(value, this.element, this.dependent);\n  }\n\n  /**\n   * Do ajax.\n   *\n   * @param {string} value\n   */\n  async ajaxUpdate(value: string) {\n    let data: Record<string, any> = {};\n\n    data[this.options.ajax.value_field] = value;\n\n    if (typeof this.options.ajax.data === 'object') {\n      data = { ...data, ...this.options.ajax.data };\n    } else if (typeof this.options.ajax.data === 'function') {\n      data = this.options.ajax.data(data, this) || data;\n    }\n\n    this.beforeHook(value, this.element, this.dependent);\n\n    this.abort();\n\n    let url = this.options.ajax.url;\n\n    if (typeof url === 'function') {\n      url = url(this);\n    }\n\n    if (!url) {\n      throw new Error('Ajax URL is not set.');\n    }\n\n    const http = await useHttpClient();\n\n    this.abortController = new AbortController();\n\n    try {\n      const res = await http.get<{\n        success: boolean;\n        data: any;\n      }>(url, {\n        params: data,\n        signal: this.abortController.signal\n      });\n\n      const { success, data: returnData } = res.data;\n\n      if (success) {\n        this.updateListElements(returnData);\n      } else {\n        console.error(returnData);\n      }\n\n    } catch (e) {\n      console.error(e);\n    } finally {\n      this.afterHook(value, this.element, this.dependent);\n      this.abortController = null;\n    }\n  }\n\n  abort() {\n    if (this.abortController) {\n      this.abortController.abort();\n      this.abortController = null;\n    }\n  }\n\n  updateListElements(items: MaybeGroupedListItems) {\n    const textField = this.options.text_field;\n    const valueField = this.options.value_field;\n    this.element.innerHTML = '';\n\n    if (this.options.first_option && Array.isArray(items)) {\n      items.unshift({});\n      items[0][textField] = this.options.first_option[textField];\n      items[0][valueField] = this.options.first_option[valueField];\n    }\n\n    for (const i in items) {\n      const item = items[i as keyof typeof items] as Record<string, any> | ListItems;\n\n      if (Array.isArray(item)) {\n        const group = html(`<optgroup label=\"${i}\"></optgroup>`);\n\n        for (const k in item) {\n          const child = item[k];\n          this.appendOptionTo({\n            value: child[valueField],\n            text: child[textField],\n            attributes: child.attributes,\n          }, group);\n        }\n\n        this.element.appendChild(group);\n        continue;\n      }\n\n      this.appendOptionTo({\n        value: item[valueField],\n        text: item[textField],\n        attributes: item.attributes,\n      }, this.element);\n    }\n\n    this.element.dispatchEvent(new CustomEvent('change'));\n    this.element.dispatchEvent(new CustomEvent('list:updated'));\n  }\n\n  appendOptionTo(item: any, parent: any) {\n    const value = item.value;\n    const option = html('<option>' + item.text + '</option>');\n    option.setAttribute('value', value);\n\n    if (item.attributes) {\n      for (const index in item.attributes) {\n        const val = item.attributes[index];\n        option.setAttribute(index, val);\n      }\n    }\n\n    if (this.isSelected(value)) {\n      option.setAttribute('selected', 'selected');\n    }\n\n    parent.appendChild(option);\n  }\n\n  isSelected(value: string) {\n    let defaultValues: any[] = [];\n\n    // Convert all types to array\n    let defValue = this.element.dataset.selected ?? this.options.default_value;\n\n    if (typeof defValue === 'function') {\n      defValue = defValue(value, this);\n    }\n\n    if (Array.isArray(defValue)) {\n      defaultValues = defValue;\n    } else if (defValue && typeof defValue === 'object') {\n      defaultValues = Object.keys(defValue);\n    } else {\n      defaultValues = [defValue];\n    }\n\n    return defaultValues.indexOf(value) !== -1;\n  }\n\n  /**\n   * Before hook.\n   */\n  beforeHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\n    const before = this.options.hooks.before_request;\n\n    return before.call(this, value, element, dependent);\n  }\n\n  /**\n   * After hook.\n   */\n  afterHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\n    const after = this.options.hooks.after_request;\n\n    return after.call(this, value, element, dependent);\n  }\n\n  mergeOptions(options: Partial<ListDependentOptions>): ListDependentOptions {\n    return mergeDeep<ListDependentOptions>({}, defaultOptions, options);\n  }\n}\n\nexport const ready = useUniDirective<HTMLSelectElement>('list-dependent', {\n  mounted(el, binding) {\n    const options = JSON.parse(binding.value);\n\n    ListDependent.handle(el, options.dependent, options);\n  },\n  updated(el, binding) {\n    const options = JSON.parse(binding.value);\n\n    ListDependent.handle(el).mergeOptions(options);\n  }\n});\n\nexport type ListDependentModule = {\n  ListDependent: typeof ListDependent;\n  ready: typeof ready;\n};\n"],"mappings":"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"}

package/dist/chunks/loader.js

@@ -0,0 +1,106 @@
+import { s as injectCssToDocument } from "./dom.js";
+//#region src/service/loader.ts
+async function useScriptImport(src, attrs = {}) {
+	if (typeof src === "function") src = (await src()).default;
+	const script = document.createElement("script");
+	script.src = resolveUrl(src);
+	for (const key in attrs) script.setAttribute(key, attrs[key]);
+	return new Promise((resolve, reject) => {
+		script.onload = () => {
+			resolve();
+			document.body.removeChild(script);
+		};
+		script.onerror = (e) => {
+			reject(e);
+			document.body.removeChild(script);
+		};
+		document.body.appendChild(script);
+	});
+}
+function doImport(src) {
+	return import(
+		/* @vite-ignore */
+		src
+);
+}
+async function useImport(...src) {
+	if (src.length === 1) return doImport(src[0]);
+	const promises = [];
+	src.forEach((link) => {
+		promises.push(link instanceof Promise ? link : doImport(link));
+	});
+	return Promise.all(promises);
+}
+async function useSeriesImport(...src) {
+	const modules = [];
+	for (const source of src) {
+		if (Array.isArray(source)) {
+			const m = await useImport(...source);
+			modules.push(m);
+			continue;
+		}
+		const m = await useImport(source);
+		modules.push(m);
+	}
+	return modules;
+}
+async function useCssIncludes(...hrefs) {
+	const promises = hrefs.map((href) => {
+		return new Promise((resolve, reject) => {
+			resolveSource(href).then((href) => {
+				href = resolveUrl(href);
+				const link = document.createElement("link");
+				link.rel = "stylesheet";
+				link.href = href;
+				link.onload = () => resolve();
+				link.onerror = (e) => reject(e);
+				document.head.appendChild(link);
+			});
+		});
+	});
+	return Promise.all(promises);
+}
+var importedSheets = {};
+async function useCssImport(...hrefs) {
+	return injectCssToDocument(...(await Promise.all(hrefs.map((href) => {
+		return new Promise((resolve) => {
+			resolveSource(href).then((href) => {
+				href = resolveUrl(href);
+				if (!importedSheets[href]) importedSheets[href] = simulateCssImport(href);
+				resolve(importedSheets[href]);
+			});
+		});
+	}))).map((module) => module.default));
+}
+async function simulateCssImport(href) {
+	const response = await fetch(href);
+	if (!response.ok) throw new Error(`Failed to load CSS: ${href}`);
+	const cssText = await response.text();
+	const sheet = new CSSStyleSheet();
+	await sheet.replace(cssText);
+	return { default: sheet };
+}
+var importMap;
+function parseImportMap() {
+	const importMapScript = document.querySelector("script[type=\"importmap\"]");
+	if (importMapScript) try {
+		return JSON.parse(importMapScript.textContent || "{}").imports || {};
+	} catch (e) {
+		console.error("Failed to parse import map:", e);
+	}
+	return {};
+}
+function resolveUrl(specifier) {
+	importMap ??= parseImportMap();
+	for (const [prefix, target] of Object.entries(importMap)) if (specifier === prefix) return target;
+	for (const [prefix, target] of Object.entries(importMap)) if (specifier.startsWith(prefix)) return specifier.replace(prefix, target);
+	return specifier;
+}
+async function resolveSource(src) {
+	if (typeof src === "function") return (await src()).default;
+	return src;
+}
+//#endregion
+export { useScriptImport as a, useImport as i, useCssImport as n, useSeriesImport as o, useCssIncludes as r, doImport as t };
+
+//# sourceMappingURL=loader.js.map

package/dist/chunks/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","names":[],"sources":["../../src/service/loader.ts"],"sourcesContent":["import { Dictionary } from '../types';\nimport { injectCssToDocument } from './';\n\ntype Source = string | (() => Promise<{ default: string }>);\n\nexport async function useScriptImport(src: Source, attrs: Record<string, string> = {}): Promise<void> {\n  if (typeof src === 'function') {\n    src = (await src()).default;\n  }\n\n  const script = document.createElement('script');\n  script.src = resolveUrl(src);\n\n  for (const key in attrs) {\n    script.setAttribute(key, attrs[key]);\n  }\n\n  return new Promise((resolve, reject) => {\n    script.onload = () => {\n      resolve();\n      document.body.removeChild(script);\n    };\n    script.onerror = (e) => {\n      reject(e);\n      document.body.removeChild(script);\n    };\n\n    document.body.appendChild(script);\n  });\n}\n\nexport function doImport<T = any>(src: string): Promise<T> {\n  return import(/* @vite-ignore */src);\n}\n\nexport async function useImport(...src: any[]): Promise<any>;\nexport async function useImport<T extends any[]>(...src: string[]): Promise<T>;\nexport async function useImport<T = any>(src: string): Promise<{ default: T }>;\nexport async function useImport<D = any, C = any>(src: string): Promise<{ default: D } & Dictionary<C>>;\nexport async function useImport(...src: any[]): Promise<any> {\n  if (src.length === 1) {\n    return doImport(src[0]);\n  }\n\n  const promises: Promise<any>[] = [];\n\n  src.forEach((link) => {\n    promises.push(\n      link instanceof Promise ? link : doImport(link)\n    );\n  });\n\n  return Promise.all(promises);\n}\n\nexport async function useSeriesImport(...src: any[]): Promise<any>;\nexport async function useSeriesImport<T extends any[]>(...src: string[]): Promise<T>;\nexport async function useSeriesImport<T = any>(src: string): Promise<{ default: T }>;\nexport async function useSeriesImport<D = any, C = any>(src: string): Promise<{ default: D } & Dictionary<C>>;\nexport async function useSeriesImport(...src: any[]): Promise<any> {\n  const modules: any[] = [];\n\n  for (const source of src) {\n    if (Array.isArray(source)) {\n      const m = await useImport(...source);\n      modules.push(m);\n\n      continue;\n    }\n\n    const m = await useImport(source);\n\n    modules.push(m);\n  }\n\n  return modules;\n}\n\nexport async function useCssIncludes(...hrefs: Source[]): Promise<void[]> {\n  const promises = hrefs.map((href) => {\n    return new Promise<void>((resolve, reject) => {\n      resolveSource(href).then((href) => {\n        href = resolveUrl(href);\n\n        const link = document.createElement('link');\n        link.rel = 'stylesheet';\n        link.href = href;\n        link.onload = () => resolve();\n        link.onerror = (e) => reject(e);\n\n        document.head.appendChild(link);\n      });\n    });\n  });\n\n  return Promise.all(promises);\n}\n\nconst importedSheets: Record<string, Promise<{ default: CSSStyleSheet }>> = {};\n\nexport async function useCssImport(...hrefs: Source[]): Promise<CSSStyleSheet[]> {\n  // Todo: Use `{ assert: { type: \"css\" }` after all browsers support it.\n  const modules = await Promise.all(\n    hrefs.map((href) => {\n      return new Promise<{ default: CSSStyleSheet }>((resolve) => {\n        resolveSource(href).then((href) => {\n          href = resolveUrl(href);\n\n          if (!importedSheets[href]) {\n            importedSheets[href] = simulateCssImport(href);\n          }\n\n          resolve(importedSheets[href]);\n        });\n      });\n    })\n  );\n  const styles = modules.map(module => module.default);\n\n  return injectCssToDocument(...styles);\n}\n\nasync function simulateCssImport(href: string) {\n  const response = await fetch(href);\n  if (!response.ok) {\n    throw new Error(`Failed to load CSS: ${href}`);\n  }\n  const cssText = await response.text();\n\n  const sheet = new CSSStyleSheet();\n  await sheet.replace(cssText);\n  return { default: sheet };\n}\n\nlet importMap: Record<string, string>;\n\nfunction parseImportMap() {\n  const importMapScript = document.querySelector('script[type=\"importmap\"]');\n  if (importMapScript) {\n    try {\n      return JSON.parse(importMapScript.textContent || '{}').imports || {};\n    } catch (e) {\n      console.error('Failed to parse import map:', e);\n    }\n  }\n  return {};\n}\n\nfunction resolveUrl(specifier: string) {\n  importMap ??= parseImportMap();\n\n  for (const [prefix, target] of Object.entries(importMap)) {\n    if (specifier === prefix) {\n      return target;\n    }\n  }\n\n  for (const [prefix, target] of Object.entries(importMap)) {\n    if (specifier.startsWith(prefix)) {\n      return specifier.replace(prefix, target);\n    }\n  }\n  return specifier;\n}\n\nasync function resolveSource(src: Source): Promise<string> {\n  if (typeof src === 'function') {\n    return (await src()).default;\n  }\n\n  return src;\n}\n"],"mappings":"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"}