@mattilsynet/design 1.0.6 → 1.0.7

package/mtds/external/@u-elements/u-tags/dist/u-tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-tags.js","sources":["../../../../../node_modules/@u-elements/u-tags/dist/u-tags.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\n\n// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar IS_FIREFOX = IS_BROWSER && /firefox/i.test(navigator.userAgent);\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar IS_SAFARI = IS_BROWSER && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\nvar _a;\nvar IS_MAC = IS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? undefined : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar SAFE_MULTISELECTABLE = `${IS_SAFARI ? \"aria\" : \"data\"}-multiselectable`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar FOCUS_OUTLINE = \"outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n  var _a2;\n  if (value === undefined) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;\n  if (value === null) el.removeAttribute(name);\n  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n  return null;\n}\nvar events = (action, element, rest) => {\n  for (const type of rest[0].split(\",\")) {\n    rest[0] = type;\n    Element.prototype[`${action}EventListener`].apply(element, rest);\n  }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.attachShadow({ mode: \"open\" }).append(\n  createElement(\"slot\"),\n  // Unnamed slot does automatically render all top element nodes\n  createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n  if (options === undefined) return observers.get(element);\n  try {\n    observers.get(element).disconnect();\n    observers.delete(element);\n  } catch (err) {\n  }\n  if (options) {\n    const observer = new MutationObserver(\n      (detail) => element.handleEvent({ type: \"mutation\", detail })\n    );\n    observer.observe(element, options);\n    observers.set(element, observer);\n  }\n};\nvar asButton = (event) => {\n  const isClick = \"key\" in event && (event.key === \" \" || event.key === \"Enter\");\n  if (isClick) event.preventDefault();\n  if (isClick && event.target instanceof HTMLElement) event.target.click();\n  return isClick;\n};\nvar getRoot = (node) => {\n  var _a2;\n  const root = ((_a2 = node.getRootNode) == null ? undefined : _a2.call(node)) || node.ownerDocument;\n  return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n  if (!el) return \"\";\n  if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n  return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n  const el = document.createElement(tagName);\n  if (text) el.textContent = text;\n  if (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n  return el;\n};\nvar customElements = {\n  define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\nvar createAriaLive = (mode) => {\n  if (!IS_BROWSER) return null;\n  const live = createElement(\"div\");\n  live.style.cssText = \"position:fixed;overflow:hidden;width:1px;white-space:nowrap\";\n  attr(live, \"aria-live\", mode);\n  return document.body.appendChild(live);\n};\nfunction attributeTexts(texts, prop, value) {\n  if (!prop) return Object.keys(texts).map((key2) => `data-sr-${key2}`);\n  const key = (prop == null ? undefined : prop.startsWith(\"data-sr-\")) && prop.slice(8);\n  if (key && value && texts[key]) texts[key] = value;\n  return [];\n}\n\n// ../u-datalist/u-option.ts\nvar DISABLED = \"disabled\";\nvar SELECTED = \"selected\";\nvar UHTMLOptionElement = class extends UHTMLElement {\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [DISABLED, SELECTED];\n  }\n  constructor() {\n    super();\n    attachStyle(\n      this,\n      `${DISPLAY_BLOCK}:host(:focus){${FOCUS_OUTLINE}}:host{ cursor: pointer }`\n    );\n  }\n  connectedCallback() {\n    if (!IS_IOS) this.tabIndex = -1;\n    if (!attr(this, \"role\")) attr(this, \"role\", \"option\");\n    this.attributeChangedCallback();\n  }\n  attributeChangedCallback() {\n    attr(this, \"aria-disabled\", `${this.disabled}`);\n    attr(this, \"aria-selected\", `${this.selected}`);\n  }\n  /** Sets or retrieves whether the option in the list box is the default item. */\n  get defaultSelected() {\n    return this[SELECTED];\n  }\n  set defaultSelected(value) {\n    this[SELECTED] = value;\n  }\n  get disabled() {\n    return attr(this, DISABLED) !== null;\n  }\n  set disabled(value) {\n    attr(this, DISABLED, value ? \"\" : null);\n  }\n  /** Retrieves a reference to the form that the object is embedded in. */\n  get form() {\n    return this.closest(\"form\");\n  }\n  /** Sets or retrieves the ordinal position of an option in a list box. */\n  get index() {\n    var _a2;\n    const options = (_a2 = this.closest(\"u-datalist\")) == null ? undefined : _a2.getElementsByTagName(\"u-option\");\n    return Array.from(options || [this]).indexOf(this);\n  }\n  /** Sets or retrieves a value that you can use to implement your own label functionality for the object. */\n  get label() {\n    return attr(this, \"label\") || this.text;\n  }\n  set label(value) {\n    attr(this, \"label\", value);\n  }\n  get selected() {\n    return attr(this, SELECTED) !== null;\n  }\n  set selected(value) {\n    attr(this, SELECTED, value ? \"\" : null);\n  }\n  /** Sets or retrieves the text string specified by the option tag. */\n  get text() {\n    var _a2;\n    return ((_a2 = this.textContent) == null ? undefined : _a2.trim()) || \"\";\n  }\n  set text(text) {\n    this.textContent = text;\n  }\n  /** Sets or retrieves the value which is returned to the server when the form control is submitted. */\n  get value() {\n    return attr(this, \"value\") || this.text;\n  }\n  set value(value) {\n    attr(this, \"value\", value);\n  }\n};\ncustomElements.define(\"u-option\", UHTMLOptionElement);\n\n// ../u-datalist/u-datalist.ts\nvar IS_PRESS = false;\nvar LIVE_TIMER;\nvar LIVE_SR_FIX = 0;\nvar LIVE = createAriaLive(\"assertive\");\nvar IS_SAFARI_MAC = IS_SAFARI && !IS_IOS;\nvar EVENTS = \"click,focusout,input,keydown,mousedown,mouseup\";\nvar TEXTS = {\n  singular: \"%d hit\",\n  plural: \"%d hits\"\n};\nvar UHTMLDataListElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    // Using underscore instead of private fields for backwards compatibility\n    // _announceCount = 0;\n    // _announceTimer: ReturnType<typeof setTimeout> | number = 0;\n    this._blurTimer = 0;\n    this._input = null;\n    this._root = null;\n    this._value = \"\";\n    // Store sanitized value to speed up option filtering\n    this._texts = __spreadValues({}, TEXTS);\n    attachStyle(\n      this,\n      `${DISPLAY_BLOCK}::slotted(u-option[disabled]) { display: none !important }`\n      // Hide disabled options\n    );\n  }\n  // Speed up translated texts\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"id\", ...attributeTexts(TEXTS)];\n  }\n  connectedCallback() {\n    this.hidden = true;\n    this._root = getRoot(this);\n    if (LIVE && !LIVE.isConnected) document.body.append(LIVE);\n    attr(this, \"role\", \"listbox\");\n    on(this._root, \"focusin\", this);\n    on(this._root, \"focus\", this, true);\n    setTimeout(() => this.attributeChangedCallback());\n  }\n  disconnectedCallback() {\n    off(this._root || this, \"focus\", this, true);\n    off(this._root || this, \"focusin\", this);\n    disconnectInput(this);\n    this._root = null;\n  }\n  attributeChangedCallback(prop, _prev, next) {\n    var _a2;\n    attributeTexts(this._texts, prop, next);\n    const inputs = (_a2 = this._root) == null ? undefined : _a2.querySelectorAll(`input[list=\"${this.id}\"]`);\n    for (const input of inputs || []) setupInput(this, input);\n  }\n  handleEvent(event) {\n    const { type } = event;\n    if (event.defaultPrevented) return;\n    if (type === \"click\") onClick(this, event);\n    if (type === \"focus\" || type === \"focusin\") onFocusIn(this, event);\n    if (type === \"focusout\") onFocusOut(this);\n    if (type === \"keydown\") onKeyDown(this, event);\n    if (type === \"mutation\" || type === \"input\") setupOptions(this, event);\n    if (type === \"mouseup\") IS_PRESS = false;\n    if (type === \"mousedown\") IS_PRESS = this.contains(event.target);\n  }\n  get options() {\n    return this.getElementsByTagName(\"u-option\");\n  }\n};\nvar onFocusIn = (self, { target }) => {\n  var _a2;\n  const isInput = self._input === target;\n  const isInside = isInput || self.contains(target);\n  if (isInside) return clearTimeout(self._blurTimer);\n  if (!isInput && target instanceof HTMLInputElement && attr(target, \"list\") === self.id) {\n    if (self._input) disconnectInput(self);\n    self._input = target;\n    attr(self, SAFE_LABELLEDBY, useId((_a2 = self._input.labels) == null ? undefined : _a2[0]));\n    on(self._root || self, EVENTS, self);\n    mutationObserver(self, {\n      attributeFilter: [\"value\"],\n      // Listen for value changes to show u-options\n      attributes: true,\n      childList: true,\n      subtree: true\n    });\n    setExpanded(self, true);\n  }\n};\nvar onFocusOut = (self) => {\n  if (!IS_PRESS) self._blurTimer = setTimeout(() => disconnectInput(self));\n};\nvar onClick = (self, { target }) => {\n  var _a2, _b, _c, _d, _e;\n  const isSingle = attr(self, SAFE_MULTISELECTABLE) !== \"true\";\n  const option = [...self.options].find((opt) => opt.contains(target));\n  if (self._input === target) {\n    setExpanded(self, true);\n  } else if (option && isInteractiveOption(option)) {\n    for (const opt of self.options) {\n      if (opt === option) opt.selected = true;\n      else if (isSingle) opt.selected = false;\n    }\n    (_b = (_a2 = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\"\n    )) == null ? undefined : _a2.set) == null ? undefined : _b.call(self._input, option.value);\n    if (isSingle) {\n      (_c = self._input) == null ? undefined : _c.focus();\n      setExpanded(self, false);\n    }\n    (_d = self._input) == null ? undefined : _d.dispatchEvent(\n      new Event(\"input\", { bubbles: true, composed: true })\n    );\n    (_e = self._input) == null ? undefined : _e.dispatchEvent(new Event(\"change\", { bubbles: true }));\n  }\n};\nvar onKeyDown = (self, event) => {\n  var _a2, _b;\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n  if (event.key !== \"Escape\") setExpanded(self, true);\n  const { key } = event;\n  const active = (_a2 = self._root) == null ? undefined : _a2.activeElement;\n  const options = getVisibleOptions(self);\n  const index = options.indexOf(active);\n  let next = -1;\n  if (key === \"ArrowDown\") next = (index + 1) % options.length;\n  if (key === \"ArrowUp\") next = (~index ? index : options.length) - 1;\n  if (~index) {\n    if (key === \"Home\" || key === \"PageUp\") next = 0;\n    if (key === \"End\" || key === \"PageDown\") next = options.length - 1;\n    if (key === \"Enter\") {\n      options[index].click();\n      return event.preventDefault();\n    }\n  }\n  if (options[next]) for (const option of options) option.tabIndex = -1;\n  if (options[next]) event.preventDefault();\n  (_b = options[next] || self._input) == null ? undefined : _b.focus();\n  if (key === \"Escape\") setExpanded(self, false);\n};\nvar setExpanded = (self, open) => {\n  self.hidden = !open;\n  if (self.popover) self.togglePopover(open);\n  if (self._input) setupInput(self, self._input, open);\n  if (open) setupOptions(self);\n};\nvar disconnectInput = (self) => {\n  off(self._root || self, EVENTS, self);\n  mutationObserver(self, false);\n  setExpanded(self, false);\n  self._input = null;\n};\nvar getVisibleOptions = (self) => [...self.options].filter(\n  (opt) => !opt.disabled && opt.offsetWidth && opt.offsetHeight\n  // Checks disabled or visibility (since hidden attribute can be overwritten by display: block)\n);\nvar isInteractiveOption = (option) => option instanceof HTMLOptionElement || option.getAttribute(\"role\") === \"option\";\nvar setupInput = (self, input, open = false) => {\n  attr(input, \"popovertarget\", useId(self));\n  attr(input, \"aria-autocomplete\", \"list\");\n  attr(input, \"aria-controls\", useId(self));\n  attr(input, \"aria-expanded\", `${IS_SAFARI_MAC || open}`);\n  attr(input, \"autocomplete\", \"off\");\n  attr(input, \"role\", \"combobox\");\n};\nvar sanitize = (str) => (str == null ? undefined : str.toLowerCase().trim()) || \"\";\nvar setupOptions = (self, event) => {\n  var _a2;\n  const value = sanitize((_a2 = self._input) == null ? undefined : _a2.value);\n  const hasChange = (event == null ? undefined : event.type) === \"mutation\" || self._value !== value;\n  if (!hasChange) return;\n  const hidden = self.hidden;\n  const isSingle = attr(self, SAFE_MULTISELECTABLE) !== \"true\";\n  const isTyping = event instanceof InputEvent && !isDatalistClick(event);\n  self.hidden = true;\n  self._value = value;\n  for (const opt of self.options) {\n    const content = [opt.value, opt.label, opt.text].map(sanitize);\n    opt.hidden = !content.some((str) => str.includes(value));\n    if (isSingle && isTyping && isInteractiveOption(opt))\n      opt.selected = content.includes(value);\n  }\n  self.hidden = hidden;\n  const visible = getVisibleOptions(self);\n  clearTimeout(LIVE_TIMER);\n  LIVE_TIMER = setTimeout(() => {\n    const { length } = visible.filter(isInteractiveOption);\n    const liveSrFix = ++LIVE_SR_FIX % 2 ? \"\\xA0\" : \"\";\n    const countText = `${`${self._texts[length === 1 ? \"singular\" : \"plural\"]}`.replace(\"%d\", `${length}`)}`;\n    if (LIVE)\n      LIVE.textContent = `${!length && self.innerText.trim() || countText}${liveSrFix}`;\n  }, 1e3);\n  if (IS_IOS)\n    visible.map((opt, index, length) => {\n      opt.title = `${index + 1}/${length}`;\n    });\n};\nif (IS_BROWSER)\n  Object.defineProperty(HTMLInputElement.prototype, \"list\", {\n    configurable: true,\n    enumerable: true,\n    get() {\n      return getRoot(this).getElementById(attr(this, \"list\") || \"\");\n    }\n  });\ncustomElements.define(\"u-datalist\", UHTMLDataListElement);\nvar SPLIT_CHAR = \"\\u2001\".repeat(100);\nvar FIREFOX_OPTION_CLICK = \"insertReplacementText\";\nvar getDatalistValue = ({\n  value\n}) => value.split(SPLIT_CHAR)[0];\nfunction isDatalistClick(event) {\n  var _a2;\n  const isClick = event instanceof Event && event.type === \"input\" && event.target instanceof HTMLInputElement && (!event.inputType || event.inputType === FIREFOX_OPTION_CLICK);\n  if (isClick) {\n    const value = event.target.value;\n    const ignored = Array.from(((_a2 = event.target.list) == null ? undefined : _a2.options) || []).some(\n      (opt) => opt.value === value && !isInteractiveOption(opt)\n    );\n    event.target.value = value.split(SPLIT_CHAR)[ignored ? 1 : 0];\n  }\n  return isClick;\n}\n\n// u-tags.ts\nvar IS_MOBILE = IS_ANDROID || IS_IOS;\nvar IS_FIREFOX_MAC = IS_FIREFOX || IS_MAC;\nvar LIVE2 = createAriaLive(\"polite\");\nvar EVENTS2 = \"input,focusin,focusout,keydown\";\nvar TEXTS2 = {\n  added: \"Added\",\n  remove: \"Press to remove\",\n  removed: \"Removed\",\n  empty: \"No selected\",\n  found: \"Navigate left to find %d selected\",\n  of: \"of\"\n};\nvar UHTMLTagsElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    // Using underscore instead of private fields for backwards compatibility\n    this._blurAnnounceReset = false;\n    this._blurTimer = 0;\n    this._focusIndex = null;\n    this._root = null;\n    this._texts = __spreadValues({}, TEXTS2);\n    this.attachShadow({ mode: \"open\" }).append(\n      createElement(\"slot\"),\n      // Content slot\n      createElement(\n        \"style\",\n        `:host(:not([hidden])){ display: inline-block }\n        ::slotted(data) { cursor: pointer; display: inline-block; outline: none; pointer-events: none }\n        ::slotted(data)::after { content: '\\\\00D7'; content: '\\\\00D7' / ''; padding-inline: .5ch; pointer-events: auto }\n        ::slotted(data:focus)::after { ${FOCUS_OUTLINE} }`\n        // Show focus outline around ::after only\n      )\n    );\n  }\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return attributeTexts(TEXTS2);\n  }\n  connectedCallback() {\n    this._root = getRoot(this);\n    if (LIVE2 && !LIVE2.isConnected) document.body.append(LIVE2);\n    mutationObserver(this, { childList: true });\n    on(this._root, \"click\", this);\n    on(this, EVENTS2, this);\n    setTimeout(() => render(this));\n  }\n  attributeChangedCallback(prop, _prev, next) {\n    attributeTexts(this._texts, prop, next);\n  }\n  disconnectedCallback() {\n    mutationObserver(this, false);\n    off(this._root || this, \"click\", this);\n    off(this, EVENTS2, this);\n    this._root = null;\n  }\n  handleEvent(event) {\n    if (event.defaultPrevented) return;\n    if (event.type === \"click\") onClick2(this, event);\n    if (event.type === \"focusin\") onFocusIn2(this, event);\n    if (event.type === \"focusout\") onFocusOut2(this);\n    if (event.type === \"input\") onInputOptionClick(this, event);\n    if (event.type === \"keydown\") onKeyDown2(this, event);\n    if (event.type === \"mutation\") render(this, event);\n  }\n  get items() {\n    return this.querySelectorAll(\"data\");\n  }\n  get control() {\n    return this.querySelector(\"input\");\n  }\n};\nvar dispatchChange = (self, item) => {\n  return self.dispatchEvent(\n    new CustomEvent(\"tags\", {\n      bubbles: true,\n      cancelable: true,\n      detail: { item, action: item.isConnected ? \"remove\" : \"add\" }\n    })\n  );\n};\nvar render = (self, event) => {\n  var _a2, _b, _c, _d, _e;\n  const texts = self._texts;\n  const change = Number.isNaN(self._focusIndex) ? null : event == null ? undefined : event.detail[0];\n  const changeItem = (change == null ? undefined : change.addedNodes[0]) || (change == null ? undefined : change.removedNodes[0]);\n  const changeText = `${changeItem ? `${changeItem.isConnected ? texts.added : texts.removed} ${changeItem.textContent}, ` : \"\"}`;\n  const label = ((_c = (_b = (_a2 = self.control) == null ? undefined : _a2.labels) == null ? undefined : _b[0]) == null ? undefined : _c.textContent) || \"\";\n  const values = [];\n  attr(self, \"role\", \"group\");\n  attr(self, \"aria-label\", label);\n  self.items.forEach((item, index, { length }) => {\n    var _a3;\n    const label2 = `${changeText}${item.textContent}, ${texts.remove}, ${index + 1} ${texts.of} ${length}`;\n    attr(item, \"aria-label\", label2);\n    attr(item, \"role\", \"button\");\n    item.tabIndex = -1;\n    item.value = item.value || ((_a3 = item.textContent) == null ? undefined : _a3.trim()) || \"\";\n    values.push(item.value);\n  });\n  const control = self.control;\n  const controlLabel = `${changeText}${label}, ${values.length ? texts.found.replace(\"%d\", `${values.length}`) : texts.empty}`;\n  const list = control && document.getElementById(attr(control, \"list\") || \"\");\n  const options = list == null ? undefined : list.children;\n  if (control) attr(control, \"aria-label\", controlLabel);\n  if (list) attr(list, SAFE_MULTISELECTABLE, \"true\");\n  for (const option of options || [])\n    option.selected = values.includes(getDatalistValue(option));\n  if (changeText) {\n    const nextFocus = self.items[(self._focusIndex || 1) - 1] || control;\n    const sameFocus = nextFocus === ((_d = getRoot(self)) == null ? undefined : _d.activeElement);\n    const tmpFocus = options || self.items;\n    self._blurAnnounceReset = false;\n    if (nextFocus === control) {\n      if (sameFocus) {\n        if (IS_MOBILE && LIVE2) LIVE2.textContent = changeText;\n        else (_e = tmpFocus[0]) == null ? undefined : _e.focus();\n      }\n      setTimeout(() => nextFocus == null ? undefined : nextFocus.focus(), 100);\n    } else nextFocus == null ? undefined : nextFocus.focus();\n    setTimeout(() => {\n      if (!IS_FIREFOX_MAC) return render(self);\n      self._blurAnnounceReset = true;\n    }, 500);\n  }\n};\nvar onFocusIn2 = (self, { target }) => {\n  clearTimeout(self._blurTimer);\n  self._focusIndex = [...self.items].indexOf(target);\n};\nvar onFocusOut2 = (self) => {\n  if (self._blurAnnounceReset) render(self);\n  self._blurTimer = setTimeout(() => {\n    self._focusIndex = null;\n  });\n};\nvar onClick2 = (self, { target, clientX: x, clientY: y }) => {\n  var _a2;\n  const items = self.contains(target) ? [...self.items] : null;\n  const itemRemove = items == null ? undefined : items.find((item) => item.contains(target));\n  const itemClicked = items == null ? undefined : items.find((item) => {\n    const { top, right, bottom, left } = item.getBoundingClientRect();\n    return y >= top && y <= bottom && x >= left && x <= right;\n  });\n  if (itemRemove) dispatchChange(self, itemRemove) && itemRemove.remove();\n  else if (itemClicked) itemClicked.focus();\n  else if (target === self) (_a2 = self.control) == null ? undefined : _a2.focus();\n};\nvar onInputOptionClick = (self, event) => {\n  var _a2;\n  const input = event.target;\n  if (!isDatalistClick(event) || !(input == null ? undefined : input.value.trim())) return;\n  const value = getDatalistValue(input);\n  const items = [...self.items];\n  const options = [...((_a2 = input == null ? undefined : input.list) == null ? undefined : _a2.children) || []];\n  const optionClicked = options.find((opt) => getDatalistValue(opt) === value);\n  const itemRemove = items.find((item) => item.value === value);\n  const itemAdd = createElement(\"data\", (optionClicked == null ? undefined : optionClicked.text) || value, {\n    value\n  });\n  input.value = \"\";\n  if (!dispatchChange(self, itemRemove || itemAdd)) return;\n  if (itemRemove) return itemRemove.remove();\n  if (!items[0]) return self.prepend(itemAdd);\n  items[items.length - 1].insertAdjacentElement(\"afterend\", itemAdd);\n};\nvar onKeyDown2 = (self, event) => {\n  var _a2, _b;\n  const { key, repeat, target } = event;\n  const input = self.control === target ? self.control : null;\n  const isCaretInside = input == null ? undefined : input.selectionEnd;\n  let index = input ? self.items.length : (_a2 = self._focusIndex) != null ? _a2 : -1;\n  if (index === -1 || !input && asButton(event)) return;\n  if (key === \"ArrowRight\" && !input) index += 1;\n  else if (key === \"ArrowLeft\" && !isCaretInside) index -= 1;\n  else if (key === \"Enter\" && input) {\n    event.preventDefault();\n    return input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n  } else if ((key === \"Backspace\" || key === \"Delete\") && !isCaretInside) {\n    const remove = !repeat && self.items[index];\n    event.preventDefault();\n    if (remove) return dispatchChange(self, remove) && remove.remove();\n    if (input) index -= 1;\n  } else return;\n  event.preventDefault();\n  (_b = self.items[Math.max(0, index)] || self.control) == null ? undefined : _b.focus();\n};\ncustomElements.define(\"u-tags\", UHTMLTagsElement);\n\nexport { UHTMLTagsElement };\n"],"names":["__defProp","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","IS_BROWSER","IS_ANDROID","IS_FIREFOX","IS_IOS","IS_SAFARI","_a","IS_MAC","SAFE_LABELLEDBY","SAFE_MULTISELECTABLE","DISPLAY_BLOCK","FOCUS_OUTLINE","UHTMLElement","attr","el","name","_a2","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","root","id","useId","tagName","text","attrs","val","customElements","instance","createAriaLive","mode","live","attributeTexts","texts","key2","DISABLED","SELECTED","UHTMLOptionElement","IS_PRESS","LIVE_TIMER","LIVE_SR_FIX","LIVE","IS_SAFARI_MAC","EVENTS","TEXTS","UHTMLDataListElement","disconnectInput","_prev","next","inputs","input","setupInput","onClick","onFocusIn","onFocusOut","onKeyDown","setupOptions","self","target","isInput","setExpanded","_b","_c","_d","_e","isSingle","option","opt","isInteractiveOption","active","getVisibleOptions","index","open","sanitize","str","hidden","isTyping","isDatalistClick","content","visible","length","liveSrFix","countText","SPLIT_CHAR","FIREFOX_OPTION_CLICK","getDatalistValue","ignored","IS_MOBILE","IS_FIREFOX_MAC","LIVE2","EVENTS2","TEXTS2","UHTMLTagsElement","render","onClick2","onFocusIn2","onFocusOut2","onInputOptionClick","onKeyDown2","dispatchChange","item","change","changeItem","changeText","label","values","_a3","label2","control","controlLabel","list","nextFocus","sameFocus","tmpFocus","x","y","items","itemRemove","itemClicked","top","right","bottom","left","optionClicked","itemAdd","repeat","isCaretInside","remove"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"u-tags.js","sources":["../../../../../node_modules/@u-elements/u-tags/dist/u-tags.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\n\n// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar IS_FIREFOX = IS_BROWSER && /firefox/i.test(navigator.userAgent);\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar IS_SAFARI = IS_BROWSER && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\nvar _a;\nvar IS_MAC = IS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar SAFE_MULTISELECTABLE = `${IS_SAFARI ? \"aria\" : \"data\"}-multiselectable`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar FOCUS_OUTLINE = \"outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n  var _a2;\n  if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;\n  if (value === null) el.removeAttribute(name);\n  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n  return null;\n}\nvar events = (action, element, rest) => {\n  for (const type of rest[0].split(\",\")) {\n    rest[0] = type;\n    Element.prototype[`${action}EventListener`].apply(element, rest);\n  }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.attachShadow({ mode: \"open\" }).append(\n  createElement(\"slot\"),\n  // Unnamed slot does automatically render all top element nodes\n  createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n  if (options === void 0) return observers.get(element);\n  try {\n    observers.get(element).disconnect();\n    observers.delete(element);\n  } catch (err) {\n  }\n  if (options) {\n    const observer = new MutationObserver(\n      (detail) => element.handleEvent({ type: \"mutation\", detail })\n    );\n    observer.observe(element, options);\n    observers.set(element, observer);\n  }\n};\nvar asButton = (event) => {\n  const isClick = \"key\" in event && (event.key === \" \" || event.key === \"Enter\");\n  if (isClick) event.preventDefault();\n  if (isClick && event.target instanceof HTMLElement) event.target.click();\n  return isClick;\n};\nvar getRoot = (node) => {\n  var _a2;\n  const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n  return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n  if (!el) return \"\";\n  if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n  return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n  const el = document.createElement(tagName);\n  if (text) el.textContent = text;\n  if (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n  return el;\n};\nvar customElements = {\n  define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\nvar createAriaLive = (mode) => {\n  const live = createElement(\"div\");\n  live.style.cssText = \"position:fixed;overflow:hidden;width:1px;white-space:nowrap\";\n  attr(live, \"aria-live\", mode);\n  return live;\n};\nfunction attributeTexts(texts, prop, value) {\n  if (!prop) return Object.keys(texts).map((key2) => `data-sr-${key2}`);\n  const key = (prop == null ? void 0 : prop.startsWith(\"data-sr-\")) && prop.slice(8);\n  if (key && value && texts[key]) texts[key] = value;\n  return [];\n}\n\n// ../u-datalist/u-option.ts\nvar DISABLED = \"disabled\";\nvar SELECTED = \"selected\";\nvar UHTMLOptionElement = class extends UHTMLElement {\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [DISABLED, SELECTED];\n  }\n  constructor() {\n    super();\n    attachStyle(\n      this,\n      `${DISPLAY_BLOCK}:host(:focus){${FOCUS_OUTLINE}}:host{ cursor: pointer }`\n    );\n  }\n  connectedCallback() {\n    if (!IS_IOS) this.tabIndex = -1;\n    if (!attr(this, \"role\")) attr(this, \"role\", \"option\");\n    this.attributeChangedCallback();\n  }\n  attributeChangedCallback() {\n    attr(this, \"aria-disabled\", `${this.disabled}`);\n    attr(this, \"aria-selected\", `${this.selected}`);\n  }\n  /** Sets or retrieves whether the option in the list box is the default item. */\n  get defaultSelected() {\n    return this[SELECTED];\n  }\n  set defaultSelected(value) {\n    this[SELECTED] = value;\n  }\n  get disabled() {\n    return attr(this, DISABLED) !== null;\n  }\n  set disabled(value) {\n    attr(this, DISABLED, value ? \"\" : null);\n  }\n  /** Retrieves a reference to the form that the object is embedded in. */\n  get form() {\n    return this.closest(\"form\");\n  }\n  /** Sets or retrieves the ordinal position of an option in a list box. */\n  get index() {\n    var _a2;\n    const options = (_a2 = this.closest(\"u-datalist\")) == null ? void 0 : _a2.getElementsByTagName(\"u-option\");\n    return Array.from(options || [this]).indexOf(this);\n  }\n  /** Sets or retrieves a value that you can use to implement your own label functionality for the object. */\n  get label() {\n    return attr(this, \"label\") || this.text;\n  }\n  set label(value) {\n    attr(this, \"label\", value);\n  }\n  get selected() {\n    return attr(this, SELECTED) !== null;\n  }\n  set selected(value) {\n    attr(this, SELECTED, value ? \"\" : null);\n  }\n  /** Sets or retrieves the text string specified by the option tag. */\n  get text() {\n    var _a2;\n    return ((_a2 = this.textContent) == null ? void 0 : _a2.trim()) || \"\";\n  }\n  set text(text) {\n    this.textContent = text;\n  }\n  /** Sets or retrieves the value which is returned to the server when the form control is submitted. */\n  get value() {\n    return attr(this, \"value\") || this.text;\n  }\n  set value(value) {\n    attr(this, \"value\", value);\n  }\n};\ncustomElements.define(\"u-option\", UHTMLOptionElement);\n\n// ../u-datalist/u-datalist.ts\nvar IS_PRESS = false;\nvar LIVE_TIMER;\nvar LIVE_SR_FIX = 0;\nvar LIVE;\nvar IS_SAFARI_MAC = IS_SAFARI && !IS_IOS;\nvar EVENTS = \"click,focusout,input,keydown,mousedown,mouseup\";\nvar TEXTS = {\n  singular: \"%d hit\",\n  plural: \"%d hits\"\n};\nvar UHTMLDataListElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    // Using underscore instead of private fields for backwards compatibility\n    // _announceCount = 0;\n    // _announceTimer: ReturnType<typeof setTimeout> | number = 0;\n    this._blurTimer = 0;\n    this._input = null;\n    this._root = null;\n    this._value = \"\";\n    // Store sanitized value to speed up option filtering\n    this._texts = __spreadValues({}, TEXTS);\n    attachStyle(\n      this,\n      `${DISPLAY_BLOCK}::slotted(u-option[disabled]) { display: none !important }`\n      // Hide disabled options\n    );\n  }\n  // Speed up translated texts\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"id\", ...attributeTexts(TEXTS)];\n  }\n  connectedCallback() {\n    this.hidden = true;\n    this._root = getRoot(this);\n    if (!LIVE) LIVE = createAriaLive(\"assertive\");\n    if (!LIVE.isConnected) document.body.appendChild(LIVE);\n    attr(this, \"role\", \"listbox\");\n    on(this._root, \"focusin\", this);\n    on(this._root, \"focus\", this, true);\n    setTimeout(() => this.attributeChangedCallback());\n  }\n  disconnectedCallback() {\n    off(this._root || this, \"focus\", this, true);\n    off(this._root || this, \"focusin\", this);\n    disconnectInput(this);\n    this._root = null;\n  }\n  attributeChangedCallback(prop, _prev, next) {\n    var _a2;\n    attributeTexts(this._texts, prop, next);\n    const inputs = (_a2 = this._root) == null ? void 0 : _a2.querySelectorAll(`input[list=\"${this.id}\"]`);\n    for (const input of inputs || []) setupInput(this, input);\n  }\n  handleEvent(event) {\n    const { type } = event;\n    if (event.defaultPrevented) return;\n    if (type === \"click\") onClick(this, event);\n    if (type === \"focus\" || type === \"focusin\") onFocusIn(this, event);\n    if (type === \"focusout\") onFocusOut(this);\n    if (type === \"keydown\") onKeyDown(this, event);\n    if (type === \"mutation\" || type === \"input\") setupOptions(this, event);\n    if (type === \"mouseup\") IS_PRESS = false;\n    if (type === \"mousedown\") IS_PRESS = this.contains(event.target);\n  }\n  get options() {\n    return this.getElementsByTagName(\"u-option\");\n  }\n};\nvar onFocusIn = (self, { target }) => {\n  var _a2;\n  const isInput = self._input === target;\n  const isInside = isInput || self.contains(target);\n  if (isInside) return clearTimeout(self._blurTimer);\n  if (!isInput && target instanceof HTMLInputElement && attr(target, \"list\") === self.id) {\n    if (self._input) disconnectInput(self);\n    self._input = target;\n    attr(self, SAFE_LABELLEDBY, useId((_a2 = self._input.labels) == null ? void 0 : _a2[0]));\n    on(self._root || self, EVENTS, self);\n    mutationObserver(self, {\n      attributeFilter: [\"value\"],\n      // Listen for value changes to show u-options\n      attributes: true,\n      childList: true,\n      subtree: true\n    });\n    setExpanded(self, true);\n  }\n};\nvar onFocusOut = (self) => {\n  if (!IS_PRESS) self._blurTimer = setTimeout(() => disconnectInput(self));\n};\nvar onClick = (self, { target }) => {\n  var _a2, _b, _c, _d, _e;\n  const isSingle = attr(self, SAFE_MULTISELECTABLE) !== \"true\";\n  const option = [...self.options].find((opt) => opt.contains(target));\n  if (self._input === target) {\n    setExpanded(self, true);\n  } else if (option && isInteractiveOption(option)) {\n    for (const opt of self.options) {\n      if (opt === option) opt.selected = true;\n      else if (isSingle) opt.selected = false;\n    }\n    (_b = (_a2 = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\"\n    )) == null ? void 0 : _a2.set) == null ? void 0 : _b.call(self._input, option.value);\n    if (isSingle) {\n      (_c = self._input) == null ? void 0 : _c.focus();\n      setExpanded(self, false);\n    }\n    (_d = self._input) == null ? void 0 : _d.dispatchEvent(\n      new Event(\"input\", { bubbles: true, composed: true })\n    );\n    (_e = self._input) == null ? void 0 : _e.dispatchEvent(new Event(\"change\", { bubbles: true }));\n  }\n};\nvar onKeyDown = (self, event) => {\n  var _a2, _b;\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n  if (event.key !== \"Escape\") setExpanded(self, true);\n  const { key } = event;\n  const active = (_a2 = self._root) == null ? void 0 : _a2.activeElement;\n  const options = getVisibleOptions(self);\n  const index = options.indexOf(active);\n  let next = -1;\n  if (key === \"ArrowDown\") next = (index + 1) % options.length;\n  if (key === \"ArrowUp\") next = (~index ? index : options.length) - 1;\n  if (~index) {\n    if (key === \"Home\" || key === \"PageUp\") next = 0;\n    if (key === \"End\" || key === \"PageDown\") next = options.length - 1;\n    if (key === \"Enter\") {\n      options[index].click();\n      return event.preventDefault();\n    }\n  }\n  if (options[next]) for (const option of options) option.tabIndex = -1;\n  if (options[next]) event.preventDefault();\n  (_b = options[next] || self._input) == null ? void 0 : _b.focus();\n  if (key === \"Escape\") setExpanded(self, false);\n};\nvar setExpanded = (self, open) => {\n  self.hidden = !open;\n  if (self.popover) self.togglePopover(open);\n  if (self._input) setupInput(self, self._input, open);\n  if (open) setupOptions(self);\n};\nvar disconnectInput = (self) => {\n  off(self._root || self, EVENTS, self);\n  mutationObserver(self, false);\n  setExpanded(self, false);\n  self._input = null;\n};\nvar getVisibleOptions = (self) => [...self.options].filter(\n  (opt) => !opt.disabled && opt.offsetWidth && opt.offsetHeight\n  // Checks disabled or visibility (since hidden attribute can be overwritten by display: block)\n);\nvar isInteractiveOption = (option) => option instanceof HTMLOptionElement || option.getAttribute(\"role\") === \"option\";\nvar setupInput = (self, input, open = false) => {\n  attr(input, \"popovertarget\", useId(self));\n  attr(input, \"aria-autocomplete\", \"list\");\n  attr(input, \"aria-controls\", useId(self));\n  attr(input, \"aria-expanded\", `${IS_SAFARI_MAC || open}`);\n  attr(input, \"autocomplete\", \"off\");\n  attr(input, \"role\", \"combobox\");\n};\nvar sanitize = (str) => (str == null ? void 0 : str.toLowerCase().trim()) || \"\";\nvar setupOptions = (self, event) => {\n  var _a2;\n  const value = sanitize((_a2 = self._input) == null ? void 0 : _a2.value);\n  const hasChange = (event == null ? void 0 : event.type) === \"mutation\" || self._value !== value;\n  if (!hasChange) return;\n  const hidden = self.hidden;\n  const isSingle = attr(self, SAFE_MULTISELECTABLE) !== \"true\";\n  const isTyping = event instanceof InputEvent && !isDatalistClick(event);\n  self.hidden = true;\n  self._value = value;\n  for (const opt of self.options) {\n    const content = [opt.value, opt.label, opt.text].map(sanitize);\n    opt.hidden = !content.some((str) => str.includes(value));\n    if (isSingle && isTyping && isInteractiveOption(opt))\n      opt.selected = content.includes(value);\n  }\n  self.hidden = hidden;\n  const visible = getVisibleOptions(self);\n  clearTimeout(LIVE_TIMER);\n  LIVE_TIMER = setTimeout(() => {\n    const { length } = visible.filter(isInteractiveOption);\n    const liveSrFix = ++LIVE_SR_FIX % 2 ? \"\\xA0\" : \"\";\n    const countText = `${`${self._texts[length === 1 ? \"singular\" : \"plural\"]}`.replace(\"%d\", `${length}`)}`;\n    if (LIVE)\n      LIVE.textContent = `${!length && self.innerText.trim() || countText}${liveSrFix}`;\n  }, 1e3);\n  if (IS_IOS)\n    visible.map((opt, index, length) => {\n      opt.title = `${index + 1}/${length}`;\n    });\n};\nif (IS_BROWSER)\n  Object.defineProperty(HTMLInputElement.prototype, \"list\", {\n    configurable: true,\n    enumerable: true,\n    get() {\n      return getRoot(this).getElementById(attr(this, \"list\") || \"\");\n    }\n  });\ncustomElements.define(\"u-datalist\", UHTMLDataListElement);\nvar SPLIT_CHAR = \"\\u2001\".repeat(100);\nvar FIREFOX_OPTION_CLICK = \"insertReplacementText\";\nvar getDatalistValue = ({\n  value\n}) => value.split(SPLIT_CHAR)[0];\nfunction isDatalistClick(event) {\n  var _a2;\n  const isClick = event instanceof Event && event.type === \"input\" && event.target instanceof HTMLInputElement && (!event.inputType || event.inputType === FIREFOX_OPTION_CLICK);\n  if (isClick) {\n    const value = event.target.value;\n    const ignored = Array.from(((_a2 = event.target.list) == null ? void 0 : _a2.options) || []).some(\n      (opt) => opt.value === value && !isInteractiveOption(opt)\n    );\n    event.target.value = value.split(SPLIT_CHAR)[ignored ? 1 : 0];\n  }\n  return isClick;\n}\n\n// u-tags.ts\nvar LIVE2;\nvar IS_MOBILE = IS_ANDROID || IS_IOS;\nvar IS_FIREFOX_MAC = IS_FIREFOX || IS_MAC;\nvar EVENTS2 = \"input,focusin,focusout,keydown\";\nvar TEXTS2 = {\n  added: \"Added\",\n  remove: \"Press to remove\",\n  removed: \"Removed\",\n  empty: \"No selected\",\n  found: \"Navigate left to find %d selected\",\n  of: \"of\"\n};\nvar UHTMLTagsElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    // Using underscore instead of private fields for backwards compatibility\n    this._blurAnnounceReset = false;\n    this._blurTimer = 0;\n    this._focusIndex = null;\n    this._root = null;\n    this._texts = __spreadValues({}, TEXTS2);\n    this.attachShadow({ mode: \"open\" }).append(\n      createElement(\"slot\"),\n      // Content slot\n      createElement(\n        \"style\",\n        `:host(:not([hidden])){ display: inline-block }\n        ::slotted(data) { cursor: pointer; display: inline-block; outline: none; pointer-events: none }\n        ::slotted(data)::after { content: '\\\\00D7'; content: '\\\\00D7' / ''; padding-inline: .5ch; pointer-events: auto }\n        ::slotted(data:focus)::after { ${FOCUS_OUTLINE} }`\n        // Show focus outline around ::after only\n      )\n    );\n  }\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return attributeTexts(TEXTS2);\n  }\n  connectedCallback() {\n    this._root = getRoot(this);\n    if (!LIVE2) LIVE2 = createAriaLive(\"polite\");\n    if (!LIVE2.isConnected) document.body.appendChild(LIVE2);\n    mutationObserver(this, { childList: true });\n    on(this._root, \"click\", this);\n    on(this, EVENTS2, this);\n    setTimeout(() => render(this));\n  }\n  attributeChangedCallback(prop, _prev, next) {\n    attributeTexts(this._texts, prop, next);\n  }\n  disconnectedCallback() {\n    mutationObserver(this, false);\n    off(this._root || this, \"click\", this);\n    off(this, EVENTS2, this);\n    this._root = null;\n  }\n  handleEvent(event) {\n    if (event.defaultPrevented) return;\n    if (event.type === \"click\") onClick2(this, event);\n    if (event.type === \"focusin\") onFocusIn2(this, event);\n    if (event.type === \"focusout\") onFocusOut2(this);\n    if (event.type === \"input\") onInputOptionClick(this, event);\n    if (event.type === \"keydown\") onKeyDown2(this, event);\n    if (event.type === \"mutation\") render(this, event);\n  }\n  get items() {\n    return this.querySelectorAll(\"data\");\n  }\n  get control() {\n    return this.querySelector(\"input\");\n  }\n};\nvar dispatchChange = (self, item) => {\n  return self.dispatchEvent(\n    new CustomEvent(\"tags\", {\n      bubbles: true,\n      cancelable: true,\n      detail: { item, action: item.isConnected ? \"remove\" : \"add\" }\n    })\n  );\n};\nvar render = (self, event) => {\n  var _a2, _b, _c, _d, _e;\n  const texts = self._texts;\n  const change = Number.isNaN(self._focusIndex) ? null : event == null ? void 0 : event.detail[0];\n  const changeItem = (change == null ? void 0 : change.addedNodes[0]) || (change == null ? void 0 : change.removedNodes[0]);\n  const changeText = `${changeItem ? `${changeItem.isConnected ? texts.added : texts.removed} ${changeItem.textContent}, ` : \"\"}`;\n  const label = ((_c = (_b = (_a2 = self.control) == null ? void 0 : _a2.labels) == null ? void 0 : _b[0]) == null ? void 0 : _c.textContent) || \"\";\n  const values = [];\n  attr(self, \"role\", \"group\");\n  attr(self, \"aria-label\", label);\n  self.items.forEach((item, index, { length }) => {\n    const label2 = `${changeText}${item.textContent}, ${texts.remove}, ${index + 1} ${texts.of} ${length}`;\n    attr(item, \"aria-label\", label2);\n    attr(item, \"role\", \"button\");\n    item.tabIndex = -1;\n    item.value = (item.value || item.textContent || \"\").trim();\n    values.push(item.value);\n  });\n  const control = self.control;\n  const controlLabel = `${changeText}${label}, ${values.length ? texts.found.replace(\"%d\", `${values.length}`) : texts.empty}`;\n  const list = control && document.getElementById(attr(control, \"list\") || \"\");\n  const options = list == null ? void 0 : list.children;\n  if (control) attr(control, \"aria-label\", controlLabel);\n  if (list) attr(list, SAFE_MULTISELECTABLE, \"true\");\n  for (const option of options || [])\n    option.selected = values.includes(getDatalistValue(option));\n  if (changeText) {\n    const nextFocus = self.items[(self._focusIndex || 1) - 1] || control;\n    const sameFocus = nextFocus === ((_d = getRoot(self)) == null ? void 0 : _d.activeElement);\n    const tmpFocus = options || self.items;\n    self._blurAnnounceReset = false;\n    if (nextFocus === control) {\n      if (sameFocus) {\n        if (IS_MOBILE && LIVE2) LIVE2.textContent = changeText;\n        else (_e = tmpFocus[0]) == null ? void 0 : _e.focus();\n      }\n      setTimeout(() => nextFocus == null ? void 0 : nextFocus.focus(), 100);\n    } else nextFocus == null ? void 0 : nextFocus.focus();\n    setTimeout(() => {\n      if (!IS_FIREFOX_MAC) return render(self);\n      self._blurAnnounceReset = true;\n    }, 500);\n  }\n};\nvar onFocusIn2 = (self, { target }) => {\n  clearTimeout(self._blurTimer);\n  self._focusIndex = [...self.items].indexOf(target);\n};\nvar onFocusOut2 = (self) => {\n  if (self._blurAnnounceReset) render(self);\n  self._blurTimer = setTimeout(() => {\n    self._focusIndex = null;\n  });\n};\nvar onClick2 = (self, { target, clientX: x, clientY: y }) => {\n  var _a2;\n  const items = self.contains(target) ? [...self.items] : null;\n  const itemRemove = items == null ? void 0 : items.find((item) => item.contains(target));\n  const itemClicked = items == null ? void 0 : items.find((item) => {\n    const { top, right, bottom, left } = item.getBoundingClientRect();\n    return y >= top && y <= bottom && x >= left && x <= right;\n  });\n  if (itemRemove) dispatchChange(self, itemRemove) && itemRemove.remove();\n  else if (itemClicked) itemClicked.focus();\n  else if (target === self) (_a2 = self.control) == null ? void 0 : _a2.focus();\n};\nvar onInputOptionClick = (self, event) => {\n  var _a2;\n  const input = event.target;\n  if (!isDatalistClick(event) || !(input == null ? void 0 : input.value.trim())) return;\n  const value = getDatalistValue(input);\n  const items = [...self.items];\n  const options = [...((_a2 = input == null ? void 0 : input.list) == null ? void 0 : _a2.children) || []];\n  const optionClicked = options.find((opt) => getDatalistValue(opt) === value);\n  const itemRemove = items.find((item) => item.value === value);\n  const itemAdd = createElement(\"data\", (optionClicked == null ? void 0 : optionClicked.text) || value, {\n    value\n  });\n  input.value = \"\";\n  if (!dispatchChange(self, itemRemove || itemAdd)) return;\n  if (itemRemove) return itemRemove.remove();\n  if (!items[0]) return self.prepend(itemAdd);\n  items[items.length - 1].insertAdjacentElement(\"afterend\", itemAdd);\n};\nvar onKeyDown2 = (self, event) => {\n  var _a2, _b;\n  const { key, repeat, target } = event;\n  const input = self.control === target ? self.control : null;\n  const isCaretInside = input == null ? void 0 : input.selectionEnd;\n  let index = input ? self.items.length : (_a2 = self._focusIndex) != null ? _a2 : -1;\n  if (index === -1 || !input && asButton(event)) return;\n  if (key === \"ArrowRight\" && !input) index += 1;\n  else if (key === \"ArrowLeft\" && !isCaretInside) index -= 1;\n  else if (key === \"Enter\" && input) {\n    event.preventDefault();\n    return input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n  } else if ((key === \"Backspace\" || key === \"Delete\") && !isCaretInside) {\n    const remove = !repeat && self.items[index];\n    event.preventDefault();\n    if (remove) return dispatchChange(self, remove) && remove.remove();\n    if (input) index -= 1;\n  } else return;\n  event.preventDefault();\n  (_b = self.items[Math.max(0, index)] || self.control) == null ? void 0 : _b.focus();\n};\ncustomElements.define(\"u-tags\", UHTMLTagsElement);\n\nexport { UHTMLTagsElement };\n"],"names":["__defProp","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","IS_BROWSER","IS_ANDROID","IS_FIREFOX","IS_IOS","IS_SAFARI","_a","IS_MAC","SAFE_LABELLEDBY","SAFE_MULTISELECTABLE","DISPLAY_BLOCK","FOCUS_OUTLINE","UHTMLElement","attr","el","name","_a2","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","root","id","useId","tagName","text","attrs","val","customElements","instance","createAriaLive","mode","live","attributeTexts","texts","key2","DISABLED","SELECTED","UHTMLOptionElement","IS_PRESS","LIVE_TIMER","LIVE_SR_FIX","LIVE","IS_SAFARI_MAC","EVENTS","TEXTS","UHTMLDataListElement","disconnectInput","_prev","next","inputs","input","setupInput","onClick","onFocusIn","onFocusOut","onKeyDown","setupOptions","self","target","isInput","setExpanded","_b","_c","_d","_e","isSingle","option","opt","isInteractiveOption","active","getVisibleOptions","index","open","sanitize","str","hidden","isTyping","isDatalistClick","content","visible","length","liveSrFix","countText","SPLIT_CHAR","FIREFOX_OPTION_CLICK","getDatalistValue","ignored","LIVE2","IS_MOBILE","IS_FIREFOX_MAC","EVENTS2","TEXTS2","UHTMLTagsElement","render","onClick2","onFocusIn2","onFocusOut2","onInputOptionClick","onKeyDown2","dispatchChange","item","change","changeItem","changeText","label","values","label2","control","controlLabel","list","nextFocus","sameFocus","tmpFocus","x","y","items","itemRemove","itemClicked","top","right","bottom","left","optionClicked","itemAdd","repeat","isCaretInside","remove"],"mappings":"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","x_google_ignoreList":[0]}

package/mtds/field/field-helper.d.ts

@@ -0,0 +1 @@
+export declare const fieldDatalist: (event: Event) => void;

package/mtds/field/field-observer.d.ts

@@ -1,2 +1 @@
-export declare function observe(el: Element): void;
-export declare function unobserve(el: Element): void;
+export {};

package/mtds/field/field-observer.js

@@ -1,58 +1,49 @@
-import { UHTMLDataListElement as T } from "../external/@u-elements/u-datalist/dist/u-datalist.js";
-import g from "../styles.module.css.js";
-import { onMutation as p, on as u, QUICK_EVENT as y, isInputLike as v, attr as a, off as m, useId as d } from "../utils.js";
-const c = g.field.split(" ")[0], b = "--mtds-text-count-over", C = "--mtds-text-count-under", h = g.validation.split(" "), _ = h[0];
-function A(t) {
+import { UHTMLDataListElement as I } from "../external/@u-elements/u-datalist/dist/u-datalist.js";
+import u from "../styles.module.css.js";
+import { IS_BROWSER as L, onMutation as T, on as f, QUICK_EVENT as C, isInputLike as m, attr as a, useId as d } from "../utils.js";
+const g = u.field.split(" ")[0], P = "--mtds-text-count-over", b = "--mtds-text-count-under", p = u.validation.split(" "), _ = p[0];
+function x(t) {
   for (const e of t) {
-    const s = [], r = [];
-    let n = null, i = null, l = !0;
+    const l = [], n = [];
+    let s = null, r = null, i = !0;
     for (const o of e.getElementsByTagName("*"))
-      o instanceof HTMLLabelElement ? s.push(o) : o instanceof T ? i = o : v(o) ? n = o : o.classList.contains(_) ? (l = a(o, "data-color") === "success", r.unshift(d(o))) : o instanceof HTMLParagraphElement && r.push(d(o));
-    if (n) {
-      for (const o of s) o.htmlFor = d(n);
-      D(n, i), x(n), P(n), a(n, "aria-describedby", r.join(" ")), a(n, "aria-invalid", `${!l}`);
+      o instanceof HTMLLabelElement ? l.push(o) : o instanceof I ? r = o : m(o) ? s = o : o.classList.contains(_) ? (i = a(o, "data-color") === "success", n.unshift(d(o))) : o instanceof HTMLParagraphElement && n.push(d(o));
+    if (s) {
+      for (const o of l) o.htmlFor = d(s);
+      R(s, r), v(s), h(s), a(s, "aria-describedby", n.join(" ")), a(s, "aria-invalid", `${!i}`);
     }
   }
 }
-function P(t) {
+function h(t) {
   t instanceof HTMLTextAreaElement && (t.style.setProperty("--mtds-textarea-height", "auto"), t.style.setProperty("--mtds-textarea-height", `${t.scrollHeight}px`));
 }
-function D(t, e) {
+function R(t, e) {
   if (a(t, "list", e ? d(e) : null), !e) return;
   t.hasAttribute("placeholder") || a(t, "placeholder", "");
-  const s = window.getComputedStyle(e), r = t.closest("u-tags");
-  a(e, "data-sr-plural", s.getPropertyValue("--mtds-text-datalist-plural")), a(e, "data-sr-singular", s.getPropertyValue("--mtds-text-datalist-singular")), r && (a(r, "data-sr-added", s.getPropertyValue("--mtds-text-tags-added")), a(r, "data-sr-empty", s.getPropertyValue("--mtds-text-tags-empty")), a(r, "data-sr-found", s.getPropertyValue("--mtds-text-tags-found")), a(r, "data-sr-of", s.getPropertyValue("--mtds-text-tags-of")), a(r, "data-sr-remove", s.getPropertyValue("--mtds-text-tags-remove")), a(r, "data-sr-removed", s.getPropertyValue("--mtds-text-tags-removed")));
-}
-function x(t) {
-  var r, n;
-  const e = t == null ? void 0 : t.nextElementSibling, s = e && a(e, "data-count");
-  if (e && s) {
-    const i = Number(s) - t.value.length, l = i < 0, o = a(e, "aria-live") === "polite", f = window.getComputedStyle(e || t), E = ((r = f.getPropertyValue(b)) == null ? void 0 : r.slice(1, -1)) || "", I = ((n = f.getPropertyValue(C)) == null ? void 0 : n.slice(1, -1)) || "";
-    if (o !== l) {
-      a(e, "aria-live", l ? "polite" : "off");
-      for (const L of h) e.classList.toggle(L, l);
+  const l = window.getComputedStyle(e), n = t.closest("u-tags"), s = (r) => l.getPropertyValue(`--mtds-text-${r}`);
+  a(e, "data-sr-plural", s("datalist-plural")), a(e, "data-sr-singular", s("datalist-singular")), n && (a(n, "data-sr-added", s("tags-added")), a(n, "data-sr-empty", s("tags-empty")), a(n, "data-sr-found", s("tags-found")), a(n, "data-sr-of", s("tags-of")), a(n, "data-sr-remove", s("tags-remove")), a(n, "data-sr-removed", s("tags-removed")));
+}
+function v(t) {
+  var n, s;
+  const e = t == null ? void 0 : t.nextElementSibling, l = e && a(e, "data-count");
+  if (e && l) {
+    const r = Number(l) - t.value.length, i = r < 0, o = a(e, "aria-live") === "polite", c = window.getComputedStyle(e || t), S = ((n = c.getPropertyValue(P)) == null ? void 0 : n.slice(1, -1)) || "", y = ((s = c.getPropertyValue(b)) == null ? void 0 : s.slice(1, -1)) || "";
+    if (o !== i) {
+      a(e, "aria-live", i ? "polite" : "off");
+      for (const E of p) e.classList.toggle(E, i);
     }
-    e.textContent = (l ? E : I).replace(
+    e.textContent = (i ? S : y).replace(
       "%d",
-      `${Math.abs(i)}`
+      `${Math.abs(r)}`
     );
   }
 }
-function S({ target: t }) {
-  v(t) && (x(t), P(t));
-}
-function V(t) {
-  var e, s;
-  (s = (e = t.target) == null ? void 0 : e.closest) != null && s.call(e, `.${c}`) && t.preventDefault();
-}
-function H(t) {
-  p(t, c, A), u(t, "input", S, y), u(t, "invalid", V, !0);
+function A({ target: t }) {
+  m(t) && (v(t), h(t));
 }
-function O(t) {
-  p(t, c, !1), m(t, "input", S, y), m(t, "invalid", V, !0);
+function D(t) {
+  var e, l;
+  (l = (e = t.target) == null ? void 0 : e.closest) != null && l.call(e, `.${g}`) && t.preventDefault();
 }
-export {
-  H as observe,
-  O as unobserve
-};
+L && (T(document.documentElement, g, x), f(document, "input", A, C), f(document, "invalid", D, !0));
 //# sourceMappingURL=field-observer.js.map

package/mtds/field/field-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-observer.js","sources":["../../designsystem/field/field-observer.ts"],"sourcesContent":["import { UHTMLDataListElement } from \"@u-elements/u-datalist\";\nimport styles from \"../styles.module.css\";\nimport {\n  QUICK_EVENT,\n  attr,\n  isInputLike,\n  off,\n  on,\n  onMutation,\n  useId,\n} from \"../utils\";\n\nconst CSS_FIELD = styles.field.split(\" \")[0];\nconst CSS_PROPERTY_OVER = \"--mtds-text-count-over\";\nconst CSS_PROPERTY_UNDER = \"--mtds-text-count-under\";\nconst CSS_VALIDATIONS = styles.validation.split(\" \");\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for (const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let datalist: UHTMLDataListElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName(\"*\")) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (el instanceof UHTMLDataListElement) datalist = el;\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) {\n        // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = attr(el, \"data-color\") === \"success\";\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) {\n      for (const label of labels) label.htmlFor = useId(input);\n      renderDatalist(input, datalist);\n      renderCounter(input);\n      renderTextareaSize(input);\n      attr(input, \"aria-describedby\", descs.join(\" \"));\n      attr(input, \"aria-invalid\", `${!valid}`);\n    }\n  }\n}\n\n// iOS does not support field-sizing: content, so we need to manually resize\nfunction renderTextareaSize(textarea: Element) {\n  if (textarea instanceof HTMLTextAreaElement) {\n    textarea.style.setProperty('--mtds-textarea-height', 'auto');\n    textarea.style.setProperty('--mtds-textarea-height', `${textarea.scrollHeight}px`);\n  }\n}\n\nfunction renderDatalist(\n  input: HTMLInputElement,\n  list?: UHTMLDataListElement | null\n) {\n  attr(input, \"list\", list ? useId(list) : null);\n\n  if (!list) return;\n  if (!input.hasAttribute(\"placeholder\")) attr(input, \"placeholder\", \"\"); // Needed to render dropdown chevron when <datalist> is present\n\n  const style = window.getComputedStyle(list);\n  const tags = input.closest('u-tags');\n\n  attr(list, \"data-sr-plural\", style.getPropertyValue(\"--mtds-text-datalist-plural\"));\n  attr(list, \"data-sr-singular\", style.getPropertyValue(\"--mtds-text-datalist-singular\"));\n\n  if (tags) {\n    attr(tags,'data-sr-added', style.getPropertyValue(\"--mtds-text-tags-added\"));\n    attr(tags,'data-sr-empty', style.getPropertyValue(\"--mtds-text-tags-empty\"));\n    attr(tags,'data-sr-found', style.getPropertyValue(\"--mtds-text-tags-found\"));\n    attr(tags,'data-sr-of', style.getPropertyValue(\"--mtds-text-tags-of\"));\n    attr(tags,'data-sr-remove', style.getPropertyValue(\"--mtds-text-tags-remove\"));\n    attr(tags,'data-sr-removed', style.getPropertyValue(\"--mtds-text-tags-removed\"));\n  }\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el && attr(el, \"data-count\");\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = attr(el, \"aria-live\") === \"polite\";\n    const style = window.getComputedStyle(el || input);\n    const over = style.getPropertyValue(CSS_PROPERTY_OVER)?.slice(1, -1) || \"\"; // slice to trim quotes\n    const under =\n      style.getPropertyValue(CSS_PROPERTY_UNDER)?.slice(1, -1) || \"\"; // slice to trim quotes\n\n    if (prevInvalid !== nextInvalid) {\n      attr(el, \"aria-live\", nextInvalid ? \"polite\" : \"off\");\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = (nextInvalid ? over : under).replace(\n      \"%d\",\n      `${Math.abs(remainder)}`\n    );\n  }\n}\n\n// Update when typing\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) {\n    renderCounter(target);\n    renderTextareaSize(target);\n  }\n}\n\n// Prevent browsers from showing default validation bubbles\nfunction handleInvalid(event: Event) {\n  if ((event.target as Element)?.closest?.(`.${CSS_FIELD}`))\n    event.preventDefault();\n}\n\nexport function observe(el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, \"input\", handleInput, QUICK_EVENT);\n  on(el, \"invalid\", handleInvalid, true); // Use capture as invalid does noe buttle\n}\n\nexport function unobserve(el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, \"input\", handleInput, QUICK_EVENT);\n  off(el, \"invalid\", handleInvalid, true);\n}\n"],"names":["CSS_FIELD","styles","CSS_PROPERTY_OVER","CSS_PROPERTY_UNDER","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","datalist","valid","el","UHTMLDataListElement","isInputLike","attr","useId","label","renderDatalist","renderCounter","renderTextareaSize","textarea","list","style","tags","limit","remainder","nextInvalid","prevInvalid","over","_a","under","_b","css","handleInput","target","handleInvalid","event","observe","onMutation","on","QUICK_EVENT","unobserve","off"],"mappings":"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"}
+{"version":3,"file":"field-observer.js","sources":["../../designsystem/field/field-observer.ts"],"sourcesContent":["import { UHTMLDataListElement } from \"@u-elements/u-datalist\";\nimport styles from \"../styles.module.css\";\nimport {\n  IS_BROWSER,\n  QUICK_EVENT,\n  attr,\n  isInputLike,\n  on,\n  onMutation,\n  useId,\n} from \"../utils\";\n\nconst CSS_FIELD = styles.field.split(\" \")[0];\nconst CSS_PROPERTY_OVER = \"--mtds-text-count-over\";\nconst CSS_PROPERTY_UNDER = \"--mtds-text-count-under\";\nconst CSS_VALIDATIONS = styles.validation.split(\" \");\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for (const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let datalist: UHTMLDataListElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName(\"*\")) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (el instanceof UHTMLDataListElement) datalist = el;\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) {\n        // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = attr(el, \"data-color\") === \"success\";\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) {\n      for (const label of labels) label.htmlFor = useId(input);\n      renderDatalist(input, datalist);\n      renderCounter(input);\n      renderTextareaSize(input);\n      attr(input, \"aria-describedby\", descs.join(\" \"));\n      attr(input, \"aria-invalid\", `${!valid}`);\n    }\n  }\n}\n\n// iOS does not support field-sizing: content, so we need to manually resize\nfunction renderTextareaSize(textarea: Element) {\n  if (textarea instanceof HTMLTextAreaElement) {\n    textarea.style.setProperty('--mtds-textarea-height', 'auto');\n    textarea.style.setProperty('--mtds-textarea-height', `${textarea.scrollHeight}px`);\n  }\n}\n\nfunction renderDatalist(\n  input: HTMLInputElement,\n  list?: UHTMLDataListElement | null\n) {\n  attr(input, \"list\", list ? useId(list) : null);\n\n  if (!list) return;\n  if (!input.hasAttribute(\"placeholder\")) attr(input, \"placeholder\", \"\"); // Needed to render dropdown chevron when <datalist> is present\n\n  // Setup translations from CSS custom properties\n  const style = window.getComputedStyle(list);\n  const tags = input.closest('u-tags');\n  const i11n = (key: string) => style.getPropertyValue(`--mtds-text-${key}`);\n\n  attr(list, \"data-sr-plural\", i11n(\"datalist-plural\"));\n  attr(list, \"data-sr-singular\", i11n(\"datalist-singular\"));\n\n  if (tags) {\n    attr(tags,'data-sr-added', i11n(\"tags-added\"));\n    attr(tags,'data-sr-empty', i11n(\"tags-empty\"));\n    attr(tags,'data-sr-found', i11n(\"tags-found\"));\n    attr(tags,'data-sr-of', i11n(\"tags-of\"));\n    attr(tags,'data-sr-remove', i11n(\"tags-remove\"));\n    attr(tags,'data-sr-removed', i11n(\"tags-removed\"));\n  }\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el && attr(el, \"data-count\");\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = attr(el, \"aria-live\") === \"polite\";\n    const style = window.getComputedStyle(el || input);\n    const over = style.getPropertyValue(CSS_PROPERTY_OVER)?.slice(1, -1) || \"\"; // slice to trim quotes\n    const under =\n      style.getPropertyValue(CSS_PROPERTY_UNDER)?.slice(1, -1) || \"\"; // slice to trim quotes\n\n    if (prevInvalid !== nextInvalid) {\n      attr(el, \"aria-live\", nextInvalid ? \"polite\" : \"off\");\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = (nextInvalid ? over : under).replace(\n      \"%d\",\n      `${Math.abs(remainder)}`\n    );\n  }\n}\n\n// Update when typing\nfunction handleInput({target}: Event) {\n  if (isInputLike(target)) {\n    renderCounter(target);\n    renderTextareaSize(target);\n\n    // const input = event.target;\n    // const list = input.list;\n    // if (list) {\n    //   console.log('etterpå');\n    //   if (isDatalistClick(event)) return; // User clicked option element\n    //   if (attr(list, 'data-filter') === 'false') syncDatalistState(input); // Allow custom filtering\n    // }\n  }\n}\n\n// Prevent browsers from showing default validation bubbles\nfunction handleInvalid(event: Event) {\n  if ((event.target as Element)?.closest?.(`.${CSS_FIELD}`))\n    event.preventDefault();\n}\n\nif (IS_BROWSER) {\n  onMutation(document.documentElement, CSS_FIELD, renderAria);\n  on(document, \"input\", handleInput, QUICK_EVENT);\n  on(document, \"invalid\", handleInvalid, true); // Use capture as invalid does noe buttle\n}"],"names":["CSS_FIELD","styles","CSS_PROPERTY_OVER","CSS_PROPERTY_UNDER","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","datalist","valid","el","UHTMLDataListElement","isInputLike","attr","useId","label","renderDatalist","renderCounter","renderTextareaSize","textarea","list","style","tags","i11n","key","limit","remainder","nextInvalid","prevInvalid","over","_a","under","_b","css","handleInput","target","handleInvalid","event","IS_BROWSER","onMutation","on","QUICK_EVENT"],"mappings":"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"}

package/mtds/field/field.d.ts

@@ -1,3 +1,4 @@
+import { ReactUtags, UHTMLTagsElement } from '@u-elements/u-tags';
 import { JSX } from 'react';
 import { InputProps } from '../input/input';
 import { PolymorphicComponentPropWithRef } from '../react-types';
@@ -14,7 +15,13 @@ type FieldBaseProps = InputProps & {
 export type FieldProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, FieldBaseProps>;
 type FieldComponent = <As extends React.ElementType = "div">(props: FieldProps<As>) => JSX.Element;
 export declare const FieldComp: FieldComponent;
+export type FieldDatalistProps = React.ComponentPropsWithoutRef<"datalist">;
+export type FieldOptionProps = React.ComponentPropsWithoutRef<"option">;
+export type FieldTagsProps = ReactUtags;
 export declare const Field: FieldComponent & {
     Affixes: React.ForwardRefExoticComponent<Omit<FieldProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Datalist: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, "ref"> & React.RefAttributes<HTMLDataListElement>>;
+    Tags: React.ForwardRefExoticComponent<Omit<ReactUtags, "ref"> & React.RefAttributes<UHTMLTagsElement>>;
+    Option: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & React.RefAttributes<HTMLOptionElement>>;
 };
 export {};

package/mtds/field/field.js

@@ -1,45 +1,60 @@
 import { jsx as i, jsxs as v } from "react/jsx-runtime";
-import { clsx as x } from "../external/clsx/dist/clsx.js";
-import { forwardRef as F } from "react";
-import a from "../styles.module.css.js";
-const z = F(function({
-  "data-size": n,
+import { clsx as g } from "../external/clsx/dist/clsx.js";
+import { forwardRef as a } from "react";
+import e from "../styles.module.css.js";
+const j = a(function({
+  "data-size": t,
   as: s,
-  className: d,
-  count: l,
-  description: o,
-  error: e,
+  className: n,
+  count: r,
+  description: f,
+  error: d,
   label: m,
-  prefix: t,
-  style: j,
-  suffix: c,
-  ...r
-}, f) {
-  const A = s || "div", p = {
-    "data-size": n,
-    className: x(a.field, d),
-    style: j
-  }, g = !!c || !!t, h = /* @__PURE__ */ i(A, { className: a.input, "aria-invalid": !!e, ref: f, ...r });
-  return s ? /* @__PURE__ */ v("div", { ...p, children: [
+  prefix: c,
+  style: N,
+  suffix: o,
+  ...p
+}, u) {
+  const O = s || "div", F = {
+    "data-size": t,
+    className: g(e.field, n),
+    style: N
+  }, T = !!o || !!c, h = /* @__PURE__ */ i(O, { className: e.input, "aria-invalid": !!d, ref: u, ...p });
+  return s ? /* @__PURE__ */ v("div", { ...F, children: [
     !!m && /* @__PURE__ */ i("label", { children: m }),
-    !!o && /* @__PURE__ */ i("p", { children: o }),
-    g ? /* @__PURE__ */ v(u, { children: [
-      !!t && /* @__PURE__ */ i("span", { children: t }),
+    !!f && /* @__PURE__ */ i("p", { children: f }),
+    T ? /* @__PURE__ */ v(x, { children: [
+      !!c && /* @__PURE__ */ i("span", { children: c }),
       h,
-      !!c && /* @__PURE__ */ i("span", { children: c })
+      !!o && /* @__PURE__ */ i("span", { children: o })
     ] }) : h,
-    !!e && /* @__PURE__ */ i("div", { className: a.validation, children: e }),
-    !!l && /* @__PURE__ */ i("p", { "data-count": l })
-  ] }) : /* @__PURE__ */ i("div", { ref: f, ...p, ...r });
-}), u = F(
-  function({ className: n, ...s }, d) {
-    return /* @__PURE__ */ i("div", { className: x(a.affixes, n), ref: d, ...s });
+    !!d && /* @__PURE__ */ i("div", { className: e.validation, children: d }),
+    !!r && /* @__PURE__ */ i("p", { "data-count": r })
+  ] }) : /* @__PURE__ */ i("div", { ref: u, ...F, ...p });
+}), x = a(
+  function({ className: t, ...s }, n) {
+    return /* @__PURE__ */ i("div", { className: g(e.affixes, t), ref: n, ...s });
   }
-), O = Object.assign(z, {
-  Affixes: u
+), A = a(
+  function({ className: t, ...s }, n) {
+    return /* @__PURE__ */ i("u-datalist", { class: t, ref: n, ...s });
+  }
+), D = a(
+  function({ className: t, ...s }, n) {
+    return /* @__PURE__ */ i("u-option", { class: t, ref: n, ...s });
+  }
+), z = a(
+  function({ className: t, ...s }, n) {
+    return /* @__PURE__ */ i("u-tags", { class: t, ref: n, ...s });
+  }
+), R = Object.assign(j, {
+  Affixes: x,
+  Datalist: A,
+  Tags: z,
+  Option: D
 });
 export {
-  O as Field,
-  z as FieldComp
+  R as Field,
+  j as FieldComp
 };
 //# sourceMappingURL=field.js.map

package/mtds/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport type { InputProps } from \"../input/input\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype FieldBaseProps = InputProps & {\n\tclassName?: InputProps[\"className\"];\n\tstyle?: InputProps[\"style\"];\n\tlabel?: React.ReactNode;\n\tdescription?: React.ReactNode;\n\tprefix?: string;\n\tsuffix?: string;\n\terror?: React.ReactNode;\n\tcount?: number;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\tlabel,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\tconst affixes = !!suffix || !!prefix;\n\tconst input = (\n\t\t<Tag className={styles.input} aria-invalid={!!error} ref={ref} {...rest} />\n\t);\n\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <label>{label}</label>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t{input}\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\tinput\n\t\t\t)}\n\t\t\t{!!error && <div className={styles.validation}>{error}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n});\n"],"names":["FieldComp","forwardRef","size","as","className","count","description","error","label","prefix","style","suffix","rest","ref","Tag","shared","clsx","styles","affixes","input","jsx","jsxs","FieldAffixes","Field"],"mappings":";;;;AA2Ba,MAAAA,IAA4BC,EAAiB,SAGzD;AAAA,EACC,aAAaC;AAAA,EACb,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACJ,GACAC,GACC;AACD,QAAMC,IAAMX,KAAM,OACZY,IAAS;AAAA,IACd,aAAab;AAAA,IACb,WAAWc,EAAKC,EAAO,OAAOb,CAAS;AAAA,IACvC,OAAAM;AAAA,EACD,GACMQ,IAAU,CAAC,CAACP,KAAU,CAAC,CAACF,GACxBU,IACL,gBAAAC,EAACN,GAAI,EAAA,WAAWG,EAAO,OAAO,gBAAc,CAAC,CAACV,GAAO,KAAAM,GAAW,GAAGD,EAAM,CAAA;AAG1E,SAAOT,IACN,gBAAAkB,EAAC,OAAK,EAAA,GAAGN,GACP,UAAA;AAAA,IAAA,CAAC,CAACP,KAAU,gBAAAY,EAAA,SAAA,EAAO,UAAMZ,GAAA;AAAA,IACzB,CAAC,CAACF,KAAe,gBAAAc,EAAC,OAAG,UAAYd,GAAA;AAAA,IACjCY,sBACCI,GACC,EAAA,UAAA;AAAA,MAAA,CAAC,CAACb,KAAW,gBAAAW,EAAA,QAAA,EAAM,UAAOX,GAAA;AAAA,MAC1BU;AAAA,MACA,CAAC,CAACR,KAAU,gBAAAS,EAAC,UAAM,UAAOT,EAAA,CAAA;AAAA,IAAA,EAAA,CAC5B,IAEAQ;AAAA,IAEA,CAAC,CAACZ,KAAS,gBAAAa,EAAC,SAAI,WAAWH,EAAO,YAAa,UAAMV,GAAA;AAAA,IACrD,CAAC,CAACF,KAAU,gBAAAe,EAAA,KAAA,EAAE,cAAYf,EAAO,CAAA;AAAA,EAAA,GACnC,IAEC,gBAAAe,EAAA,OAAA,EAAI,KAAAP,GAAW,GAAGE,GAAS,GAAGH,GAAM;AAEvC,CAAC,GAEKU,IAAerB;AAAA,EACpB,SAAsB,EAAE,WAAAG,GAAW,GAAGQ,EAAA,GAAQC,GAAK;AAEjD,WAAA,gBAAAO,EAAC,OAAI,EAAA,WAAWJ,EAAKC,EAAO,SAASb,CAAS,GAAG,KAAAS,GAAW,GAAGD,EAAM,CAAA;AAAA,EAAA;AAGxE,GAEaW,IAAQ,OAAO,OAAOvB,GAAW;AAAA,EAC7C,SAASsB;AACV,CAAC;"}
+{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import type { ReactUtags, UHTMLTagsElement } from \"@u-elements/u-tags\";\nimport clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport type { InputProps } from \"../input/input\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype FieldBaseProps = InputProps & {\n\tclassName?: InputProps[\"className\"];\n\tstyle?: InputProps[\"style\"];\n\tlabel?: React.ReactNode;\n\tdescription?: React.ReactNode;\n\tprefix?: string;\n\tsuffix?: string;\n\terror?: React.ReactNode;\n\tcount?: number;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\tlabel,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\tconst affixes = !!suffix || !!prefix;\n\tconst input = (\n\t\t<Tag className={styles.input} aria-invalid={!!error} ref={ref} {...rest} />\n\t);\n\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <label>{label}</label>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t{input}\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\tinput\n\t\t\t)}\n\t\t\t{!!error && <div className={styles.validation}>{error}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\">;\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist({ className, ...rest }, ref) {\n\t\treturn <u-datalist class={className} ref={ref} {...rest} />;\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\n\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption({ className, ...rest }, ref) {\n\t\treturn <u-option class={className} ref={ref} {...rest} />;\n\t},\n);\n\nexport type FieldTagsProps = ReactUtags;\n\nconst FieldTags = forwardRef<UHTMLTagsElement, FieldTagsProps>(\n\tfunction FieldTags({ className, ...rest }, ref) {\n\t\treturn <u-tags class={className} ref={ref} {...rest} />;\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tDatalist: FieldDatalist,\n\tTags: FieldTags,\n\tOption: FieldOption,\n});\n"],"names":["FieldComp","forwardRef","size","as","className","count","description","error","label","prefix","style","suffix","rest","ref","Tag","shared","clsx","styles","affixes","input","jsx","jsxs","FieldAffixes","FieldDatalist","FieldOption","FieldTags","Field"],"mappings":";;;;AA4Ba,MAAAA,IAA4BC,EAAiB,SAGzD;AAAA,EACC,aAAaC;AAAA,EACb,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACJ,GACAC,GACC;AACD,QAAMC,IAAMX,KAAM,OACZY,IAAS;AAAA,IACd,aAAab;AAAA,IACb,WAAWc,EAAKC,EAAO,OAAOb,CAAS;AAAA,IACvC,OAAAM;AAAA,EACD,GACMQ,IAAU,CAAC,CAACP,KAAU,CAAC,CAACF,GACxBU,IACL,gBAAAC,EAACN,GAAI,EAAA,WAAWG,EAAO,OAAO,gBAAc,CAAC,CAACV,GAAO,KAAAM,GAAW,GAAGD,EAAM,CAAA;AAG1E,SAAOT,IACN,gBAAAkB,EAAC,OAAK,EAAA,GAAGN,GACP,UAAA;AAAA,IAAA,CAAC,CAACP,KAAU,gBAAAY,EAAA,SAAA,EAAO,UAAMZ,GAAA;AAAA,IACzB,CAAC,CAACF,KAAe,gBAAAc,EAAC,OAAG,UAAYd,GAAA;AAAA,IACjCY,sBACCI,GACC,EAAA,UAAA;AAAA,MAAA,CAAC,CAACb,KAAW,gBAAAW,EAAA,QAAA,EAAM,UAAOX,GAAA;AAAA,MAC1BU;AAAA,MACA,CAAC,CAACR,KAAU,gBAAAS,EAAC,UAAM,UAAOT,EAAA,CAAA;AAAA,IAAA,EAAA,CAC5B,IAEAQ;AAAA,IAEA,CAAC,CAACZ,KAAS,gBAAAa,EAAC,SAAI,WAAWH,EAAO,YAAa,UAAMV,GAAA;AAAA,IACrD,CAAC,CAACF,KAAU,gBAAAe,EAAA,KAAA,EAAE,cAAYf,EAAO,CAAA;AAAA,EAAA,GACnC,IAEC,gBAAAe,EAAA,OAAA,EAAI,KAAAP,GAAW,GAAGE,GAAS,GAAGH,GAAM;AAEvC,CAAC,GAEKU,IAAerB;AAAA,EACpB,SAAsB,EAAE,WAAAG,GAAW,GAAGQ,EAAA,GAAQC,GAAK;AAEjD,WAAA,gBAAAO,EAAC,OAAI,EAAA,WAAWJ,EAAKC,EAAO,SAASb,CAAS,GAAG,KAAAS,GAAW,GAAGD,EAAM,CAAA;AAAA,EAAA;AAGxE,GAIMW,IAAgBtB;AAAA,EACrB,SAAuB,EAAE,WAAAG,GAAW,GAAGQ,EAAA,GAAQC,GAAK;AACnD,6BAAQ,cAAW,EAAA,OAAOT,GAAW,KAAAS,GAAW,GAAGD,GAAM;AAAA,EAAA;AAE3D,GAIMY,IAAcvB;AAAA,EACnB,SAAqB,EAAE,WAAAG,GAAW,GAAGQ,EAAA,GAAQC,GAAK;AACjD,6BAAQ,YAAS,EAAA,OAAOT,GAAW,KAAAS,GAAW,GAAGD,GAAM;AAAA,EAAA;AAEzD,GAIMa,IAAYxB;AAAA,EACjB,SAAmB,EAAE,WAAAG,GAAW,GAAGQ,EAAA,GAAQC,GAAK;AAC/C,6BAAQ,UAAO,EAAA,OAAOT,GAAW,KAAAS,GAAW,GAAGD,GAAM;AAAA,EAAA;AAEvD,GAEac,IAAQ,OAAO,OAAO1B,GAAW;AAAA,EAC7C,SAASsB;AAAA,EACT,UAAUC;AAAA,EACV,MAAME;AAAA,EACN,QAAQD;AACT,CAAC;"}

package/mtds/field/field.stories.d.ts

@@ -14,5 +14,7 @@ export declare const Toggles: Story;
 export declare const WithValidation: Story;
 export declare const WithAffixes: Story;
 export declare const WithCharacterCount: Story;
-export declare const WithSuggestion: Story;
-export declare const WithMultiSuggestion: Story;
+export declare const WithDatalist: Story;
+export declare const WithTags: Story;
+export declare const ReactWithDatalist: Story;
+export declare const ReactWithTags: Story;

package/mtds/fieldset/fieldset-observer.d.ts

@@ -1,2 +1 @@
-export declare const observe: (el: Element) => void;
-export declare const unobserve: (el: Element) => void;
+export {};

package/mtds/fieldset/fieldset-observer.js

@@ -1,19 +1,15 @@
-import e from "../styles.module.css.js";
-import { onMutation as a, useId as r, attr as n, isInputLike as c } from "../utils.js";
-const l = e.fieldset.split(" ")[0], d = e.validation.split(" ")[0];
-function u(o) {
-  for (const f of o) {
-    const i = [];
-    let s = null;
-    for (const t of f.getElementsByTagName("*"))
-      t.classList.contains(d) ? s = r(t) : c(t) && i.push(t);
-    for (const t of i)
-      n(t, "aria-describedby", s), n(t, "aria-invalid", `${!!s}`);
+import s from "../styles.module.css.js";
+import { IS_BROWSER as l, onMutation as f, useId as c, attr as o, isInputLike as d } from "../utils.js";
+const r = s.fieldset.split(" ")[0], u = s.validation.split(" ")[0];
+function m(e) {
+  for (const a of e) {
+    const n = [];
+    let i = null;
+    for (const t of a.getElementsByTagName("*"))
+      t.classList.contains(u) ? i = c(t) : d(t) && n.push(t);
+    for (const t of n)
+      o(t, "aria-describedby", i), o(t, "aria-invalid", `${!!i}`);
   }
 }
-const I = (o) => a(o, l, u), v = (o) => a(o, l, !1);
-export {
-  I as observe,
-  v as unobserve
-};
+l && f(document.documentElement, r, m);
 //# sourceMappingURL=fieldset-observer.js.map

package/mtds/fieldset/fieldset-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-observer.js","sources":["../../designsystem/fieldset/fieldset-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, isInputLike, onMutation, useId } from \"../utils\";\nconst CSS_FIELDSET = styles.fieldset.split(\" \")[0];\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nfunction handleMutation(fieldsets: HTMLCollectionOf<Element>) {\n  for (const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId: string | null = null;\n\n    for (const el of fieldset.getElementsByTagName(\"*\")) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    for (const input of inputs) {\n      attr(input, \"aria-describedby\", validationId);\n      attr(input, \"aria-invalid\", `${!!validationId}`);\n    }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, handleMutation);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n"],"names":["CSS_FIELDSET","styles","CSS_VALIDATION","handleMutation","fieldsets","fieldset","inputs","validationId","el","useId","isInputLike","input","attr","observe","onMutation","unobserve"],"mappings":";;AAEA,MAAMA,IAAeC,EAAO,SAAS,MAAM,GAAG,EAAE,CAAC,GAC3CC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAErD,SAASE,EAAeC,GAAsC;AAC5D,aAAWC,KAAYD,GAAW;AAChC,UAAME,IAA6B,CAAC;AACpC,QAAIC,IAA8B;AAElC,eAAWC,KAAMH,EAAS,qBAAqB,GAAG;AAChD,MAAIG,EAAG,UAAU,SAASN,CAAc,IAAGK,IAAeE,EAAMD,CAAE,IACzDE,EAAYF,CAAE,KAAGF,EAAO,KAAKE,CAAE;AAG1C,eAAWG,KAASL;AACb,MAAAM,EAAAD,GAAO,oBAAoBJ,CAAY,GAC5CK,EAAKD,GAAO,gBAAgB,GAAG,CAAC,CAACJ,CAAY,EAAE;AAAA,EACjD;AAEJ;AAEO,MAAMM,IAAU,CAACL,MAAgBM,EAAWN,GAAIR,GAAcG,CAAc,GACtEY,IAAY,CAACP,MAAgBM,EAAWN,GAAIR,GAAc,EAAK;"}
+{"version":3,"file":"fieldset-observer.js","sources":["../../designsystem/fieldset/fieldset-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { IS_BROWSER, attr, isInputLike, onMutation, useId } from \"../utils\";\n\nconst CSS_FIELDSET = styles.fieldset.split(\" \")[0];\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nfunction handleMutation(fieldsets: HTMLCollectionOf<Element>) {\n  for (const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId: string | null = null;\n\n    for (const el of fieldset.getElementsByTagName(\"*\")) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    for (const input of inputs) {\n      attr(input, \"aria-describedby\", validationId);\n      attr(input, \"aria-invalid\", `${!!validationId}`);\n    }\n  }\n}\n\nif (IS_BROWSER) {\n  onMutation(document.documentElement, CSS_FIELDSET, handleMutation);\n}"],"names":["CSS_FIELDSET","styles","CSS_VALIDATION","handleMutation","fieldsets","fieldset","inputs","validationId","el","useId","isInputLike","input","attr","IS_BROWSER","onMutation"],"mappings":";;AAGA,MAAMA,IAAeC,EAAO,SAAS,MAAM,GAAG,EAAE,CAAC,GAC3CC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAErD,SAASE,EAAeC,GAAsC;AAC5D,aAAWC,KAAYD,GAAW;AAChC,UAAME,IAA6B,CAAC;AACpC,QAAIC,IAA8B;AAElC,eAAWC,KAAMH,EAAS,qBAAqB,GAAG;AAChD,MAAIG,EAAG,UAAU,SAASN,CAAc,IAAGK,IAAeE,EAAMD,CAAE,IACzDE,EAAYF,CAAE,KAAGF,EAAO,KAAKE,CAAE;AAG1C,eAAWG,KAASL;AACb,MAAAM,EAAAD,GAAO,oBAAoBJ,CAAY,GAC5CK,EAAKD,GAAO,gBAAgB,GAAG,CAAC,CAACJ,CAAY,EAAE;AAAA,EACjD;AAEJ;AAEIM,KACSC,EAAA,SAAS,iBAAiBd,GAAcG,CAAc;"}

package/mtds/index.d.ts

@@ -1,3 +1,6 @@
+export type { UHTMLTabsElement, UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement } from '@u-elements/u-tabs';
+export type { UHTMLTagsElement } from '@u-elements/u-tags';
+export { pagination } from './pagination/pagination-helper';
 export declare const styles: {
 alert: string;
 avatar: string;
@@ -34,8 +37,5 @@ tag: string;
 validation: string;
 body: string;
 };
-export { pagination } from './pagination/pagination-helper';
 export type Size = "sm" | "md" | "lg";
 export type HeadingSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-export declare function observe(el: Element): void;
-export declare function unobserve(el: Element): void;