@k2b/ui 0.1.0-rc.0

package/dist/browser/inputs/TagEditor.js

@@ -0,0 +1,358 @@
+import { template as _$template } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<form class=k2b-tag-editor__form><div class=k2b-tag-editor__fields><!$><!/><!$><!/></div><!$><!/><div class=k2b-tag-editor__form-actions><!$><!/><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<p class=k2b-tag-editor__error role=alert>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<ul class=k2b-tag-editor__list>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div><!$><!/><!$><!/>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<p class=k2b-tag-editor__empty>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<li class=k2b-tag-editor__row><!$><!/><!$><!/>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<i class="ti ti-pencil"aria-hidden=true>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<span class=k2b-tag-editor__row-actions><!$><!/><!$><!/>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<i class="ti ti-trash"aria-hidden=true>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<i class="ti ti-plus"aria-hidden=true>`);
+import { createEffect, createSignal, For, onCleanup, Show } from "solid-js";
+import { Button, IconButton } from "../actions/Button";
+import { useUiMessages } from "../intl/messages";
+import { Tag } from "../surfaces/Tag";
+import { ColorInput } from "./ChoiceInputs";
+import { TextInput } from "./TextInput";
+function EditorForm(props) {
+  const initialName = props.initial?.name ?? "";
+  const initialColor = props.initial?.color ?? props.defaultColor;
+  const [name, setName] = createSignal(initialName);
+  const [color, setColor] = createSignal(initialColor);
+  const [error, setError] = createSignal();
+  createEffect(() => props.onDirtyChange?.(name() !== initialName || color() !== initialColor));
+  onCleanup(() => props.onDirtyChange?.(false));
+  const submit = async event => {
+    event.preventDefault();
+    const normalized = name().trim();
+    if (!normalized || props.busy) return;
+    setError(undefined);
+    try {
+      await props.onSave({
+        name: normalized,
+        color: color()
+      });
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : props.saveError);
+    }
+  };
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling),
+      _el$5 = _el$4.nextSibling,
+      [_el$6, _co$2] = _$getNextMarker(_el$5.nextSibling),
+      _el$10 = _el$2.nextSibling,
+      [_el$11, _co$5] = _$getNextMarker(_el$10.nextSibling),
+      _el$7 = _el$11.nextSibling,
+      _el$8 = _el$7.firstChild,
+      [_el$9, _co$3] = _$getNextMarker(_el$8.nextSibling),
+      _el$0 = _el$9.nextSibling,
+      [_el$1, _co$4] = _$getNextMarker(_el$0.nextSibling);
+    _el$.addEventListener("submit", submit);
+    _$insert(_el$2, _$createComponent(TextInput, {
+      get label() {
+        return props.labels.name;
+      },
+      get placeholder() {
+        return props.labels.namePlaceholder;
+      },
+      value: name,
+      onValueChange: setName,
+      get disabled() {
+        return props.busy;
+      },
+      required: true,
+      autofocus: true
+    }), _el$4, _co$);
+    _$insert(_el$2, _$createComponent(ColorInput, {
+      get ["aria-label"]() {
+        return props.labels.color;
+      },
+      value: color,
+      onValueChange: setColor,
+      onValueCommit: setColor,
+      get disabled() {
+        return props.busy;
+      },
+      compact: true
+    }), _el$6, _co$2);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return error();
+      },
+      children: message => (() => {
+        var _el$12 = _$getNextElement(_tmpl$2);
+        _$insert(_el$12, message);
+        return _el$12;
+      })()
+    }), _el$11, _co$5);
+    _$insert(_el$7, _$createComponent(Button, {
+      type: "submit",
+      size: "sm",
+      get loading() {
+        return props.busy;
+      },
+      get disabled() {
+        return !name().trim();
+      },
+      get children() {
+        return props.labels.save;
+      }
+    }), _el$9, _co$3);
+    _$insert(_el$7, _$createComponent(Button, {
+      type: "button",
+      size: "sm",
+      variant: "ghost",
+      get disabled() {
+        return props.busy;
+      },
+      get onClick() {
+        return props.onCancel;
+      },
+      get children() {
+        return props.labels.cancel;
+      }
+    }), _el$1, _co$4);
+    _$effect(() => _$setAttribute(_el$, "aria-busy", props.busy ? "true" : undefined));
+    return _el$;
+  })();
+}
+
+/** Controlled tag manager. Persistence, authorization, confirmation, and toasts stay with the consumer. */
+export function TagEditor(props) {
+  const messages = useUiMessages();
+  const [mode, setMode] = createSignal(null);
+  const [busyId, setBusyId] = createSignal(null);
+  const [rowError, setRowError] = createSignal();
+  const labels = () => ({
+    create: messages().addTag,
+    empty: messages().noTagsYet,
+    name: messages().name,
+    namePlaceholder: messages().tagName,
+    color: messages().color,
+    save: messages().save,
+    cancel: messages().cancel,
+    edit: messages().edit,
+    remove: messages().delete,
+    ...props.labels
+  });
+  const defaultColor = () => props.defaultColor ?? "#6b7280";
+  const run = async (id, action) => {
+    if (busyId()) return;
+    setBusyId(id);
+    setRowError(undefined);
+    try {
+      await action();
+      setMode(null);
+    } catch (cause) {
+      setRowError({
+        id,
+        message: cause instanceof Error ? cause.message : messages().tagActionFailed
+      });
+      throw cause;
+    } finally {
+      setBusyId(null);
+    }
+  };
+  return (() => {
+    var _el$13 = _$getNextElement(_tmpl$4),
+      _el$15 = _el$13.firstChild,
+      [_el$16, _co$6] = _$getNextMarker(_el$15.nextSibling),
+      _el$17 = _el$16.nextSibling,
+      [_el$18, _co$7] = _$getNextMarker(_el$17.nextSibling);
+    _$insert(_el$13, _$createComponent(Show, {
+      get when() {
+        return props.items.length > 0;
+      },
+      get fallback() {
+        return (() => {
+          var _el$19 = _$getNextElement(_tmpl$5);
+          _$insert(_el$19, () => labels().empty);
+          return _el$19;
+        })();
+      },
+      get children() {
+        var _el$14 = _$getNextElement(_tmpl$3);
+        _$insert(_el$14, _$createComponent(For, {
+          get each() {
+            return props.items;
+          },
+          children: item => (() => {
+            var _el$20 = _$getNextElement(_tmpl$6),
+              _el$21 = _el$20.firstChild,
+              [_el$22, _co$8] = _$getNextMarker(_el$21.nextSibling),
+              _el$23 = _el$22.nextSibling,
+              [_el$24, _co$9] = _$getNextMarker(_el$23.nextSibling);
+            _$insert(_el$20, _$createComponent(Show, {
+              get when() {
+                return _$memo(() => mode() === item.id)() && props.onUpdate;
+              },
+              get fallback() {
+                return [_$createComponent(Tag, {
+                  get color() {
+                    return item.color;
+                  },
+                  get children() {
+                    return item.name;
+                  }
+                }), (() => {
+                  var _el$25 = _$getNextElement(_tmpl$8),
+                    _el$27 = _el$25.firstChild,
+                    [_el$28, _co$0] = _$getNextMarker(_el$27.nextSibling),
+                    _el$29 = _el$28.nextSibling,
+                    [_el$30, _co$1] = _$getNextMarker(_el$29.nextSibling);
+                  _$insert(_el$25, _$createComponent(Show, {
+                    get when() {
+                      return props.onUpdate;
+                    },
+                    get children() {
+                      return _$createComponent(IconButton, {
+                        size: "xs",
+                        variant: "ghost",
+                        get label() {
+                          return `${labels().edit} ${item.name}`;
+                        },
+                        get disabled() {
+                          return props.disabled || Boolean(busyId());
+                        },
+                        onClick: () => setMode(item.id),
+                        get children() {
+                          return _$getNextElement(_tmpl$7);
+                        }
+                      });
+                    }
+                  }), _el$28, _co$0);
+                  _$insert(_el$25, _$createComponent(Show, {
+                    get when() {
+                      return props.onDelete;
+                    },
+                    children: remove => _$createComponent(IconButton, {
+                      size: "xs",
+                      variant: "ghost",
+                      get label() {
+                        return `${labels().remove} ${item.name}`;
+                      },
+                      get loading() {
+                        return busyId() === item.id;
+                      },
+                      get disabled() {
+                        return props.disabled || Boolean(busyId());
+                      },
+                      onClick: () => void run(item.id, () => remove()(item)).catch(() => undefined),
+                      get children() {
+                        return _$getNextElement(_tmpl$9);
+                      }
+                    })
+                  }), _el$30, _co$1);
+                  return _el$25;
+                })()];
+              },
+              get children() {
+                return _$createComponent(EditorForm, {
+                  initial: item,
+                  get labels() {
+                    return labels();
+                  },
+                  get defaultColor() {
+                    return defaultColor();
+                  },
+                  get busy() {
+                    return busyId() === item.id;
+                  },
+                  get saveError() {
+                    return messages().tagCouldNotBeSaved;
+                  },
+                  onCancel: () => setMode(null),
+                  get onDirtyChange() {
+                    return props.onDirtyChange;
+                  },
+                  onSave: value => run(item.id, () => props.onUpdate?.(item, value))
+                });
+              }
+            }), _el$22, _co$8);
+            _$insert(_el$20, _$createComponent(Show, {
+              get when() {
+                return _$memo(() => !!(rowError()?.id === item.id && mode() !== item.id))() ? rowError() : undefined;
+              },
+              children: error => (() => {
+                var _el$32 = _$getNextElement(_tmpl$2);
+                _$insert(_el$32, () => error().message);
+                return _el$32;
+              })()
+            }), _el$24, _co$9);
+            return _el$20;
+          })()
+        }));
+        return _el$14;
+      }
+    }), _el$16, _co$6);
+    _$insert(_el$13, _$createComponent(Show, {
+      get when() {
+        return props.onCreate;
+      },
+      children: create => _$createComponent(Show, {
+        get when() {
+          return mode() === "create";
+        },
+        get fallback() {
+          return _$createComponent(Button, {
+            size: "xs",
+            variant: "subtle",
+            get disabled() {
+              return props.disabled || Boolean(busyId());
+            },
+            onClick: () => setMode("create"),
+            get children() {
+              return [_$getNextElement(_tmpl$0), _$memo(() => labels().create)];
+            }
+          });
+        },
+        get children() {
+          return _$createComponent(EditorForm, {
+            get labels() {
+              return labels();
+            },
+            get defaultColor() {
+              return defaultColor();
+            },
+            get busy() {
+              return busyId() === "create";
+            },
+            get saveError() {
+              return messages().tagCouldNotBeSaved;
+            },
+            onCancel: () => setMode(null),
+            get onDirtyChange() {
+              return props.onDirtyChange;
+            },
+            onSave: value => run("create", () => create()(value))
+          });
+        }
+      })
+    }), _el$18, _co$7);
+    _$effect(_p$ => {
+      var _v$ = `k2b-tag-editor ${props.class ?? ""}`,
+        _v$2 = props.disabled ? "true" : undefined;
+      _v$ !== _p$.e && _$className(_el$13, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$13, "data-disabled", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$13;
+  })();
+}
+export default TagEditor;
+//# sourceMappingURL=TagEditor.js.map

package/dist/browser/inputs/TagEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createSignal","For","onCleanup","Show","Button","IconButton","useUiMessages","Tag","ColorInput","TextInput","EditorForm","props","initialName","initial","name","initialColor","color","defaultColor","setName","setColor","error","setError","onDirtyChange","submit","event","preventDefault","normalized","trim","busy","undefined","onSave","cause","Error","message","saveError","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_el$10","_el$11","_co$5","_el$7","_el$8","_el$9","_co$3","_el$0","_el$1","_co$4","addEventListener","_$insert","_$createComponent","label","labels","placeholder","namePlaceholder","value","onValueChange","disabled","required","autofocus","aria-label","onValueCommit","compact","when","children","_el$12","_tmpl$2","type","size","loading","save","variant","onClick","onCancel","cancel","_$effect","_$setAttribute","TagEditor","messages","mode","setMode","busyId","setBusyId","rowError","setRowError","create","addTag","empty","noTagsYet","tagName","edit","remove","delete","run","id","action","tagActionFailed","_el$13","_tmpl$4","_el$15","_el$16","_co$6","_el$17","_el$18","_co$7","items","length","fallback","_el$19","_tmpl$5","_el$14","_tmpl$3","each","item","_el$20","_tmpl$6","_el$21","_el$22","_co$8","_el$23","_el$24","_co$9","_$memo","onUpdate","_el$25","_tmpl$8","_el$27","_el$28","_co$0","_el$29","_el$30","_co$1","Boolean","_tmpl$7","onDelete","catch","_tmpl$9","tagCouldNotBeSaved","_el$32","onCreate","_tmpl$0","_p$","_v$","class","_v$2","e","_$className","t"],"sources":["inputs/TagEditor.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Tag } from \"../surfaces/Tag\";\nimport { ColorInput } from \"./ChoiceInputs\";\nimport { TextInput } from \"./TextInput\";\n\nexport type TagEditorItem = {\n  id: string;\n  name: string;\n  color?: string | null;\n};\n\nexport type TagEditorValue = {\n  name: string;\n  color: string;\n};\n\nexport type TagEditorLabels = {\n  create: string;\n  empty: string;\n  name: string;\n  namePlaceholder: string;\n  color: string;\n  save: string;\n  cancel: string;\n  edit: string;\n  remove: string;\n};\n\nexport type TagEditorProps<T extends TagEditorItem = TagEditorItem> = {\n  items: readonly T[];\n  onCreate?: (value: TagEditorValue) => void | Promise<void>;\n  onUpdate?: (item: T, value: TagEditorValue) => void | Promise<void>;\n  onDelete?: (item: T) => void | Promise<void>;\n  labels?: Partial<TagEditorLabels>;\n  defaultColor?: string;\n  disabled?: boolean;\n  onDirtyChange?: (dirty: boolean) => void;\n  class?: string;\n};\n\ntype EditorFormProps = {\n  initial?: TagEditorItem;\n  labels: TagEditorLabels;\n  defaultColor: string;\n  busy: boolean;\n  saveError: string;\n  onCancel: () => void;\n  onDirtyChange?: (dirty: boolean) => void;\n  onSave: (value: TagEditorValue) => Promise<void>;\n};\n\nfunction EditorForm(props: EditorFormProps): JSX.Element {\n  const initialName = props.initial?.name ?? \"\";\n  const initialColor = props.initial?.color ?? props.defaultColor;\n  const [name, setName] = createSignal(initialName);\n  const [color, setColor] = createSignal(initialColor);\n  const [error, setError] = createSignal<string>();\n\n  createEffect(() => props.onDirtyChange?.(name() !== initialName || color() !== initialColor));\n  onCleanup(() => props.onDirtyChange?.(false));\n\n  const submit = async (event: SubmitEvent) => {\n    event.preventDefault();\n    const normalized = name().trim();\n    if (!normalized || props.busy) return;\n    setError(undefined);\n    try {\n      await props.onSave({ name: normalized, color: color() });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : props.saveError);\n    }\n  };\n\n  return (\n    <form class=\"k2b-tag-editor__form\" aria-busy={props.busy ? \"true\" : undefined} onSubmit={submit}>\n      <div class=\"k2b-tag-editor__fields\">\n        <TextInput\n          label={props.labels.name}\n          placeholder={props.labels.namePlaceholder}\n          value={name}\n          onValueChange={setName}\n          disabled={props.busy}\n          required\n          autofocus\n        />\n        <ColorInput\n          aria-label={props.labels.color}\n          value={color}\n          onValueChange={setColor}\n          onValueCommit={setColor}\n          disabled={props.busy}\n          compact\n        />\n      </div>\n      <Show when={error()}>\n        {(message) => (\n          <p class=\"k2b-tag-editor__error\" role=\"alert\">\n            {message()}\n          </p>\n        )}\n      </Show>\n      <div class=\"k2b-tag-editor__form-actions\">\n        <Button type=\"submit\" size=\"sm\" loading={props.busy} disabled={!name().trim()}>\n          {props.labels.save}\n        </Button>\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={props.busy} onClick={props.onCancel}>\n          {props.labels.cancel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\n/** Controlled tag manager. Persistence, authorization, confirmation, and toasts stay with the consumer. */\nexport function TagEditor<T extends TagEditorItem = TagEditorItem>(props: TagEditorProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const [mode, setMode] = createSignal<\"create\" | string | null>(null);\n  const [busyId, setBusyId] = createSignal<string | null>(null);\n  const [rowError, setRowError] = createSignal<{ id: string; message: string }>();\n  const labels = (): TagEditorLabels => ({\n    create: messages().addTag,\n    empty: messages().noTagsYet,\n    name: messages().name,\n    namePlaceholder: messages().tagName,\n    color: messages().color,\n    save: messages().save,\n    cancel: messages().cancel,\n    edit: messages().edit,\n    remove: messages().delete,\n    ...props.labels,\n  });\n  const defaultColor = () => props.defaultColor ?? \"#6b7280\";\n  const run = async (id: string, action: () => void | Promise<void>) => {\n    if (busyId()) return;\n    setBusyId(id);\n    setRowError(undefined);\n    try {\n      await action();\n      setMode(null);\n    } catch (cause) {\n      setRowError({ id, message: cause instanceof Error ? cause.message : messages().tagActionFailed });\n      throw cause;\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  return (\n    <div class={`k2b-tag-editor ${props.class ?? \"\"}`} data-disabled={props.disabled ? \"true\" : undefined}>\n      <Show when={props.items.length > 0} fallback={<p class=\"k2b-tag-editor__empty\">{labels().empty}</p>}>\n        <ul class=\"k2b-tag-editor__list\">\n          <For each={props.items}>\n            {(item) => (\n              <li class=\"k2b-tag-editor__row\">\n                <Show\n                  when={mode() === item.id && props.onUpdate}\n                  fallback={\n                    <>\n                      <Tag color={item.color}>{item.name}</Tag>\n                      <span class=\"k2b-tag-editor__row-actions\">\n                        <Show when={props.onUpdate}>\n                          <IconButton\n                            size=\"xs\"\n                            variant=\"ghost\"\n                            label={`${labels().edit} ${item.name}`}\n                            disabled={props.disabled || Boolean(busyId())}\n                            onClick={() => setMode(item.id)}\n                          >\n                            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n                          </IconButton>\n                        </Show>\n                        <Show when={props.onDelete}>\n                          {(remove) => (\n                            <IconButton\n                              size=\"xs\"\n                              variant=\"ghost\"\n                              label={`${labels().remove} ${item.name}`}\n                              loading={busyId() === item.id}\n                              disabled={props.disabled || Boolean(busyId())}\n                              onClick={() => void run(item.id, () => remove()(item)).catch(() => undefined)}\n                            >\n                              <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n                            </IconButton>\n                          )}\n                        </Show>\n                      </span>\n                    </>\n                  }\n                >\n                  <EditorForm\n                    initial={item}\n                    labels={labels()}\n                    defaultColor={defaultColor()}\n                    busy={busyId() === item.id}\n                    saveError={messages().tagCouldNotBeSaved}\n                    onCancel={() => setMode(null)}\n                    onDirtyChange={props.onDirtyChange}\n                    onSave={(value) => run(item.id, () => props.onUpdate?.(item, value))}\n                  />\n                </Show>\n                <Show when={rowError()?.id === item.id && mode() !== item.id ? rowError() : undefined}>\n                  {(error) => (\n                    <p class=\"k2b-tag-editor__error\" role=\"alert\">\n                      {error().message}\n                    </p>\n                  )}\n                </Show>\n              </li>\n            )}\n          </For>\n        </ul>\n      </Show>\n\n      <Show when={props.onCreate}>\n        {(create) => (\n          <Show\n            when={mode() === \"create\"}\n            fallback={\n              <Button size=\"xs\" variant=\"subtle\" disabled={props.disabled || Boolean(busyId())} onClick={() => setMode(\"create\")}>\n                <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n                {labels().create}\n              </Button>\n            }\n          >\n            <EditorForm\n              labels={labels()}\n              defaultColor={defaultColor()}\n              busy={busyId() === \"create\"}\n              saveError={messages().tagCouldNotBeSaved}\n              onCancel={() => setMode(null)}\n              onDirtyChange={props.onDirtyChange}\n              onSave={(value) => run(\"create\", () => create()(value))}\n            />\n          </Show>\n        )}\n      </Show>\n    </div>\n  );\n}\n\nexport default TagEditor;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/TagsInput.js

@@ -0,0 +1,195 @@
+import { template as _$template } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-tags-input__values aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-tags-input><span class=k2b-tags-input__icon aria-hidden=true><i></i><i></i></span><!$><!/><input type=text>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<div class=k2b-sr-only role=status aria-live=polite aria-atomic=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-tags-input__placeholder>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-tag>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<input type=hidden>`);
+import { createEffect, createSignal, createUniqueId, Show } from "solid-js";
+import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { resolveMaybeAccessor } from "./field-contract";
+export function TagsInput(props) {
+  const messages = useUiMessages();
+  const meta = createFieldMeta(props.id);
+  const announcementId = `k2b-tags-${createUniqueId()}`;
+  const error = () => resolveMaybeAccessor(props.error);
+  const placeholder = () => props.placeholder ?? messages().tagsPlaceholder;
+  const [focused, setFocused] = createSignal(false);
+  let focusStartValue = [];
+  const normalize = text => text.replace(/\s+/g, " ").trim();
+  const parseTags = text => {
+    const tags = [];
+    const seen = new Set();
+    const limit = props.maxTags === undefined ? Number.POSITIVE_INFINITY : Math.max(0, Math.floor(props.maxTags));
+    for (const rawTag of text.split(",")) {
+      const tag = normalize(rawTag);
+      if (!tag || seen.has(tag)) continue;
+      if (tags.length >= limit) break;
+      seen.add(tag);
+      tags.push(tag);
+    }
+    return tags;
+  };
+  const value = () => parseTags((resolveMaybeAccessor(props.value) ?? []).join(","));
+  const [draft, setDraft] = createSignal(value().join(", "));
+  createEffect(() => {
+    if (!focused()) setDraft(value().join(", "));
+  });
+  const announce = (previous, next) => {
+    const previousTags = new Set(previous);
+    const nextTags = new Set(next);
+    const added = next.filter(tag => !previousTags.has(tag));
+    const removed = previous.filter(tag => !nextTags.has(tag));
+    const announcement = document.getElementById(announcementId);
+    if (announcement) {
+      announcement.textContent = [added.length ? messages().tagsAdded({
+        tags: added.join(", ")
+      }) : "", removed.length ? messages().tagsRemoved({
+        tags: removed.join(", ")
+      }) : ""].filter(Boolean).join(" ");
+    }
+  };
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return error();
+    },
+    meta: meta,
+    labelFor: false,
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      return [(() => {
+        var _el$ = _$getNextElement(_tmpl$2),
+          _el$2 = _el$.firstChild,
+          _el$3 = _el$2.firstChild,
+          _el$4 = _el$3.nextSibling,
+          _el$7 = _el$2.nextSibling,
+          [_el$8, _co$] = _$getNextMarker(_el$7.nextSibling),
+          _el$6 = _el$8.nextSibling;
+        _$insert(_el$, _$createComponent(Show, {
+          get when() {
+            return !focused();
+          },
+          get children() {
+            var _el$5 = _$getNextElement(_tmpl$);
+            _$insert(_el$5, _$createComponent(Show, {
+              get when() {
+                return value().length > 0;
+              },
+              get fallback() {
+                return (() => {
+                  var _el$0 = _$getNextElement(_tmpl$4);
+                  _$insert(_el$0, placeholder);
+                  return _el$0;
+                })();
+              },
+              get children() {
+                return value().map(tag => (() => {
+                  var _el$1 = _$getNextElement(_tmpl$5);
+                  _$insert(_el$1, tag);
+                  return _el$1;
+                })());
+              }
+            }));
+            return _el$5;
+          }
+        }), _el$8, _co$);
+        _$spread(_el$6, _$mergeProps({
+          get id() {
+            return meta.controlId;
+          }
+        }, () => fieldControlAria(meta, props), {
+          get disabled() {
+            return props.disabled;
+          },
+          get placeholder() {
+            return _$memo(() => !!(focused() || value().length === 0))() ? placeholder() : undefined;
+          },
+          get value() {
+            return draft();
+          },
+          "onFocus": () => {
+            if (props.disabled) return;
+            focusStartValue = value();
+            setDraft(focusStartValue.join(", "));
+            setFocused(true);
+          },
+          "onInput": event => {
+            if (props.disabled) return;
+            const nextDraft = event.currentTarget.value;
+            setDraft(nextDraft);
+            props.onValueChange?.(parseTags(nextDraft));
+          },
+          "onBlur": () => {
+            if (props.disabled) return;
+            const next = parseTags(draft());
+            announce(focusStartValue, next);
+            props.onValueCommit?.(next);
+            setFocused(false);
+          },
+          "onKeyDown": event => event.key === "Enter" && (event.preventDefault(), event.currentTarget.blur())
+        }), false, false);
+        _$effect(_p$ => {
+          var _v$ = error() ? "true" : undefined,
+            _v$2 = props.disabled ? "true" : undefined,
+            _v$3 = `${props.icon ?? "ti ti-tag"} k2b-tags-input__icon-idle`,
+            _v$4 = `${props.activeIcon ?? "ti ti-pencil"} k2b-tags-input__icon-active`;
+          _v$ !== _p$.e && _$setAttribute(_el$, "data-invalid", _p$.e = _v$);
+          _v$2 !== _p$.t && _$setAttribute(_el$, "data-disabled", _p$.t = _v$2);
+          _v$3 !== _p$.a && _$className(_el$3, _p$.a = _v$3);
+          _v$4 !== _p$.o && _$className(_el$4, _p$.o = _v$4);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined,
+          o: undefined
+        });
+        _$runHydrationEvents();
+        return _el$;
+      })(), _$createComponent(Show, {
+        get when() {
+          return props.name;
+        },
+        children: name => (() => {
+          var _el$10 = _$getNextElement(_tmpl$6);
+          _$effect(() => _$setAttribute(_el$10, "name", name()));
+          _$effect(() => _$setProperty(_el$10, "value", value().join(",")));
+          return _el$10;
+        })()
+      }), (() => {
+        var _el$9 = _$getNextElement(_tmpl$3);
+        _$setAttribute(_el$9, "id", announcementId);
+        return _el$9;
+      })()];
+    }
+  });
+}
+export default TagsInput;
+//# sourceMappingURL=TagsInput.js.map

package/dist/browser/inputs/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createSignal","createUniqueId","Show","createFieldMeta","Field","fieldControlAria","useUiMessages","resolveMaybeAccessor","TagsInput","props","messages","meta","id","announcementId","error","placeholder","tagsPlaceholder","focused","setFocused","focusStartValue","normalize","text","replace","trim","parseTags","tags","seen","Set","limit","maxTags","undefined","Number","POSITIVE_INFINITY","Math","max","floor","rawTag","split","tag","has","length","add","push","value","join","draft","setDraft","announce","previous","next","previousTags","nextTags","added","filter","removed","announcement","document","getElementById","textContent","tagsAdded","tagsRemoved","Boolean","_$createComponent","class","label","description","labelFor","required","disabled","children","_el$","_$getNextElement","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$7","_el$8","_co$","_$getNextMarker","_el$6","_$insert","when","_el$5","_tmpl$","fallback","_el$0","_tmpl$4","map","_el$1","_tmpl$5","_$spread","_$mergeProps","controlId","_$memo","onFocus","event","nextDraft","currentTarget","onValueChange","onBlur","onValueCommit","key","preventDefault","blur","_$effect","_p$","_v$","_v$2","_v$3","icon","_v$4","activeIcon","e","_$setAttribute","t","a","_$className","o","_$runHydrationEvents","name","_el$10","_tmpl$6","_$setProperty","_el$9","_tmpl$3"],"sources":["inputs/TagsInput.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type TagsInputProps = ValueFieldProps<string[]> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  maxTags?: number;\n  name?: string;\n};\n\nexport function TagsInput(props: TagsInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const announcementId = `k2b-tags-${createUniqueId()}`;\n  const error = () => resolveMaybeAccessor(props.error);\n  const placeholder = () => props.placeholder ?? messages().tagsPlaceholder;\n  const [focused, setFocused] = createSignal(false);\n  let focusStartValue: readonly string[] = [];\n  const normalize = (text: string) => text.replace(/\\s+/g, \" \").trim();\n  const parseTags = (text: string): string[] => {\n    const tags: string[] = [];\n    const seen = new Set<string>();\n    const limit = props.maxTags === undefined ? Number.POSITIVE_INFINITY : Math.max(0, Math.floor(props.maxTags));\n    for (const rawTag of text.split(\",\")) {\n      const tag = normalize(rawTag);\n      if (!tag || seen.has(tag)) continue;\n      if (tags.length >= limit) break;\n      seen.add(tag);\n      tags.push(tag);\n    }\n    return tags;\n  };\n  const value = () => parseTags((resolveMaybeAccessor(props.value) ?? []).join(\",\"));\n  const [draft, setDraft] = createSignal(value().join(\", \"));\n  createEffect(() => {\n    if (!focused()) setDraft(value().join(\", \"));\n  });\n\n  const announce = (previous: readonly string[], next: readonly string[]) => {\n    const previousTags = new Set(previous);\n    const nextTags = new Set(next);\n    const added = next.filter((tag) => !previousTags.has(tag));\n    const removed = previous.filter((tag) => !nextTags.has(tag));\n    const announcement = document.getElementById(announcementId);\n    if (announcement) {\n      announcement.textContent = [\n        added.length ? messages().tagsAdded({ tags: added.join(\", \") }) : \"\",\n        removed.length ? messages().tagsRemoved({ tags: removed.join(\", \") }) : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \");\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-tags-input\" data-invalid={error() ? \"true\" : undefined} data-disabled={props.disabled ? \"true\" : undefined}>\n        <span class=\"k2b-tags-input__icon\" aria-hidden=\"true\">\n          <i class={`${props.icon ?? \"ti ti-tag\"} k2b-tags-input__icon-idle`} />\n          <i class={`${props.activeIcon ?? \"ti ti-pencil\"} k2b-tags-input__icon-active`} />\n        </span>\n        <Show when={!focused()}>\n          <span class=\"k2b-tags-input__values\" aria-hidden=\"true\">\n            <Show when={value().length > 0} fallback={<span class=\"k2b-tags-input__placeholder\">{placeholder()}</span>}>\n              {value().map((tag) => (\n                <span class=\"k2b-tag\">{tag}</span>\n              ))}\n            </Show>\n          </span>\n        </Show>\n        <input\n          id={meta.controlId}\n          type=\"text\"\n          {...fieldControlAria(meta, props)}\n          disabled={props.disabled}\n          placeholder={focused() || value().length === 0 ? placeholder() : undefined}\n          value={draft()}\n          onFocus={() => {\n            if (props.disabled) return;\n            focusStartValue = value();\n            setDraft(focusStartValue.join(\", \"));\n            setFocused(true);\n          }}\n          onInput={(event) => {\n            if (props.disabled) return;\n            const nextDraft = event.currentTarget.value;\n            setDraft(nextDraft);\n            props.onValueChange?.(parseTags(nextDraft));\n          }}\n          onBlur={() => {\n            if (props.disabled) return;\n            const next = parseTags(draft());\n            announce(focusStartValue, next);\n            props.onValueCommit?.(next);\n            setFocused(false);\n          }}\n          onKeyDown={(event) => event.key === \"Enter\" && (event.preventDefault(), event.currentTarget.blur())}\n        />\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value().join(\",\")} />}</Show>\n      <div id={announcementId} class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" />\n    </Field>\n  );\n}\n\nexport default TagsInput;\n"],"mappings":"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","ignoreList":[]}