@adaptive-ds/solid-ui 0.13.1 → 0.14.0

package/dist/input/select/SelectMultiple.js

@@ -1,269 +1,245 @@
-import { insert, createComponent, mergeProps as mergeProps$1, effect, setAttribute, className, template } from "solid-js/web";
-import { mdiPlus, mdiClose, mdiCheck } from "@mdi/js";
-import { Key } from "@solid-primitives/keyed";
-import { mergeProps, For } from "solid-js";
-import { selectMultipleTextDefault } from "./SelectMultipleTexts.js";
+import { classMerge } from "../../utils/classMerge.js";
+import { classArr } from "../../utils/classArr.js";
 import { buttonVariant } from "../../interactive/button/buttonCva.js";
 import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
+import { classesGridCols3xl } from "../../static/grid/classesGridCols.js";
 import { CorvuPopover } from "../../interactive/popover/CorvuPopover.js";
-import { classesGridCols3xl } from "../../static/container/classesGridCols.js";
-import { classArr } from "../../utils/classArr.js";
-import { classMerge } from "../../utils/classMerge.js";
+import { selectMultipleTextDefault } from "./SelectMultipleTexts.js";
+import { For, mergeProps } from "solid-js";
+import { className, createComponent, effect, insert, mergeProps as mergeProps$1, setAttribute, template } from "solid-js/web";
+import { mdiCheck, mdiClose, mdiPlus } from "@mdi/js";
+import { Key } from "@solid-primitives/keyed";
+//#region ui/input/select/SelectMultiple.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<ul class="flex flex-wrap gap-1 m-0 p-0 list-none">`), _tmpl$3 = /* @__PURE__ */ template(`<li class=contents>`), _tmpl$4 = /* @__PURE__ */ template(`<div role=listbox aria-multiselectable=true>`);
 function SelectMultiple(p) {
-  const texts = p.texts ?? selectMultipleTextDefault;
-  const buttonClass = classMerge(p.addEntryClass, p.buttonProps.class);
-  const buttonProps = mergeProps(p.buttonProps, {
-    icon: mdiPlus,
-    children: p.textAddEntry ?? texts.addEntry,
-    class: buttonClass,
-    disabled: p.disabled
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    insert(_el$, createComponent(SelectedValues, {
-      get valueSignal() {
-        return p.valueSignal;
-      },
-      get valueText() {
-        return p.valueText;
-      },
-      get noItemsClass() {
-        return p.noItemsClass;
-      },
-      texts
-    }), null);
-    insert(_el$, createComponent(CorvuPopover, mergeProps$1(buttonProps, {
-      get children() {
-        return createComponent(OptionList, {
-          get id() {
-            return p.id;
-          },
-          get valueSignal() {
-            return p.valueSignal;
-          },
-          get getOptions() {
-            return p.getOptions;
-          },
-          get valueText() {
-            return p.valueText;
-          },
-          get noItemsClass() {
-            return p.noItemsClass;
-          },
-          get listOptionClass() {
-            return p.listOptionClass;
-          },
-          get innerClass() {
-            return p.innerClass;
-          },
-          get disabled() {
-            return p.disabled;
-          },
-          texts
-        });
-      }
-    })), null);
-    effect((_p$) => {
-      var _v$ = p.id, _v$2 = classArr(
-        "group border border-input",
-        "px-2 py-2 text-sm",
-        "ring-offset-background ",
-        "rounded-md",
-        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-        "flex flex-col items-center justify-center gap-1",
-        // layout
-        p.class
-      );
-      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
+	const texts = p.texts ?? selectMultipleTextDefault;
+	const buttonClass = classMerge(p.addEntryClass, p.buttonProps.class);
+	const buttonProps = mergeProps(p.buttonProps, {
+		icon: mdiPlus,
+		children: p.textAddEntry ?? texts.addEntry,
+		class: buttonClass,
+		disabled: p.disabled
+	});
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(SelectedValues, {
+			get valueSignal() {
+				return p.valueSignal;
+			},
+			get valueText() {
+				return p.valueText;
+			},
+			get noItemsClass() {
+				return p.noItemsClass;
+			},
+			texts
+		}), null);
+		insert(_el$, createComponent(CorvuPopover, mergeProps$1(buttonProps, { get children() {
+			return createComponent(OptionList, {
+				get id() {
+					return p.id;
+				},
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get getOptions() {
+					return p.getOptions;
+				},
+				get valueText() {
+					return p.valueText;
+				},
+				get noItemsClass() {
+					return p.noItemsClass;
+				},
+				get listOptionClass() {
+					return p.listOptionClass;
+				},
+				get innerClass() {
+					return p.innerClass;
+				},
+				get disabled() {
+					return p.disabled;
+				},
+				texts
+			});
+		} })), null);
+		effect((_p$) => {
+			var _v$ = p.id, _v$2 = classArr("group border border-input", "px-2 py-2 text-sm", "ring-offset-background ", "rounded-md", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", "flex flex-col items-center justify-center gap-1", p.class);
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
 }
 function SelectedValues(p) {
-  return (() => {
-    var _el$2 = _tmpl$2();
-    insert(_el$2, createComponent(Key, {
-      get each() {
-        return p.valueSignal.get();
-      },
-      by: (item) => item,
-      get fallback() {
-        return createComponent(NoItems, {
-          get ["class"]() {
-            return p.noItemsClass;
-          },
-          get texts() {
-            return p.texts;
-          }
-        });
-      },
-      children: (item) => createComponent(SelectedValue, {
-        get option() {
-          return item();
-        },
-        get valueSignal() {
-          return p.valueSignal;
-        },
-        get valueText() {
-          return p.valueText;
-        },
-        get texts() {
-          return p.texts;
-        }
-      })
-    }));
-    return _el$2;
-  })();
+	return (() => {
+		var _el$2 = _tmpl$2();
+		insert(_el$2, createComponent(Key, {
+			get each() {
+				return p.valueSignal.get();
+			},
+			by: (item) => item,
+			get fallback() {
+				return createComponent(NoItems, {
+					get ["class"]() {
+						return p.noItemsClass;
+					},
+					get texts() {
+						return p.texts;
+					}
+				});
+			},
+			children: (item) => createComponent(SelectedValue, {
+				get option() {
+					return item();
+				},
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get valueText() {
+					return p.valueText;
+				},
+				get texts() {
+					return p.texts;
+				}
+			})
+		}));
+		return _el$2;
+	})();
 }
 function SelectedValue(p) {
-  const label = () => p.valueText ? p.valueText(p.option) : p.option;
-  return (() => {
-    var _el$3 = _tmpl$3();
-    insert(_el$3, createComponent(ButtonIcon, {
-      get variant() {
-        return buttonVariant.filled;
-      },
-      iconRight: mdiClose,
-      "class": "text-sm px-2 py-1",
-      get ["data-value"]() {
-        return p.option;
-      },
-      onMouseDown: (_e) => optionRemove(p),
-      onClick: (_e) => optionRemove(p),
-      get title() {
-        return p.texts.removeX(label());
-      },
-      get children() {
-        return label();
-      }
-    }));
-    return _el$3;
-  })();
+	const label = () => p.valueText ? p.valueText(p.option) : p.option;
+	return (() => {
+		var _el$3 = _tmpl$3();
+		insert(_el$3, createComponent(ButtonIcon, {
+			get variant() {
+				return buttonVariant.filled;
+			},
+			iconRight: mdiClose,
+			"class": "text-sm px-2 py-1",
+			get ["data-value"]() {
+				return p.option;
+			},
+			onMouseDown: (_e) => optionRemove(p),
+			onClick: (_e) => optionRemove(p),
+			get title() {
+				return p.texts.removeX(label());
+			},
+			get children() {
+				return label();
+			}
+		}));
+		return _el$3;
+	})();
 }
 function OptionList(p) {
-  return (() => {
-    var _el$4 = _tmpl$4();
-    insert(_el$4, createComponent(For, {
-      get each() {
-        return p.getOptions();
-      },
-      get fallback() {
-        return createComponent(NoItems, {
-          get ["class"]() {
-            return p.noItemsClass;
-          },
-          get texts() {
-            return p.texts;
-          }
-        });
-      },
-      children: (option, index) => createComponent(ListOption, {
-        get id() {
-          return p.id;
-        },
-        option,
-        get index() {
-          return index();
-        },
-        get valueSignal() {
-          return p.valueSignal;
-        },
-        get valueText() {
-          return p.valueText;
-        },
-        get listOptionClass() {
-          return p.listOptionClass;
-        },
-        get disabled() {
-          return p.disabled;
-        }
-      })
-    }));
-    effect(() => className(_el$4, getInnerClass(p.getOptions().length, p.innerClass)));
-    return _el$4;
-  })();
+	return (() => {
+		var _el$4 = _tmpl$4();
+		insert(_el$4, createComponent(For, {
+			get each() {
+				return p.getOptions();
+			},
+			get fallback() {
+				return createComponent(NoItems, {
+					get ["class"]() {
+						return p.noItemsClass;
+					},
+					get texts() {
+						return p.texts;
+					}
+				});
+			},
+			children: (option, index) => createComponent(ListOption, {
+				get id() {
+					return p.id;
+				},
+				option,
+				get index() {
+					return index();
+				},
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get valueText() {
+					return p.valueText;
+				},
+				get listOptionClass() {
+					return p.listOptionClass;
+				},
+				get disabled() {
+					return p.disabled;
+				}
+			})
+		}));
+		effect(() => className(_el$4, getInnerClass(p.getOptions().length, p.innerClass)));
+		return _el$4;
+	})();
 }
 function getInnerClass(optionAmount, innerClass) {
-  if (innerClass) return innerClass;
-  if (optionAmount <= 0) return "";
-  const base = " gap-x-2 gap-y-1";
-  if (optionAmount <= 5) return `grid grid-cols-1${base}`;
-  if (optionAmount <= 9) return `grid grid-cols-2${base}`;
-  if (optionAmount > 9) return classesGridCols3xl + base;
-  return "";
+	if (innerClass) return innerClass;
+	if (optionAmount <= 0) return "";
+	const base = " gap-x-2 gap-y-1";
+	if (optionAmount <= 5) return `grid grid-cols-1${base}`;
+	if (optionAmount <= 9) return `grid grid-cols-2${base}`;
+	if (optionAmount > 9) return classesGridCols3xl + base;
+	return "";
 }
 function ListOption(p) {
-  const label = () => p.valueText ? p.valueText(p.option) : p.option;
-  return createComponent(
-    ButtonIcon,
-    {
-      role: "option",
-      get ["aria-selected"]() {
-        return optionIsSelected(p);
-      },
-      get iconRight() {
-        return optionIsSelected(p) ? mdiCheck : void 0;
-      },
-      onClick: () => {
-        toggleOption(p);
-      },
-      get variant() {
-        return buttonVariant.ghost;
-      },
-      get ["class"]() {
-        return classMerge("justify-start", p.listOptionClass);
-      },
-      get disabled() {
-        return p.disabled;
-      },
-      get children() {
-        return label();
-      }
-    }
-  );
+	const label = () => p.valueText ? p.valueText(p.option) : p.option;
+	return createComponent(ButtonIcon, {
+		role: "option",
+		get ["aria-selected"]() {
+			return optionIsSelected(p);
+		},
+		get iconRight() {
+			return optionIsSelected(p) ? mdiCheck : void 0;
+		},
+		onClick: () => {
+			toggleOption(p);
+		},
+		get variant() {
+			return buttonVariant.ghost;
+		},
+		get ["class"]() {
+			return classMerge("justify-start", p.listOptionClass);
+		},
+		get disabled() {
+			return p.disabled;
+		},
+		get children() {
+			return label();
+		}
+	});
 }
 function toggleOption(p) {
-  const hasOption = optionIsSelected(p);
-  if (hasOption) {
-    return optionRemove(p);
-  }
-  return optionAdd(p);
+	if (optionIsSelected(p)) return optionRemove(p);
+	return optionAdd(p);
 }
 function optionRemove(p) {
-  const newValues = p.valueSignal.get().filter((v) => v !== p.option);
-  p.valueSignal.set(newValues);
+	const newValues = p.valueSignal.get().filter((v) => v !== p.option);
+	p.valueSignal.set(newValues);
 }
 function optionAdd(p) {
-  const newValues = [...p.valueSignal.get(), p.option];
-  newValues.sort((a, b) => a.localeCompare(b));
-  p.valueSignal.set(newValues);
+	const newValues = [...p.valueSignal.get(), p.option];
+	newValues.sort((a, b) => a.localeCompare(b));
+	p.valueSignal.set(newValues);
 }
 function optionIsSelected(p) {
-  return p.valueSignal.get().includes(p.option);
+	return p.valueSignal.get().includes(p.option);
 }
 function NoItems(p) {
-  return (() => {
-    var _el$5 = _tmpl$();
-    insert(_el$5, () => p.texts?.noEntries ?? "No entries");
-    effect(() => className(_el$5, classMerge(
-      "py-2 px-3",
-      // button
-      "rounded-md ring-offset-background",
-      // rounded, rings
-      "border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900",
-      // border
-      p.class
-    )));
-    return _el$5;
-  })();
+	return (() => {
+		var _el$5 = _tmpl$();
+		insert(_el$5, () => p.texts?.noEntries ?? "No entries");
+		effect(() => className(_el$5, classMerge("py-2 px-3", "rounded-md ring-offset-background", "border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900", p.class)));
+		return _el$5;
+	})();
 }
-export {
-  SelectMultiple
-};
-//# sourceMappingURL=SelectMultiple.js.map
+//#endregion
+export { SelectMultiple };
+
+//# sourceMappingURL=SelectMultiple.js.map

package/dist/input/select/SelectMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultiple.js","sources":["../../../lib/input/select/SelectMultiple.tsx"],"sourcesContent":["import { mdiCheck, mdiClose, mdiPlus } from \"@mdi/js\"\nimport { Key } from \"@solid-primitives/keyed\"\nimport { For, mergeProps } from \"solid-js\"\nimport type { SelectMultipleTexts } from \"~ui/input/select/SelectMultipleTexts\"\nimport { selectMultipleTextDefault } from \"~ui/input/select/SelectMultipleTexts\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport type { CorvuPopoverProps } from \"~ui/interactive/popover/CorvuPopover\"\nimport { CorvuPopover } from \"~ui/interactive/popover/CorvuPopover\"\nimport { classesGridCols3xl } from \"~ui/static/container/classesGridCols\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { HasGetOptions } from \"~ui/utils/HasGetOptions\"\nimport type { HasValueSignalStringArray } from \"~ui/utils/HasValueSignalStringArray\"\nimport type { MayHaveValueText } from \"~ui/utils/HasValueText\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/checkbox/src/Checkbox.tsx\n */\nexport interface SelectMultipleProps\n  extends HasValueSignalStringArray,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveDisabled {\n  buttonProps: CorvuPopoverProps\n  textNoEntries?: string\n  textAddEntry?: string\n  addEntryClass?: string\n  noItemsClass?: string\n  listOptionClass?: string\n  texts?: SelectMultipleTexts\n}\n\nexport function SelectMultiple(p: SelectMultipleProps) {\n  const texts = p.texts ?? selectMultipleTextDefault\n\n  const buttonClass = classMerge(p.addEntryClass, p.buttonProps.class)\n  const buttonProps = mergeProps(p.buttonProps, {\n    icon: mdiPlus,\n    children: p.textAddEntry ?? texts.addEntry,\n    class: buttonClass,\n    disabled: p.disabled,\n  })\n  return (\n    <div\n      id={p.id}\n      class={classArr(\n        \"group border border-input\",\n        \"px-2 py-2 text-sm\",\n        \"ring-offset-background \",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col items-center justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <SelectedValues valueSignal={p.valueSignal} valueText={p.valueText} noItemsClass={p.noItemsClass} texts={texts} />\n      <CorvuPopover {...buttonProps}>\n        <OptionList\n          id={p.id}\n          valueSignal={p.valueSignal}\n          getOptions={p.getOptions}\n          valueText={p.valueText}\n          noItemsClass={p.noItemsClass}\n          listOptionClass={p.listOptionClass}\n          innerClass={p.innerClass}\n          disabled={p.disabled}\n          texts={texts}\n        />\n      </CorvuPopover>\n    </div>\n  )\n}\n\ninterface SelectedValuesProps {\n  valueSignal: SignalObject<string[]>\n  valueText?: (value: string) => string\n  noItemsClass?: string\n  texts: SelectMultipleTexts\n}\n\nfunction SelectedValues(p: SelectedValuesProps) {\n  return (\n    <ul class={\"flex flex-wrap gap-1 m-0 p-0 list-none\"}>\n      <Key each={p.valueSignal.get()} by={(item) => item} fallback={<NoItems class={p.noItemsClass} texts={p.texts} />}>\n        {(item) => (\n          <SelectedValue option={item()} valueSignal={p.valueSignal} valueText={p.valueText} texts={p.texts} />\n        )}\n      </Key>\n    </ul>\n  )\n}\n\ninterface MultiselectOptionState {\n  option: string\n  valueSignal: SignalObject<string[]>\n  valueText?: (value: string) => string\n}\n\ninterface SelectedValueProps extends MultiselectOptionState {\n  texts: SelectMultipleTexts\n}\n\nfunction SelectedValue(p: SelectedValueProps) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  return (\n    <li class=\"contents\">\n      <ButtonIcon\n        variant={buttonVariant.filled}\n        iconRight={mdiClose}\n        class={\"text-sm px-2 py-1\"}\n        data-value={p.option}\n        onMouseDown={(_e) => optionRemove(p)}\n        onClick={(_e) => optionRemove(p)}\n        title={p.texts.removeX(label())}\n      >\n        {label()}\n      </ButtonIcon>\n    </li>\n  )\n}\n\ninterface OptionListProps\n  extends HasValueSignalStringArray,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  noItemsClass?: string\n  listOptionClass?: string\n  texts: SelectMultipleTexts\n}\n\nfunction OptionList(p: OptionListProps) {\n  return (\n    <div role=\"listbox\" aria-multiselectable=\"true\" class={getInnerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()} fallback={<NoItems class={p.noItemsClass} texts={p.texts} />}>\n        {(option, index) => (\n          <ListOption\n            id={p.id}\n            option={option}\n            index={index()}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            listOptionClass={p.listOptionClass}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\nfunction getInnerClass(optionAmount: number, innerClass?: string): string {\n  if (innerClass) return innerClass\n  if (optionAmount <= 0) return \"\"\n  const base = \" gap-x-2 gap-y-1\"\n  if (optionAmount <= 5) return `grid grid-cols-1${base}`\n  if (optionAmount <= 9) return `grid grid-cols-2${base}`\n  if (optionAmount > 9) return classesGridCols3xl + base\n  return \"\"\n}\n\ninterface ListOptionProps extends MayHaveId, MultiselectOptionState, MayHaveDisabled {\n  index: number\n  listOptionClass?: string\n}\n\nfunction ListOption(p: ListOptionProps) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  return (\n    <ButtonIcon\n      // id={`${p.id}-option-${p.index}`}\n      role=\"option\"\n      aria-selected={optionIsSelected(p)}\n      iconRight={optionIsSelected(p) ? mdiCheck : undefined}\n      onClick={() => {\n        toggleOption(p)\n      }}\n      variant={buttonVariant.ghost}\n      class={classMerge(\"justify-start\", p.listOptionClass)}\n      disabled={p.disabled}\n    >\n      {label()}\n    </ButtonIcon>\n  )\n}\n\nfunction toggleOption(p: MultiselectOptionState) {\n  const hasOption = optionIsSelected(p)\n  if (hasOption) {\n    return optionRemove(p)\n  }\n  return optionAdd(p)\n}\n\nfunction optionRemove(p: MultiselectOptionState) {\n  const newValues = p.valueSignal.get().filter((v) => v !== p.option)\n  p.valueSignal.set(newValues)\n}\n\nfunction optionAdd(p: MultiselectOptionState) {\n  const newValues = [...p.valueSignal.get(), p.option]\n  newValues.sort((a, b) => a.localeCompare(b))\n  p.valueSignal.set(newValues)\n}\n\nfunction optionIsSelected(p: MultiselectOptionState) {\n  return p.valueSignal.get().includes(p.option)\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts?: SelectMultipleTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return (\n    <div\n      class={classMerge(\n        \"py-2 px-3\",\n        // button\n        \"rounded-md ring-offset-background\", // rounded, rings\n        \"border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900\", // border\n        p.class,\n      )}\n    >\n      {p.texts?.noEntries ?? \"No entries\"}\n    </div>\n  )\n}\n"],"names":["SelectMultiple","p","texts","selectMultipleTextDefault","buttonClass","classMerge","addEntryClass","buttonProps","class","mergeProps","icon","mdiPlus","children","textAddEntry","addEntry","disabled","_el$","_tmpl$","_$insert","_$createComponent","SelectedValues","valueSignal","valueText","noItemsClass","CorvuPopover","_$mergeProps","OptionList","id","getOptions","listOptionClass","innerClass","_$effect","_p$","_v$","_v$2","classArr","e","_$setAttribute","t","_$className","undefined","_el$2","_tmpl$2","Key","each","get","by","item","fallback","NoItems","SelectedValue","option","label","_el$3","_tmpl$3","ButtonIcon","variant","buttonVariant","filled","iconRight","mdiClose","onMouseDown","_e","optionRemove","onClick","title","removeX","_el$4","_tmpl$4","For","index","ListOption","getInnerClass","length","optionAmount","base","classesGridCols3xl","role","optionIsSelected","mdiCheck","toggleOption","ghost","hasOption","optionAdd","newValues","filter","v","set","sort","a","b","localeCompare","includes","_el$5","noEntries"],"mappings":"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"}
+{"version":3,"file":"SelectMultiple.js","names":["SelectMultipleTexts","selectMultipleTextDefault","buttonVariant","ButtonIcon","CorvuPopoverProps","CorvuPopover","classesGridCols3xl","classArr","classMerge","SignalObject","HasGetOptions","HasValueSignalStringArray","MayHaveValueText","MayHaveChildren","MayHaveClass","MayHaveDisabled","MayHaveId","MayHaveInnerClass","mdiCheck","mdiClose","mdiPlus","Key","For","mergeProps","SelectMultipleProps","buttonProps","textNoEntries","textAddEntry","addEntryClass","noItemsClass","listOptionClass","texts","SelectMultiple","p","buttonClass","class","icon","children","addEntry","disabled","_el$","_tmpl$","_$insert","_$createComponent","SelectedValues","valueSignal","valueText","_$mergeProps","OptionList","id","getOptions","innerClass","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","undefined","SelectedValuesProps","value","_el$2","_tmpl$2","each","get","by","item","fallback","NoItems","SelectedValue","option","MultiselectOptionState","SelectedValueProps","label","_el$3","_tmpl$3","variant","filled","iconRight","data-value","onMouseDown","_e","optionRemove","onClick","title","removeX","OptionListProps","_el$4","_tmpl$4","index","ListOption","getInnerClass","length","optionAmount","base","ListOptionProps","role","aria-selected","optionIsSelected","toggleOption","ghost","hasOption","optionAdd","newValues","filter","v","set","sort","a","b","localeCompare","includes","NoItemsProps","_el$5","noEntries"],"sources":["../../../ui/input/select/SelectMultiple.tsx"],"sourcesContent":["import type { SelectMultipleTexts } from \"#ui/input/select/SelectMultipleTexts.js\"\nimport { selectMultipleTextDefault } from \"#ui/input/select/SelectMultipleTexts.js\"\nimport { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport type { CorvuPopoverProps } from \"#ui/interactive/popover/CorvuPopover.jsx\"\nimport { CorvuPopover } from \"#ui/interactive/popover/CorvuPopover.jsx\"\nimport { classesGridCols3xl } from \"#ui/static/grid/classesGridCols.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { HasGetOptions } from \"#ui/utils/HasGetOptions.js\"\nimport type { HasValueSignalStringArray } from \"#ui/utils/HasValueSignalStringArray.js\"\nimport type { MayHaveValueText } from \"#ui/utils/HasValueText.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { mdiCheck, mdiClose, mdiPlus } from \"@mdi/js\"\nimport { Key } from \"@solid-primitives/keyed\"\nimport { For, mergeProps } from \"solid-js\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/checkbox/src/Checkbox.tsx\n */\nexport interface SelectMultipleProps\n  extends HasValueSignalStringArray,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveDisabled {\n  buttonProps: CorvuPopoverProps\n  textNoEntries?: string\n  textAddEntry?: string\n  addEntryClass?: string\n  noItemsClass?: string\n  listOptionClass?: string\n  texts?: SelectMultipleTexts\n}\n\nexport function SelectMultiple(p: SelectMultipleProps) {\n  const texts = p.texts ?? selectMultipleTextDefault\n\n  const buttonClass = classMerge(p.addEntryClass, p.buttonProps.class)\n  const buttonProps = mergeProps(p.buttonProps, {\n    icon: mdiPlus,\n    children: p.textAddEntry ?? texts.addEntry,\n    class: buttonClass,\n    disabled: p.disabled,\n  })\n  return (\n    <div\n      id={p.id}\n      class={classArr(\n        \"group border border-input\",\n        \"px-2 py-2 text-sm\",\n        \"ring-offset-background \",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col items-center justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <SelectedValues valueSignal={p.valueSignal} valueText={p.valueText} noItemsClass={p.noItemsClass} texts={texts} />\n      <CorvuPopover {...buttonProps}>\n        <OptionList\n          id={p.id}\n          valueSignal={p.valueSignal}\n          getOptions={p.getOptions}\n          valueText={p.valueText}\n          noItemsClass={p.noItemsClass}\n          listOptionClass={p.listOptionClass}\n          innerClass={p.innerClass}\n          disabled={p.disabled}\n          texts={texts}\n        />\n      </CorvuPopover>\n    </div>\n  )\n}\n\ninterface SelectedValuesProps {\n  valueSignal: SignalObject<string[]>\n  valueText?: (value: string) => string\n  noItemsClass?: string\n  texts: SelectMultipleTexts\n}\n\nfunction SelectedValues(p: SelectedValuesProps) {\n  return (\n    <ul class={\"flex flex-wrap gap-1 m-0 p-0 list-none\"}>\n      <Key each={p.valueSignal.get()} by={(item) => item} fallback={<NoItems class={p.noItemsClass} texts={p.texts} />}>\n        {(item) => (\n          <SelectedValue option={item()} valueSignal={p.valueSignal} valueText={p.valueText} texts={p.texts} />\n        )}\n      </Key>\n    </ul>\n  )\n}\n\ninterface MultiselectOptionState {\n  option: string\n  valueSignal: SignalObject<string[]>\n  valueText?: (value: string) => string\n}\n\ninterface SelectedValueProps extends MultiselectOptionState {\n  texts: SelectMultipleTexts\n}\n\nfunction SelectedValue(p: SelectedValueProps) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  return (\n    <li class=\"contents\">\n      <ButtonIcon\n        variant={buttonVariant.filled}\n        iconRight={mdiClose}\n        class={\"text-sm px-2 py-1\"}\n        data-value={p.option}\n        onMouseDown={(_e) => optionRemove(p)}\n        onClick={(_e) => optionRemove(p)}\n        title={p.texts.removeX(label())}\n      >\n        {label()}\n      </ButtonIcon>\n    </li>\n  )\n}\n\ninterface OptionListProps\n  extends HasValueSignalStringArray,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  noItemsClass?: string\n  listOptionClass?: string\n  texts: SelectMultipleTexts\n}\n\nfunction OptionList(p: OptionListProps) {\n  return (\n    <div role=\"listbox\" aria-multiselectable=\"true\" class={getInnerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()} fallback={<NoItems class={p.noItemsClass} texts={p.texts} />}>\n        {(option, index) => (\n          <ListOption\n            id={p.id}\n            option={option}\n            index={index()}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            listOptionClass={p.listOptionClass}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\nfunction getInnerClass(optionAmount: number, innerClass?: string): string {\n  if (innerClass) return innerClass\n  if (optionAmount <= 0) return \"\"\n  const base = \" gap-x-2 gap-y-1\"\n  if (optionAmount <= 5) return `grid grid-cols-1${base}`\n  if (optionAmount <= 9) return `grid grid-cols-2${base}`\n  if (optionAmount > 9) return classesGridCols3xl + base\n  return \"\"\n}\n\ninterface ListOptionProps extends MayHaveId, MultiselectOptionState, MayHaveDisabled {\n  index: number\n  listOptionClass?: string\n}\n\nfunction ListOption(p: ListOptionProps) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  return (\n    <ButtonIcon\n      // id={`${p.id}-option-${p.index}`}\n      role=\"option\"\n      aria-selected={optionIsSelected(p)}\n      iconRight={optionIsSelected(p) ? mdiCheck : undefined}\n      onClick={() => {\n        toggleOption(p)\n      }}\n      variant={buttonVariant.ghost}\n      class={classMerge(\"justify-start\", p.listOptionClass)}\n      disabled={p.disabled}\n    >\n      {label()}\n    </ButtonIcon>\n  )\n}\n\nfunction toggleOption(p: MultiselectOptionState) {\n  const hasOption = optionIsSelected(p)\n  if (hasOption) {\n    return optionRemove(p)\n  }\n  return optionAdd(p)\n}\n\nfunction optionRemove(p: MultiselectOptionState) {\n  const newValues = p.valueSignal.get().filter((v) => v !== p.option)\n  p.valueSignal.set(newValues)\n}\n\nfunction optionAdd(p: MultiselectOptionState) {\n  const newValues = [...p.valueSignal.get(), p.option]\n  newValues.sort((a, b) => a.localeCompare(b))\n  p.valueSignal.set(newValues)\n}\n\nfunction optionIsSelected(p: MultiselectOptionState) {\n  return p.valueSignal.get().includes(p.option)\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts?: SelectMultipleTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return (\n    <div\n      class={classMerge(\n        \"py-2 px-3\",\n        // button\n        \"rounded-md ring-offset-background\", // rounded, rings\n        \"border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900\", // border\n        p.class,\n      )}\n    >\n      {p.texts?.noEntries ?? \"No entries\"}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/input/select/SelectMultipleTexts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultipleTexts.d.ts","sourceRoot":"","sources":["../../../lib/input/select/SelectMultipleTexts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,yBAAyB;0BACvB,MAAM;;;CAGmB,CAAA"}
+{"version":3,"file":"SelectMultipleTexts.d.ts","sourceRoot":"","sources":["../../../ui/input/select/SelectMultipleTexts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,yBAAyB;0BACvB,MAAM;;;CAGmB,CAAA"}

package/dist/input/select/SelectMultipleTexts.js

@@ -1,10 +1,11 @@
 import { ttt, ttt1 } from "../../i18n/ttt.js";
-const selectMultipleTextDefault = {
-  removeX: (x) => ttt1("Remove [X]", x),
-  addEntry: ttt("Add entry"),
-  noEntries: ttt("No entries")
+//#region ui/input/select/SelectMultipleTexts.ts
+var selectMultipleTextDefault = {
+	removeX: (x) => ttt1("Remove [X]", x),
+	addEntry: ttt("Add entry"),
+	noEntries: ttt("No entries")
 };
-export {
-  selectMultipleTextDefault
-};
-//# sourceMappingURL=SelectMultipleTexts.js.map
+//#endregion
+export { selectMultipleTextDefault };
+
+//# sourceMappingURL=SelectMultipleTexts.js.map

package/dist/input/select/SelectMultipleTexts.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultipleTexts.js","sources":["../../../lib/input/select/SelectMultipleTexts.ts"],"sourcesContent":["import { ttt, ttt1 } from \"~ui/i18n/ttt\"\n\nexport type SelectMultipleTexts = {\n  removeX: (x: string) => string\n  addEntry: string\n  noEntries: string\n}\n\nexport const selectMultipleTextDefault = {\n  removeX: (x: string) => ttt1(\"Remove [X]\", x),\n  addEntry: ttt(\"Add entry\"),\n  noEntries: ttt(\"No entries\"),\n} as const satisfies SelectMultipleTexts\n"],"names":[],"mappings":";AAQO,MAAM,4BAA4B;AAAA,EACvC,SAAS,CAAC,MAAc,KAAK,cAAc,CAAC;AAAA,EAC5C,UAAU,IAAI,WAAW;AAAA,EACzB,WAAW,IAAI,YAAY;AAC7B;"}
+{"version":3,"file":"SelectMultipleTexts.js","names":[],"sources":["../../../ui/input/select/SelectMultipleTexts.ts"],"sourcesContent":["import { ttt, ttt1 } from \"#ui/i18n/ttt.js\"\n\nexport type SelectMultipleTexts = {\n  removeX: (x: string) => string\n  addEntry: string\n  noEntries: string\n}\n\nexport const selectMultipleTextDefault = {\n  removeX: (x: string) => ttt1(\"Remove [X]\", x),\n  addEntry: ttt(\"Add entry\"),\n  noEntries: ttt(\"No entries\"),\n} as const satisfies SelectMultipleTexts\n"],"mappings":";;AAQA,IAAa,4BAA4B;CACvC,UAAU,MAAc,KAAK,cAAc,EAAE;CAC7C,UAAU,IAAI,YAAY;CAC1B,WAAW,IAAI,aAAa;CAC7B"}

package/dist/input/select/SelectSingleNative.d.ts

@@ -1,11 +1,11 @@
-import { SelectSingleNativeTexts } from './SelectSingleNativeTexts';
-import { HasGetOptions } from '../../utils/HasGetOptions';
-import { HasValueSignalString } from '../../utils/HasValueSignalString';
-import { MayHaveValueText } from '../../utils/HasValueText';
-import { MayHaveChildren } from '../../utils/MayHaveChildren';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
-import { MayHaveId } from '../../utils/MayHaveId';
+import { SelectSingleNativeTexts } from '#ui/input/select/SelectSingleNativeTexts.js';
+import { HasGetOptions } from '#ui/utils/HasGetOptions.js';
+import { HasValueSignalString } from '#ui/utils/HasValueSignalString.js';
+import { MayHaveValueText } from '#ui/utils/HasValueText.js';
+import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
+import { MayHaveId } from '#ui/utils/MayHaveId.js';
 export type StringStringFn = (value: string) => string;
 export interface SelectSingleNativeProps extends HasValueSignalString, HasGetOptions, MayHaveValueText, MayHaveClass, MayHaveId, MayHaveChildren, MayHaveDisabled {
     texts?: SelectSingleNativeTexts;

package/dist/input/select/SelectSingleNative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSingleNative.d.ts","sourceRoot":"","sources":["../../../lib/input/select/SelectSingleNative.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAA;AAGvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;AAEtD,MAAM,WAAW,uBACf,SAAQ,oBAAoB,EAC1B,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,eAAe,EACf,eAAe;IACjB,KAAK,CAAC,EAAE,uBAAuB,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,uBAAuB,kCAyB5D"}
+{"version":3,"file":"SelectSingleNative.d.ts","sourceRoot":"","sources":["../../../ui/input/select/SelectSingleNative.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AAG1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;AAEtD,MAAM,WAAW,uBACf,SAAQ,oBAAoB,EAC1B,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,eAAe,EACf,eAAe;IACjB,KAAK,CAAC,EAAE,uBAAuB,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,uBAAuB,kCAyB5D"}