@windwalker-io/unicorn-next 0.1.18 → 0.1.21

package/dist/chunks/button-radio.js

@@ -1,147 +1,129 @@
-import { a as useUniDirective, x as getBoundedInstance, v as selectOne, a6 as mergeDeep, A as h, w as selectAll, ae as data } from "./unicorn.js";
-const defaultOptions = {
-  selector: ".btn-group .radio",
-  buttonClass: "btn",
-  activeClass: "active",
-  color: {
-    "default": "btn-default btn-outline-secondary",
-    green: "btn-success",
-    red: "btn-danger",
-    blue: "btn-primary"
-  }
+import { t as mergeDeep } from "./arr.js";
+import { t as data } from "./data.js";
+import { a as h, d as selectOne, r as getBoundedInstance, u as selectAll } from "./dom.js";
+import { useUniDirective } from "../unicorn.js";
+//#region src/bootstrap/button-radio.ts
+var defaultOptions = {
+	selector: ".btn-group .radio",
+	buttonClass: "btn",
+	activeClass: "active",
+	color: {
+		"default": "btn-default btn-outline-secondary",
+		green: "btn-success",
+		red: "btn-danger",
+		blue: "btn-primary"
+	}
 };
-class ButtonRadio {
-  wrapper;
-  element;
-  radios = [];
-  inputs = [];
-  buttons = [];
-  colors = [];
-  options;
-  static handle(el, options = {}) {
-    return getBoundedInstance(el, "button-radio", (el2) => {
-      return new this(el2, options);
-    });
-  }
-  constructor(selector, options = {}) {
-    this.element = selectOne(selector);
-    this.options = mergeDeep({}, defaultOptions, options);
-    let wrapper;
-    if (this.element.dataset.fieldInput != null) {
-      wrapper = this.element;
-    } else {
-      wrapper = this.element.querySelector("[data-field-input]");
-    }
-    this.wrapper = wrapper;
-    let inputGroup = wrapper.querySelector(".btn-group");
-    const exists = inputGroup != null;
-    if (!inputGroup) {
-      inputGroup = h("div", { class: "btn-group" });
-    }
-    this.radios = selectAll(wrapper.querySelectorAll(".radio"));
-    this.radios.forEach((radio) => {
-      const button = this.prepareButton(radio, exists);
-      if (!exists) {
-        inputGroup.appendChild(button);
-      }
-    });
-    this.syncState();
-    wrapper.insertBefore(inputGroup, wrapper.firstChild);
-    wrapper.dispatchEvent(new Event("button-radio.loaded"));
-    this.colors = [...new Set(this.colors)];
-  }
-  prepareButton(radio, exists = false) {
-    const options = this.options;
-    const input = radio.querySelector("input");
-    const label = radio.querySelector("label");
-    let button;
-    if (exists) {
-      button = this.wrapper.querySelector(`[data-for="${input.id}"]`);
-      button.classList.add(...this.parseClasses(`${options.buttonClass} ${options.color["default"]}`));
-    } else {
-      button = h(
-        "button",
-        {
-          type: "button",
-          class: `${options.buttonClass} ${options.color["default"]}`,
-          "data-value": input.value
-        },
-        `<span>${label.innerHTML}</span>`
-      );
-    }
-    data(button, "input", input);
-    this.inputs.push(input);
-    this.buttons.push(button);
-    radio.style.display = "none";
-    let color = input.dataset.colorClass || "";
-    if (!color) {
-      switch (input.value) {
-        case "":
-          color = options.color.blue || "";
-          break;
-        case "0":
-          color = options.color.red || "";
-          break;
-        default:
-          color = options.color.green || "";
-          break;
-      }
-      input.dataset.colorClass = color;
-    }
-    this.colors.push(color);
-    if (input.disabled || input.getAttribute("readonly") != null) {
-      button.classList.add("disabled");
-      button.disabled = true;
-    }
-    if (input.getAttribute("readonly") != null) {
-      button.classList.add("readonly");
-    }
-    button.addEventListener("click", () => {
-      if (input.getAttribute("disabled") || input.getAttribute("readonly")) {
-        return;
-      }
-      const changed = !input.checked;
-      if (changed) {
-        this.inputs.forEach((ele) => {
-          ele.checked = false;
-        });
-        input.checked = true;
-        input.dispatchEvent(new Event("change"));
-        input.dispatchEvent(new Event("input"));
-      }
-    });
-    input.addEventListener("change", () => {
-      this.syncState();
-    });
-    return button;
-  }
-  syncState() {
-    const options = this.options;
-    this.buttons.forEach((button) => {
-      const input = data(button, "input");
-      button.classList.add(...this.parseClasses(options.color.default || ""));
-      button.classList.remove(...this.parseClasses(options.activeClass));
-      button.classList.remove(...this.parseClasses(...this.colors));
-      if (input.checked) {
-        button.classList.add(...this.parseClasses(options.activeClass));
-        button.classList.add(...this.parseClasses(input.dataset.colorClass || ""));
-        button.classList.remove(...this.parseClasses(options.color.default || ""));
-      }
-    });
-  }
-  parseClasses(...className) {
-    const classNameStr = className.join(" ");
-    return classNameStr.split(" ").filter((t) => t !== "");
-  }
-}
-const ready = /* @__PURE__ */ useUniDirective("button-radio", {
-  mounted(el, { value }) {
-    JSON.parse(value || "{}");
-    ButtonRadio.handle(el, value || {});
-  }
-});
-export {
-  ButtonRadio,
-  ready
+var ButtonRadio = class {
+	wrapper;
+	element;
+	radios = [];
+	inputs = [];
+	buttons = [];
+	colors = [];
+	options;
+	static handle(el, options = {}) {
+		return getBoundedInstance(el, "button-radio", (el) => {
+			return new this(el, options);
+		});
+	}
+	constructor(selector, options = {}) {
+		this.element = selectOne(selector);
+		this.options = mergeDeep({}, defaultOptions, options);
+		let wrapper;
+		if (this.element.dataset.fieldInput != null) wrapper = this.element;
+		else wrapper = this.element.querySelector("[data-field-input]");
+		this.wrapper = wrapper;
+		let inputGroup = wrapper.querySelector(".btn-group");
+		const exists = inputGroup != null;
+		if (!inputGroup) inputGroup = h("div", { class: "btn-group" });
+		this.radios = selectAll(wrapper.querySelectorAll(".radio"));
+		this.radios.forEach((radio) => {
+			const button = this.prepareButton(radio, exists);
+			if (!exists) inputGroup.appendChild(button);
+		});
+		this.syncState();
+		wrapper.insertBefore(inputGroup, wrapper.firstChild);
+		wrapper.dispatchEvent(new Event("button-radio.loaded"));
+		this.colors = [...new Set(this.colors)];
+	}
+	prepareButton(radio, exists = false) {
+		const options = this.options;
+		const input = radio.querySelector("input");
+		const label = radio.querySelector("label");
+		let button;
+		if (exists) {
+			button = this.wrapper.querySelector(`[data-for="${input.id}"]`);
+			button.classList.add(...this.parseClasses(`${options.buttonClass} ${options.color["default"]}`));
+		} else button = h("button", {
+			type: "button",
+			class: `${options.buttonClass} ${options.color["default"]}`,
+			"data-value": input.value
+		}, `<span>${label.innerHTML}</span>`);
+		data(button, "input", input);
+		this.inputs.push(input);
+		this.buttons.push(button);
+		radio.style.display = "none";
+		let color = input.dataset.colorClass || "";
+		if (!color) {
+			switch (input.value) {
+				case "":
+					color = options.color.blue || "";
+					break;
+				case "0":
+					color = options.color.red || "";
+					break;
+				default:
+					color = options.color.green || "";
+					break;
+			}
+			input.dataset.colorClass = color;
+		}
+		this.colors.push(color);
+		if (input.disabled || input.getAttribute("readonly") != null) {
+			button.classList.add("disabled");
+			button.disabled = true;
+		}
+		if (input.getAttribute("readonly") != null) button.classList.add("readonly");
+		button.addEventListener("click", () => {
+			if (input.getAttribute("disabled") || input.getAttribute("readonly")) return;
+			if (!input.checked) {
+				this.inputs.forEach((ele) => {
+					ele.checked = false;
+				});
+				input.checked = true;
+				input.dispatchEvent(new Event("change"));
+				input.dispatchEvent(new Event("input"));
+			}
+		});
+		input.addEventListener("change", () => {
+			this.syncState();
+		});
+		return button;
+	}
+	syncState() {
+		const options = this.options;
+		this.buttons.forEach((button) => {
+			const input = data(button, "input");
+			button.classList.add(...this.parseClasses(options.color.default || ""));
+			button.classList.remove(...this.parseClasses(options.activeClass));
+			button.classList.remove(...this.parseClasses(...this.colors));
+			if (input.checked) {
+				button.classList.add(...this.parseClasses(options.activeClass));
+				button.classList.add(...this.parseClasses(input.dataset.colorClass || ""));
+				button.classList.remove(...this.parseClasses(options.color.default || ""));
+			}
+		});
+	}
+	parseClasses(...className) {
+		return className.join(" ").split(" ").filter((t) => t !== "");
+	}
 };
-//# sourceMappingURL=button-radio.js.map
+var ready = /* @__PURE__ */ useUniDirective("button-radio", { mounted(el, { value }) {
+	JSON.parse(value || "{}");
+	ButtonRadio.handle(el, value || {});
+} });
+//#endregion
+export { ButtonRadio, ready };
+
+//# sourceMappingURL=button-radio.js.map

package/dist/chunks/button-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-radio.js","sources":["../../src/bootstrap/button-radio.ts"],"sourcesContent":["import { useUniDirective } from '../composable';\nimport { data } from '../data';\nimport { getBoundedInstance, h, selectAll, selectOne } from '../service';\nimport { mergeDeep } from '../utilities';\n\nexport interface ButtonRadioOptions {\n  selector?: string;\n  buttonClass?: string;\n  activeClass?: string;\n  color?: {\n    'default'?: string;\n    green?: string;\n    red?: string;\n    blue?: string;\n  };\n}\n\nconst defaultOptions = {\n  selector: '.btn-group .radio',\n  buttonClass: 'btn',\n  activeClass: 'active',\n  color: {\n    'default': 'btn-default btn-outline-secondary',\n    green: 'btn-success',\n    red: 'btn-danger',\n    blue: 'btn-primary'\n  }\n};\n\nexport class ButtonRadio {\n  wrapper: HTMLElement;\n  element: HTMLElement;\n  radios: HTMLInputElement[] = [];\n  inputs: HTMLInputElement[] = [];\n  buttons: HTMLButtonElement[] = [];\n  colors: string[] = [];\n  options: Required<ButtonRadioOptions>;\n\n  static handle(el: HTMLElement | string, options: ButtonRadioOptions = {}) {\n    return getBoundedInstance(el, 'button-radio', (el: HTMLElement) => {\n      return new this(el, options);\n    });\n  }\n\n  constructor(selector: HTMLElement | string, options: ButtonRadioOptions = {}) {\n    this.element = selectOne<HTMLElement>(selector)!;\n    this.options = mergeDeep({}, defaultOptions, options);\n    let wrapper: HTMLElement;\n\n    // Turn radios into btn-group\n\n    if (this.element.dataset.fieldInput != null) {\n      wrapper = this.element;\n    } else {\n      wrapper = this.element.querySelector('[data-field-input]')!;\n    }\n\n    this.wrapper = wrapper;\n    let inputGroup = wrapper.querySelector<HTMLElement>('.btn-group')!;\n    const exists = inputGroup != null;\n\n    if (!inputGroup) {\n      inputGroup = h('div', { class: 'btn-group' })\n    }\n\n    this.radios = selectAll(wrapper.querySelectorAll<HTMLInputElement>('.radio'));\n\n    this.radios.forEach(radio => {\n      const button = this.prepareButton(radio, exists);\n\n      if (!exists) {\n        inputGroup.appendChild(button);\n      }\n    });\n\n    this.syncState();\n\n    wrapper.insertBefore(inputGroup, wrapper.firstChild);\n\n    wrapper.dispatchEvent(new Event('button-radio.loaded'));\n\n    // Make color elements unique\n    this.colors = [...new Set(this.colors)];\n  }\n\n  prepareButton(radio: HTMLInputElement, exists = false) {\n    const options = this.options;\n\n    const input = radio.querySelector('input')!;\n    const label = radio.querySelector('label')!;\n\n    let button: HTMLButtonElement;\n\n    if (exists) {\n      button = this.wrapper.querySelector(`[data-for=\"${input.id}\"]`)!;\n      button.classList.add(...this.parseClasses(`${options.buttonClass} ${options.color['default']}`));\n    } else {\n      button = h(\n        'button',\n        {\n          type: 'button',\n          class: `${options.buttonClass} ${options.color['default']}`,\n          'data-value': input.value,\n        },\n        `<span>${label.innerHTML}</span>`\n      );\n    }\n\n    data(button, 'input', input);\n    this.inputs.push(input);\n    this.buttons.push(button);\n\n    radio.style.display = 'none';\n\n    // Prepare color schema\n    let color = input.dataset.colorClass || '';\n\n    if (!color) {\n      switch (input.value) {\n        case '':\n          color = options.color.blue || '';\n          break;\n\n        case '0':\n          color = options.color.red || '';\n          break;\n\n        default:\n          color = options.color.green || '';\n          break;\n      }\n\n      input.dataset.colorClass = color;\n    }\n    \n    this.colors.push(color);\n\n    if (input.disabled || input.getAttribute('readonly') != null) {\n      button.classList.add('disabled');\n      button.disabled = true;\n    }\n\n    if (input.getAttribute('readonly') != null) {\n      button.classList.add('readonly');\n    }\n\n    // Bind event\n    button.addEventListener('click', () => {\n      if (input.getAttribute('disabled') || input.getAttribute('readonly')) {\n        return;\n      }\n\n      const changed = !input.checked;\n\n      if (changed) {\n        this.inputs.forEach((ele) => {\n          ele.checked = false;\n        });\n\n        input.checked = true;\n\n        input.dispatchEvent(new Event('change'));\n        input.dispatchEvent(new Event('input'));\n      }\n    });\n\n    input.addEventListener('change', () => {\n      this.syncState();\n    });\n\n    return button;\n  }\n\n  syncState() {\n    const options = this.options;\n\n    this.buttons.forEach((button) => {\n      const input: HTMLInputElement = data(button, 'input');\n\n      button.classList.add(...this.parseClasses(options.color.default || ''));\n      button.classList.remove(...this.parseClasses(options.activeClass));\n      button.classList.remove(...this.parseClasses(...this.colors));\n\n      if (input.checked) {\n        button.classList.add(...this.parseClasses(options.activeClass));\n        button.classList.add(...this.parseClasses(input.dataset.colorClass || ''));\n        button.classList.remove(...this.parseClasses(options.color.default || ''));\n      }\n    });\n  }\n\n  parseClasses(...className: string[]) {\n    const classNameStr = className.join(' ');\n    return classNameStr.split(' ').filter(t => t !== '');\n  }\n}\n\nexport const ready = useUniDirective('button-radio', {\n  mounted(el, { value }) {\n    const options: ButtonRadioOptions = JSON.parse(value || '{}');\n    ButtonRadio.handle(el, value || {});\n  }\n});\n\nexport interface ButtonRadioModule {\n  ButtonRadio: typeof ButtonRadio;\n  ready: typeof ready;\n}\n"],"names":["el"],"mappings":"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"}
+{"version":3,"file":"button-radio.js","names":[],"sources":["../../src/bootstrap/button-radio.ts"],"sourcesContent":["import { useUniDirective } from '../composable';\nimport { data } from '../data';\nimport { getBoundedInstance, h, selectAll, selectOne } from '../service';\nimport { mergeDeep } from '../utilities';\n\nexport interface ButtonRadioOptions {\n  selector?: string;\n  buttonClass?: string;\n  activeClass?: string;\n  color?: {\n    'default'?: string;\n    green?: string;\n    red?: string;\n    blue?: string;\n  };\n}\n\nconst defaultOptions = {\n  selector: '.btn-group .radio',\n  buttonClass: 'btn',\n  activeClass: 'active',\n  color: {\n    'default': 'btn-default btn-outline-secondary',\n    green: 'btn-success',\n    red: 'btn-danger',\n    blue: 'btn-primary'\n  }\n};\n\nexport class ButtonRadio {\n  wrapper: HTMLElement;\n  element: HTMLElement;\n  radios: HTMLInputElement[] = [];\n  inputs: HTMLInputElement[] = [];\n  buttons: HTMLButtonElement[] = [];\n  colors: string[] = [];\n  options: Required<ButtonRadioOptions>;\n\n  static handle(el: HTMLElement | string, options: ButtonRadioOptions = {}) {\n    return getBoundedInstance(el, 'button-radio', (el: HTMLElement) => {\n      return new this(el, options);\n    });\n  }\n\n  constructor(selector: HTMLElement | string, options: ButtonRadioOptions = {}) {\n    this.element = selectOne<HTMLElement>(selector)!;\n    this.options = mergeDeep({}, defaultOptions, options);\n    let wrapper: HTMLElement;\n\n    // Turn radios into btn-group\n\n    if (this.element.dataset.fieldInput != null) {\n      wrapper = this.element;\n    } else {\n      wrapper = this.element.querySelector('[data-field-input]')!;\n    }\n\n    this.wrapper = wrapper;\n    let inputGroup = wrapper.querySelector<HTMLElement>('.btn-group')!;\n    const exists = inputGroup != null;\n\n    if (!inputGroup) {\n      inputGroup = h('div', { class: 'btn-group' })\n    }\n\n    this.radios = selectAll(wrapper.querySelectorAll<HTMLInputElement>('.radio'));\n\n    this.radios.forEach(radio => {\n      const button = this.prepareButton(radio, exists);\n\n      if (!exists) {\n        inputGroup.appendChild(button);\n      }\n    });\n\n    this.syncState();\n\n    wrapper.insertBefore(inputGroup, wrapper.firstChild);\n\n    wrapper.dispatchEvent(new Event('button-radio.loaded'));\n\n    // Make color elements unique\n    this.colors = [...new Set(this.colors)];\n  }\n\n  prepareButton(radio: HTMLInputElement, exists = false) {\n    const options = this.options;\n\n    const input = radio.querySelector('input')!;\n    const label = radio.querySelector('label')!;\n\n    let button: HTMLButtonElement;\n\n    if (exists) {\n      button = this.wrapper.querySelector(`[data-for=\"${input.id}\"]`)!;\n      button.classList.add(...this.parseClasses(`${options.buttonClass} ${options.color['default']}`));\n    } else {\n      button = h(\n        'button',\n        {\n          type: 'button',\n          class: `${options.buttonClass} ${options.color['default']}`,\n          'data-value': input.value,\n        },\n        `<span>${label.innerHTML}</span>`\n      );\n    }\n\n    data(button, 'input', input);\n    this.inputs.push(input);\n    this.buttons.push(button);\n\n    radio.style.display = 'none';\n\n    // Prepare color schema\n    let color = input.dataset.colorClass || '';\n\n    if (!color) {\n      switch (input.value) {\n        case '':\n          color = options.color.blue || '';\n          break;\n\n        case '0':\n          color = options.color.red || '';\n          break;\n\n        default:\n          color = options.color.green || '';\n          break;\n      }\n\n      input.dataset.colorClass = color;\n    }\n    \n    this.colors.push(color);\n\n    if (input.disabled || input.getAttribute('readonly') != null) {\n      button.classList.add('disabled');\n      button.disabled = true;\n    }\n\n    if (input.getAttribute('readonly') != null) {\n      button.classList.add('readonly');\n    }\n\n    // Bind event\n    button.addEventListener('click', () => {\n      if (input.getAttribute('disabled') || input.getAttribute('readonly')) {\n        return;\n      }\n\n      const changed = !input.checked;\n\n      if (changed) {\n        this.inputs.forEach((ele) => {\n          ele.checked = false;\n        });\n\n        input.checked = true;\n\n        input.dispatchEvent(new Event('change'));\n        input.dispatchEvent(new Event('input'));\n      }\n    });\n\n    input.addEventListener('change', () => {\n      this.syncState();\n    });\n\n    return button;\n  }\n\n  syncState() {\n    const options = this.options;\n\n    this.buttons.forEach((button) => {\n      const input: HTMLInputElement = data(button, 'input');\n\n      button.classList.add(...this.parseClasses(options.color.default || ''));\n      button.classList.remove(...this.parseClasses(options.activeClass));\n      button.classList.remove(...this.parseClasses(...this.colors));\n\n      if (input.checked) {\n        button.classList.add(...this.parseClasses(options.activeClass));\n        button.classList.add(...this.parseClasses(input.dataset.colorClass || ''));\n        button.classList.remove(...this.parseClasses(options.color.default || ''));\n      }\n    });\n  }\n\n  parseClasses(...className: string[]) {\n    const classNameStr = className.join(' ');\n    return classNameStr.split(' ').filter(t => t !== '');\n  }\n}\n\nexport const ready = useUniDirective('button-radio', {\n  mounted(el, { value }) {\n    const options: ButtonRadioOptions = JSON.parse(value || '{}');\n    ButtonRadio.handle(el, value || {});\n  }\n});\n\nexport interface ButtonRadioModule {\n  ButtonRadio: typeof ButtonRadio;\n  ready: typeof ready;\n}\n"],"mappings":"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"}

package/dist/chunks/checkboxes-multi-select.js

@@ -1,44 +1,45 @@
-import { w as selectAll, v as selectOne } from "./unicorn.js";
-class CheckboxesMultiSelect {
-  defaultOptions = {
-    duration: 100,
-    inputSelector: "input[type=checkbox][data-role=grid-checkbox]"
-  };
-  $element;
-  options;
-  boxes;
-  last = false;
-  static handle(selector, options = {}) {
-    return selectAll(selector, (ele) => new this(ele, options));
-  }
-  constructor(selector, options = {}) {
-    this.$element = selectOne(selector);
-    this.options = Object.assign({}, this.defaultOptions, options);
-    this.boxes = Array.from(this.$element.querySelectorAll(this.options.inputSelector));
-    this.last = false;
-    selectAll(this.boxes, (box) => {
-      box.addEventListener("click", (e) => {
-        this.select(box, e);
-      });
-    });
-  }
-  select(box, event) {
-    if (!this.last) {
-      this.last = box;
-      return;
-    }
-    if (event.shiftKey) {
-      const start = [].indexOf.call(this.boxes, box);
-      const end = [].indexOf.call(this.boxes, this.last);
-      const chs = [].slice.call(this.boxes, Math.min(start, end), Math.max(start, end) + 1);
-      [].forEach.call(chs, (ele, i) => {
-        ele.checked = this.last.checked;
-      });
-    }
-    this.last = box;
-  }
-}
-export {
-  CheckboxesMultiSelect
+import { d as selectOne, u as selectAll } from "./dom.js";
+//#region src/module/checkboxes-multi-select.ts
+var CheckboxesMultiSelect = class {
+	defaultOptions = {
+		duration: 100,
+		inputSelector: "input[type=checkbox][data-role=grid-checkbox]"
+	};
+	$element;
+	options;
+	boxes;
+	last = false;
+	static handle(selector, options = {}) {
+		return selectAll(selector, (ele) => new this(ele, options));
+	}
+	constructor(selector, options = {}) {
+		this.$element = selectOne(selector);
+		this.options = Object.assign({}, this.defaultOptions, options);
+		this.boxes = Array.from(this.$element.querySelectorAll(this.options.inputSelector));
+		this.last = false;
+		selectAll(this.boxes, (box) => {
+			box.addEventListener("click", (e) => {
+				this.select(box, e);
+			});
+		});
+	}
+	select(box, event) {
+		if (!this.last) {
+			this.last = box;
+			return;
+		}
+		if (event.shiftKey) {
+			const start = [].indexOf.call(this.boxes, box);
+			const end = [].indexOf.call(this.boxes, this.last);
+			const chs = [].slice.call(this.boxes, Math.min(start, end), Math.max(start, end) + 1);
+			[].forEach.call(chs, (ele, i) => {
+				ele.checked = this.last.checked;
+			});
+		}
+		this.last = box;
+	}
 };
-//# sourceMappingURL=checkboxes-multi-select.js.map
+//#endregion
+export { CheckboxesMultiSelect };
+
+//# sourceMappingURL=checkboxes-multi-select.js.map

package/dist/chunks/checkboxes-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxes-multi-select.js","sources":["../../src/module/checkboxes-multi-select.ts"],"sourcesContent":["import { selectAll, selectOne } from '../service';\n\nexport class CheckboxesMultiSelect {\n  defaultOptions = {\n    duration: 100,\n    inputSelector: 'input[type=checkbox][data-role=grid-checkbox]'\n  }\n\n  $element: HTMLElement;\n  options: any;\n  boxes: HTMLInputElement[];\n  last: HTMLInputElement | false = false;\n\n  static handle(selector: any, options: any = {}) {\n    return selectAll(selector, (ele: any) => new this(ele, options));\n  }\n\n  constructor(selector: any, options = {}) {\n    this.$element = selectOne<HTMLElement>(selector)!;\n    this.options = Object.assign({}, this.defaultOptions, options);\n    this.boxes = Array.from(this.$element.querySelectorAll(this.options.inputSelector));\n    this.last = false;\n\n    selectAll(this.boxes, (box: HTMLInputElement) => {\n      box.addEventListener('click', (e: MouseEvent) => {\n        this.select(box, e);\n      });\n    });\n  }\n\n  select(box: HTMLInputElement, event: MouseEvent) {\n    if (!this.last) {\n      this.last = box;\n\n      return;\n    }\n\n    if (event.shiftKey) {\n      // @ts-ignore\n      const start = [].indexOf.call(this.boxes, box);\n\n      // @ts-ignore\n      const end = [].indexOf.call(this.boxes, this.last);\n\n      const chs = [].slice.call(this.boxes, Math.min(start, end), Math.max(start, end) + 1);\n\n      [].forEach.call(chs, (ele: HTMLInputElement, i) => {\n        ele.checked = (this.last as HTMLInputElement).checked;\n      });\n    }\n\n    this.last = box;\n  }\n}\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,EAAA;AAAA,EAGjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAiC;AAAA,EAEjC,OAAO,OAAO,UAAe,UAAe,IAAI;AAC9C,WAAO,UAAU,UAAU,CAAC,QAAa,IAAI,KAAK,KAAK,OAAO,CAAC;AAAA,EACjE;AAAA,EAEA,YAAY,UAAe,UAAU,IAAI;AACvC,SAAK,WAAW,UAAuB,QAAQ;AAC/C,SAAK,UAAU,OAAO,OAAO,CAAA,GAAI,KAAK,gBAAgB,OAAO;AAC7D,SAAK,QAAQ,MAAM,KAAK,KAAK,SAAS,iBAAiB,KAAK,QAAQ,aAAa,CAAC;AAClF,SAAK,OAAO;AAEZ,cAAU,KAAK,OAAO,CAAC,QAA0B;AAC/C,UAAI,iBAAiB,SAAS,CAAC,MAAkB;AAC/C,aAAK,OAAO,KAAK,CAAC;AAAA,MACpB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,KAAuB,OAAmB;AAC/C,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,OAAO;AAEZ;AAAA,IACF;AAEA,QAAI,MAAM,UAAU;AAElB,YAAM,QAAQ,CAAA,EAAG,QAAQ,KAAK,KAAK,OAAO,GAAG;AAG7C,YAAM,MAAM,CAAA,EAAG,QAAQ,KAAK,KAAK,OAAO,KAAK,IAAI;AAEjD,YAAM,MAAM,CAAA,EAAG,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,OAAO,GAAG,GAAG,KAAK,IAAI,OAAO,GAAG,IAAI,CAAC;AAEpF,OAAA,EAAG,QAAQ,KAAK,KAAK,CAAC,KAAuB,MAAM;AACjD,YAAI,UAAW,KAAK,KAA0B;AAAA,MAChD,CAAC;AAAA,IACH;AAEA,SAAK,OAAO;AAAA,EACd;AACF;"}
+{"version":3,"file":"checkboxes-multi-select.js","names":[],"sources":["../../src/module/checkboxes-multi-select.ts"],"sourcesContent":["import { selectAll, selectOne } from '../service';\n\nexport class CheckboxesMultiSelect {\n  defaultOptions = {\n    duration: 100,\n    inputSelector: 'input[type=checkbox][data-role=grid-checkbox]'\n  }\n\n  $element: HTMLElement;\n  options: any;\n  boxes: HTMLInputElement[];\n  last: HTMLInputElement | false = false;\n\n  static handle(selector: any, options: any = {}) {\n    return selectAll(selector, (ele: any) => new this(ele, options));\n  }\n\n  constructor(selector: any, options = {}) {\n    this.$element = selectOne<HTMLElement>(selector)!;\n    this.options = Object.assign({}, this.defaultOptions, options);\n    this.boxes = Array.from(this.$element.querySelectorAll(this.options.inputSelector));\n    this.last = false;\n\n    selectAll(this.boxes, (box: HTMLInputElement) => {\n      box.addEventListener('click', (e: MouseEvent) => {\n        this.select(box, e);\n      });\n    });\n  }\n\n  select(box: HTMLInputElement, event: MouseEvent) {\n    if (!this.last) {\n      this.last = box;\n\n      return;\n    }\n\n    if (event.shiftKey) {\n      // @ts-ignore\n      const start = [].indexOf.call(this.boxes, box);\n\n      // @ts-ignore\n      const end = [].indexOf.call(this.boxes, this.last);\n\n      const chs = [].slice.call(this.boxes, Math.min(start, end), Math.max(start, end) + 1);\n\n      [].forEach.call(chs, (ele: HTMLInputElement, i) => {\n        ele.checked = (this.last as HTMLInputElement).checked;\n      });\n    }\n\n    this.last = box;\n  }\n}\n"],"mappings":";;AAEA,IAAa,wBAAb,MAAmC;CACjC,iBAAiB;EACf,UAAU;EACV,eAAe;EAChB;CAED;CACA;CACA;CACA,OAAiC;CAEjC,OAAO,OAAO,UAAe,UAAe,EAAE,EAAE;AAC9C,SAAO,UAAU,WAAW,QAAa,IAAI,KAAK,KAAK,QAAQ,CAAC;;CAGlE,YAAY,UAAe,UAAU,EAAE,EAAE;AACvC,OAAK,WAAW,UAAuB,SAAS;AAChD,OAAK,UAAU,OAAO,OAAO,EAAE,EAAE,KAAK,gBAAgB,QAAQ;AAC9D,OAAK,QAAQ,MAAM,KAAK,KAAK,SAAS,iBAAiB,KAAK,QAAQ,cAAc,CAAC;AACnF,OAAK,OAAO;AAEZ,YAAU,KAAK,QAAQ,QAA0B;AAC/C,OAAI,iBAAiB,UAAU,MAAkB;AAC/C,SAAK,OAAO,KAAK,EAAE;KACnB;IACF;;CAGJ,OAAO,KAAuB,OAAmB;AAC/C,MAAI,CAAC,KAAK,MAAM;AACd,QAAK,OAAO;AAEZ;;AAGF,MAAI,MAAM,UAAU;GAElB,MAAM,QAAQ,EAAE,CAAC,QAAQ,KAAK,KAAK,OAAO,IAAI;GAG9C,MAAM,MAAM,EAAE,CAAC,QAAQ,KAAK,KAAK,OAAO,KAAK,KAAK;GAElD,MAAM,MAAM,EAAE,CAAC,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,OAAO,IAAI,EAAE,KAAK,IAAI,OAAO,IAAI,GAAG,EAAE;AAErF,KAAE,CAAC,QAAQ,KAAK,MAAM,KAAuB,MAAM;AACjD,QAAI,UAAW,KAAK,KAA0B;KAC9C;;AAGJ,OAAK,OAAO"}

package/dist/chunks/chunk.js

@@ -0,0 +1,24 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+export { __toESM as n, __commonJSMin as t };