@digdir/designsystemet-web 1.13.2 → 1.14.0

package/dist/cjs/_vendors/invokers-polyfill/invoker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"invoker.cjs","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.2_patch_hash=d5677be15320f04cdc552d82cb4a79242bd1cf8b26bcbb0a13e1153e7bed3b5a/node_modules/invokers-polyfill/invoker.js"],"sourcesContent":["export function isSupported() {\n  return (\n    typeof HTMLButtonElement !== \"undefined\" &&\n    \"command\" in HTMLButtonElement.prototype &&\n    \"source\" in ((globalThis.CommandEvent || {}).prototype || {})\n  );\n}\n\nexport function isPolyfilled() {\n  return !/native code/i.test((globalThis.CommandEvent || {}).toString());\n}\n\nexport function apply() {\n  // XXX: Invoker Buttons used to dispatch 'invoke' events instead of\n  // 'command' events. We should ensure to prevent 'invoke' events being\n  // fired in those browsers.\n  // XXX: https://bugs.chromium.org/p/chromium/issues/detail?id=1523183\n  // Chrome will dispatch invoke events even with the flag disabled; so\n  // we need to capture those to prevent duplicate events.\n  document.addEventListener(\n    \"invoke\",\n    (e) => {\n      if (e.type == \"invoke\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n  document.addEventListener(\n    \"command\",\n    (e) => {\n      if (e.type == \"command\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n\n  function enumerate(obj, key, enumerable = true) {\n    Object.defineProperty(obj, key, {\n      ...Object.getOwnPropertyDescriptor(obj, key),\n      enumerable,\n    });\n  }\n\n  function getRootNode(node) {\n    if (node && typeof node.getRootNode === \"function\") {\n      return node.getRootNode();\n    }\n    if (node && node.parentNode) return getRootNode(node.parentNode);\n    return node;\n  }\n\n  const commandEventSourceElements = new WeakMap();\n  const commandEventActions = new WeakMap();\n\n  class CommandEvent extends Event {\n    constructor(type, invokeEventInit = {}) {\n      super(type, invokeEventInit);\n      const { source, command } = invokeEventInit;\n      if (source != null && !(source instanceof Element)) {\n        throw new TypeError(`source must be an element`);\n      }\n      commandEventSourceElements.set(this, source || null);\n      commandEventActions.set(\n        this,\n        command !== undefined ? String(command) : \"\",\n      );\n    }\n\n    get [Symbol.toStringTag]() {\n      return \"CommandEvent\";\n    }\n\n    get source() {\n      if (!commandEventSourceElements.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      const source = commandEventSourceElements.get(this);\n      if (!(source instanceof Element)) return null;\n      const invokerRoot = getRootNode(source);\n      if (invokerRoot !== getRootNode(this.target || document)) {\n        return invokerRoot.host;\n      }\n      return source;\n    }\n\n    get command() {\n      if (!commandEventActions.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      return commandEventActions.get(this);\n    }\n  }\n  enumerate(CommandEvent.prototype, \"source\");\n  enumerate(CommandEvent.prototype, \"command\");\n\n  const invokerAssociatedElements = new WeakMap();\n\n  function applyInvokerMixin(ElementClass) {\n    Object.defineProperties(ElementClass.prototype, {\n      commandForElement: {\n        enumerable: true,\n        configurable: true,\n        set(targetElement) {\n          if (targetElement === null) {\n            this.removeAttribute(\"commandfor\");\n            invokerAssociatedElements.delete(this);\n          } else if (!(targetElement instanceof Element)) {\n            throw new TypeError(`commandForElement must be an element or null`);\n          } else {\n            this.setAttribute(\"commandfor\", \"\");\n            const targetRootNode = getRootNode(targetElement);\n            const thisRootNode = getRootNode(this);\n            if (\n              thisRootNode === targetRootNode ||\n              targetRootNode === this.ownerDocument\n            ) {\n              invokerAssociatedElements.set(this, targetElement);\n            } else {\n              invokerAssociatedElements.delete(this);\n            }\n          }\n        },\n        get() {\n          if (this.localName !== \"button\") {\n            return null;\n          }\n          if (this.disabled) {\n            return null;\n          }\n          if (this.form && this.getAttribute(\"type\") !== \"button\") {\n            console.warn(\n              \"Element with `commandFor` is a form participant. \" +\n                \"It should explicitly set `type=button` in order for `commandFor` to work\",\n            );\n            return null;\n          }\n          const targetElement = invokerAssociatedElements.get(this);\n          if (targetElement) {\n            if (targetElement.isConnected) {\n              return targetElement;\n            } else {\n              invokerAssociatedElements.delete(this);\n              return null;\n            }\n          }\n          const root = getRootNode(this);\n          const idref = this.getAttribute(\"commandfor\");\n          if (\n            (root instanceof Document || root instanceof ShadowRoot) &&\n            idref\n          ) {\n            return root.getElementById(idref) || null;\n          }\n          return null;\n        },\n      },\n      command: {\n        enumerable: true,\n        configurable: true,\n        get() {\n          const value = this.getAttribute(\"command\") || \"\";\n          if (value.startsWith(\"--\")) return value;\n          const valueLower = value.toLowerCase();\n          switch (valueLower) {\n            case \"show-modal\":\n            case \"request-close\":\n            case \"close\":\n            case \"toggle-popover\":\n            case \"hide-popover\":\n            case \"show-popover\":\n              return valueLower;\n          }\n          return \"\";\n        },\n        set(value) {\n          this.setAttribute(\"command\", value);\n        },\n      },\n    });\n  }\n\n  const onHandlers = new WeakMap();\n  Object.defineProperties(HTMLElement.prototype, {\n    oncommand: {\n      enumerable: true,\n      configurable: true,\n      get() {\n        oncommandObserver.takeRecords();\n        return onHandlers.get(this) || null;\n      },\n      set(handler) {\n        const existing = onHandlers.get(this) || null;\n        if (existing) {\n          this.removeEventListener(\"command\", existing);\n        }\n        onHandlers.set(\n          this,\n          typeof handler === \"object\" || typeof handler === \"function\"\n            ? handler\n            : null,\n        );\n        if (typeof handler == \"function\") {\n          this.addEventListener(\"command\", handler);\n        }\n      },\n    },\n  });\n  function applyOnCommandHandler(els) {\n    for (const el of els) {\n      el.oncommand = new Function(\"event\", el.getAttribute(\"oncommand\"));\n    }\n  }\n  const oncommandObserver = new MutationObserver((records) => {\n    for (const record of records) {\n      const { target } = record;\n      if (record.type === \"childList\") {\n        applyOnCommandHandler(target.querySelectorAll(\"[oncommand]\"));\n      } else {\n        applyOnCommandHandler([target]);\n      }\n    }\n  });\n  oncommandObserver.observe(document, {\n    subtree: true,\n    childList: true,\n    attributeFilter: [\"oncommand\"],\n  });\n  applyOnCommandHandler(document.querySelectorAll(\"[oncommand]\"));\n\n  const processedEvents = new WeakSet();\n\n  function handleInvokerActivation(event) {\n    if (processedEvents.has(event)) return;\n\n    processedEvents.add(event);\n\n    if (event.defaultPrevented) return;\n    if (event.type !== \"click\") return;\n    const source = event.composedPath().find((el) => el.matches?.(\"button[commandfor], button[command]\"));\n    if (!source) return;\n\n    if (source.form && source.getAttribute(\"type\") !== \"button\") {\n      event.preventDefault();\n      throw new Error(\n        \"Element with `commandFor` is a form participant. \" +\n          \"It should explicitly set `type=button` in order for `commandFor` to work. \" +\n          \"In order for it to act as a Submit button, it must not have command or commandfor attributes\",\n      );\n    }\n\n    if (source.hasAttribute(\"command\") !== source.hasAttribute(\"commandfor\")) {\n      const attr = source.hasAttribute(\"command\") ? \"command\" : \"commandfor\";\n      const missing = source.hasAttribute(\"command\") ? \"commandfor\" : \"command\";\n      throw new Error(\n        `Element with ${attr} attribute must also have a ${missing} attribute to function.`,\n      );\n    }\n\n    if (\n      source.command !== \"show-popover\" &&\n      source.command !== \"hide-popover\" &&\n      source.command !== \"toggle-popover\" &&\n      source.command !== \"show-modal\" &&\n      source.command !== \"request-close\" &&\n      source.command !== \"close\" &&\n      !source.command.startsWith(\"--\")\n    ) {\n      console.warn(\n        `\"${source.command}\" is not a valid command value. Custom commands must begin with --`,\n      );\n      return;\n    }\n\n    const invokee = source.commandForElement;\n    if (!invokee) return;\n    const invokeEvent = new CommandEvent(\"command\", {\n      command: source.command,\n      source,\n      cancelable: true,\n    });\n    invokee.dispatchEvent(invokeEvent);\n    if (invokeEvent.defaultPrevented) return;\n\n    const command = invokeEvent.command.toLowerCase();\n\n    if (invokee.popover) {\n      const canShow = !invokee.matches(\":popover-open\");\n      const shouldShow =\n        canShow && (command === \"toggle-popover\" || command === \"show-popover\");\n      const shouldHide = !canShow && command === \"hide-popover\";\n\n      if (shouldShow) {\n        invokee.showPopover({ source });\n      } else if (shouldHide) {\n        invokee.hidePopover();\n      }\n    } else if (invokee.localName === \"dialog\") {\n      const canShow = !invokee.hasAttribute(\"open\");\n\n      if (canShow && command == \"show-modal\") {\n        invokee.showModal();\n      } else if (!canShow && command == \"close\") {\n        invokee.close(source.value ? source.value : undefined);\n      } else if (!canShow && command == \"request-close\") {\n        // requestClose is only supported from Safari 18.4, so we polyfill it on older browsers\n        if (!HTMLDialogElement.prototype.requestClose) {\n          HTMLDialogElement.prototype.requestClose = function () {\n            const cancelEvent = new Event(\"cancel\", { cancelable: true });\n            this.dispatchEvent(cancelEvent);\n\n            if (!cancelEvent.defaultPrevented) {\n              this.close();\n            }\n          };\n        }\n\n        invokee.requestClose(source.value ? source.value : undefined);\n      }\n    }\n  }\n\n  function setupInvokeListeners(target) {\n    target.addEventListener(\"click\", handleInvokerActivation, true);\n  }\n\n  function observeShadowRoots(ElementClass, callback) {\n    const attachShadow = ElementClass.prototype.attachShadow;\n    ElementClass.prototype.attachShadow = function (init) {\n      const shadow = attachShadow.call(this, init);\n      callback(shadow);\n      return shadow;\n    };\n    const attachInternals = ElementClass.prototype.attachInternals;\n    ElementClass.prototype.attachInternals = function () {\n      const internals = attachInternals.call(this);\n      if (internals.shadowRoot) callback(internals.shadowRoot);\n      return internals;\n    };\n  }\n\n  applyInvokerMixin(HTMLButtonElement);\n\n  observeShadowRoots(HTMLElement, (shadow) => {\n    setupInvokeListeners(shadow);\n    oncommandObserver.observe(shadow, { attributeFilter: [\"oncommand\"] });\n    applyOnCommandHandler(shadow.querySelectorAll(\"[oncommand]\"));\n  });\n\n  setupInvokeListeners(document);\n\n  Object.assign(globalThis, { CommandEvent });\n}\n"],"x_google_ignoreList":[0],"mappings":"AAAA,SAAgB,GAAc,CAC5B,OACE,OAAO,kBAAsB,KAC7B,YAAa,kBAAkB,WAC/B,YAAc,WAAW,cAAgB,EAAE,EAAE,WAAa,EAAE,EAQhE,SAAgB,GAAQ,CAOtB,SAAS,iBACP,SACC,GAAM,CACD,EAAE,MAAQ,UAAY,EAAE,YAC1B,EAAE,0BAA0B,CAC5B,EAAE,gBAAgB,GAGtB,GACD,CACD,SAAS,iBACP,UACC,GAAM,CACD,EAAE,MAAQ,WAAa,EAAE,YAC3B,EAAE,0BAA0B,CAC5B,EAAE,gBAAgB,GAGtB,GACD,CAED,SAAS,EAAU,EAAK,EAAK,EAAa,GAAM,CAC9C,OAAO,eAAe,EAAK,EAAK,CAC9B,GAAG,OAAO,yBAAyB,EAAK,EAAI,CAC5C,aACD,CAAC,CAGJ,SAAS,EAAY,EAAM,CAKzB,OAJI,GAAQ,OAAO,EAAK,aAAgB,WAC/B,EAAK,aAAa,CAEvB,GAAQ,EAAK,WAAmB,EAAY,EAAK,WAAW,CACzD,EAGT,IAAM,EAA6B,IAAI,QACjC,EAAsB,IAAI,QAEhC,MAAM,UAAqB,KAAM,CAC/B,YAAY,EAAM,EAAkB,EAAE,CAAE,CACtC,MAAM,EAAM,EAAgB,CAC5B,GAAM,CAAE,SAAQ,WAAY,EAC5B,GAAI,GAAU,MAAQ,EAAE,aAAkB,SACxC,MAAU,UAAU,4BAA4B,CAElD,EAA2B,IAAI,KAAM,GAAU,KAAK,CACpD,EAAoB,IAClB,KACA,IAAY,IAAA,GAA8B,GAAlB,OAAO,EAAQ,CACxC,CAGH,IAAK,OAAO,cAAe,CACzB,MAAO,eAGT,IAAI,QAAS,CACX,GAAI,CAAC,EAA2B,IAAI,KAAK,CACvC,MAAU,UAAU,qBAAqB,CAE3C,IAAM,EAAS,EAA2B,IAAI,KAAK,CACnD,GAAI,EAAE,aAAkB,SAAU,OAAO,KACzC,IAAM,EAAc,EAAY,EAAO,CAIvC,OAHI,IAAgB,EAAY,KAAK,QAAU,SAAS,CAGjD,EAFE,EAAY,KAKvB,IAAI,SAAU,CACZ,GAAI,CAAC,EAAoB,IAAI,KAAK,CAChC,MAAU,UAAU,qBAAqB,CAE3C,OAAO,EAAoB,IAAI,KAAK,EAGxC,EAAU,EAAa,UAAW,SAAS,CAC3C,EAAU,EAAa,UAAW,UAAU,CAE5C,IAAM,EAA4B,IAAI,QAEtC,SAAS,EAAkB,EAAc,CACvC,OAAO,iBAAiB,EAAa,UAAW,CAC9C,kBAAmB,CACjB,WAAY,GACZ,aAAc,GACd,IAAI,EAAe,CACjB,GAAI,IAAkB,KACpB,KAAK,gBAAgB,aAAa,CAClC,EAA0B,OAAO,KAAK,SAC3B,aAAyB,QAE/B,CACL,KAAK,aAAa,aAAc,GAAG,CACnC,IAAM,EAAiB,EAAY,EAAc,CAC5B,EAAY,KAAK,GAEnB,GACjB,IAAmB,KAAK,cAExB,EAA0B,IAAI,KAAM,EAAc,CAElD,EAA0B,OAAO,KAAK,MAXxC,MAAU,UAAU,+CAA+C,EAevE,KAAM,CAIJ,GAHI,KAAK,YAAc,UAGnB,KAAK,SACP,OAAO,KAET,GAAI,KAAK,MAAQ,KAAK,aAAa,OAAO,GAAK,SAK7C,OAJA,QAAQ,KACN,4HAED,CACM,KAET,IAAM,EAAgB,EAA0B,IAAI,KAAK,CACzD,GAAI,EAKA,OAJE,EAAc,YACT,GAEP,EAA0B,OAAO,KAAK,CAC/B,MAGX,IAAM,EAAO,EAAY,KAAK,CACxB,EAAQ,KAAK,aAAa,aAAa,CAO7C,OALG,aAAgB,UAAY,aAAgB,aAC7C,GAEO,EAAK,eAAe,EAAM,EAE5B,MAEV,CACD,QAAS,CACP,WAAY,GACZ,aAAc,GACd,KAAM,CACJ,IAAM,EAAQ,KAAK,aAAa,UAAU,EAAI,GAC9C,GAAI,EAAM,WAAW,KAAK,CAAE,OAAO,EACnC,IAAM,EAAa,EAAM,aAAa,CACtC,OAAQ,EAAR,CACE,IAAK,aACL,IAAK,gBACL,IAAK,QACL,IAAK,iBACL,IAAK,eACL,IAAK,eACH,OAAO,EAEX,MAAO,IAET,IAAI,EAAO,CACT,KAAK,aAAa,UAAW,EAAM,EAEtC,CACF,CAAC,CAGJ,IAAM,EAAa,IAAI,QACvB,OAAO,iBAAiB,YAAY,UAAW,CAC7C,UAAW,CACT,WAAY,GACZ,aAAc,GACd,KAAM,CAEJ,OADA,EAAkB,aAAa,CACxB,EAAW,IAAI,KAAK,EAAI,MAEjC,IAAI,EAAS,CACX,IAAM,EAAW,EAAW,IAAI,KAAK,EAAI,KACrC,GACF,KAAK,oBAAoB,UAAW,EAAS,CAE/C,EAAW,IACT,KACA,OAAO,GAAY,UAAY,OAAO,GAAY,WAC9C,EACA,KACL,CACG,OAAO,GAAW,YACpB,KAAK,iBAAiB,UAAW,EAAQ,EAG9C,CACF,CAAC,CACF,SAAS,EAAsB,EAAK,CAClC,IAAK,IAAM,KAAM,EACf,EAAG,UAAgB,SAAS,QAAS,EAAG,aAAa,YAAY,CAAC,CAGtE,IAAM,EAAoB,IAAI,iBAAkB,GAAY,CAC1D,IAAK,IAAM,KAAU,EAAS,CAC5B,GAAM,CAAE,UAAW,EACf,EAAO,OAAS,YAClB,EAAsB,EAAO,iBAAiB,cAAc,CAAC,CAE7D,EAAsB,CAAC,EAAO,CAAC,GAGnC,CACF,EAAkB,QAAQ,SAAU,CAClC,QAAS,GACT,UAAW,GACX,gBAAiB,CAAC,YAAY,CAC/B,CAAC,CACF,EAAsB,SAAS,iBAAiB,cAAc,CAAC,CAE/D,IAAM,EAAkB,IAAI,QAE5B,SAAS,EAAwB,EAAO,CAMtC,GALI,EAAgB,IAAI,EAAM,GAE9B,EAAgB,IAAI,EAAM,CAEtB,EAAM,mBACN,EAAM,OAAS,QAAS,OAC5B,IAAM,EAAS,EAAM,cAAc,CAAC,KAAM,GAAO,EAAG,UAAU,sCAAsC,CAAC,CACrG,GAAI,CAAC,EAAQ,OAEb,GAAI,EAAO,MAAQ,EAAO,aAAa,OAAO,GAAK,SAEjD,MADA,EAAM,gBAAgB,CACZ,MACR,0NAGD,CAGH,GAAI,EAAO,aAAa,UAAU,GAAK,EAAO,aAAa,aAAa,CAAE,CACxE,IAAM,EAAO,EAAO,aAAa,UAAU,CAAG,UAAY,aACpD,EAAU,EAAO,aAAa,UAAU,CAAG,aAAe,UAChE,MAAU,MACR,gBAAgB,EAAK,8BAA8B,EAAQ,yBAC5D,CAGH,GACE,EAAO,UAAY,gBACnB,EAAO,UAAY,gBACnB,EAAO,UAAY,kBACnB,EAAO,UAAY,cACnB,EAAO,UAAY,iBACnB,EAAO,UAAY,SACnB,CAAC,EAAO,QAAQ,WAAW,KAAK,CAChC,CACA,QAAQ,KACN,IAAI,EAAO,QAAQ,oEACpB,CACD,OAGF,IAAM,EAAU,EAAO,kBACvB,GAAI,CAAC,EAAS,OACd,IAAM,EAAc,IAAI,EAAa,UAAW,CAC9C,QAAS,EAAO,QAChB,SACA,WAAY,GACb,CAAC,CAEF,GADA,EAAQ,cAAc,EAAY,CAC9B,EAAY,iBAAkB,OAElC,IAAM,EAAU,EAAY,QAAQ,aAAa,CAEjD,GAAI,EAAQ,QAAS,CACnB,IAAM,EAAU,CAAC,EAAQ,QAAQ,gBAAgB,CAE/C,IAAY,IAAY,kBAAoB,IAAY,gBAIxD,EAAQ,YAAY,CAAE,SAAQ,CAAC,CAHd,CAAC,GAAW,IAAY,gBAKzC,EAAQ,aAAa,SAEd,EAAQ,YAAc,SAAU,CACzC,IAAM,EAAU,CAAC,EAAQ,aAAa,OAAO,CAEzC,GAAW,GAAW,aACxB,EAAQ,WAAW,CACV,CAAC,GAAW,GAAW,QAChC,EAAQ,MAAM,EAAO,MAAQ,EAAO,MAAQ,IAAA,GAAU,CAC7C,CAAC,GAAW,GAAW,kBAE3B,kBAAkB,UAAU,eAC/B,kBAAkB,UAAU,aAAe,UAAY,CACrD,IAAM,EAAc,IAAI,MAAM,SAAU,CAAE,WAAY,GAAM,CAAC,CAC7D,KAAK,cAAc,EAAY,CAE1B,EAAY,kBACf,KAAK,OAAO,GAKlB,EAAQ,aAAa,EAAO,MAAQ,EAAO,MAAQ,IAAA,GAAU,GAKnE,SAAS,EAAqB,EAAQ,CACpC,EAAO,iBAAiB,QAAS,EAAyB,GAAK,CAGjE,SAAS,EAAmB,EAAc,EAAU,CAClD,IAAM,EAAe,EAAa,UAAU,aAC5C,EAAa,UAAU,aAAe,SAAU,EAAM,CACpD,IAAM,EAAS,EAAa,KAAK,KAAM,EAAK,CAE5C,OADA,EAAS,EAAO,CACT,GAET,IAAM,EAAkB,EAAa,UAAU,gBAC/C,EAAa,UAAU,gBAAkB,UAAY,CACnD,IAAM,EAAY,EAAgB,KAAK,KAAK,CAE5C,OADI,EAAU,YAAY,EAAS,EAAU,WAAW,CACjD,GAIX,EAAkB,kBAAkB,CAEpC,EAAmB,YAAc,GAAW,CAC1C,EAAqB,EAAO,CAC5B,EAAkB,QAAQ,EAAQ,CAAE,gBAAiB,CAAC,YAAY,CAAE,CAAC,CACrE,EAAsB,EAAO,iBAAiB,cAAc,CAAC,EAC7D,CAEF,EAAqB,SAAS,CAE9B,OAAO,OAAO,WAAY,CAAE,eAAc,CAAC"}
+{"version":3,"file":"invoker.cjs","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.3/node_modules/invokers-polyfill/invoker.js"],"sourcesContent":["export function isSupported() {\n  return (\n    typeof HTMLButtonElement !== \"undefined\" &&\n    \"command\" in HTMLButtonElement.prototype &&\n    \"source\" in ((globalThis.CommandEvent || {}).prototype || {})\n  );\n}\n\nexport function isPolyfilled() {\n  return !/native code/i.test((globalThis.CommandEvent || {}).toString());\n}\n\nexport function apply() {\n  // XXX: Invoker Buttons used to dispatch 'invoke' events instead of\n  // 'command' events. We should ensure to prevent 'invoke' events being\n  // fired in those browsers.\n  // XXX: https://bugs.chromium.org/p/chromium/issues/detail?id=1523183\n  // Chrome will dispatch invoke events even with the flag disabled; so\n  // we need to capture those to prevent duplicate events.\n  document.addEventListener(\n    \"invoke\",\n    (e) => {\n      if (e.type == \"invoke\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n  document.addEventListener(\n    \"command\",\n    (e) => {\n      if (e.type == \"command\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n\n  function enumerate(obj, key, enumerable = true) {\n    Object.defineProperty(obj, key, {\n      ...Object.getOwnPropertyDescriptor(obj, key),\n      enumerable,\n    });\n  }\n\n  function getRootNode(node) {\n    if (node && typeof node.getRootNode === \"function\") {\n      return node.getRootNode();\n    }\n    if (node && node.parentNode) return getRootNode(node.parentNode);\n    return node;\n  }\n\n  const commandEventSourceElements = new WeakMap();\n  const commandEventActions = new WeakMap();\n\n  class CommandEvent extends Event {\n    constructor(type, invokeEventInit = {}) {\n      super(type, invokeEventInit);\n      const { source, command } = invokeEventInit;\n      if (source != null && !(source instanceof Element)) {\n        throw new TypeError(`source must be an element`);\n      }\n      commandEventSourceElements.set(this, source || null);\n      commandEventActions.set(\n        this,\n        command !== undefined ? String(command) : \"\",\n      );\n    }\n\n    get [Symbol.toStringTag]() {\n      return \"CommandEvent\";\n    }\n\n    get source() {\n      if (!commandEventSourceElements.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      const source = commandEventSourceElements.get(this);\n      if (!(source instanceof Element)) return null;\n      const invokerRoot = getRootNode(source);\n      if (invokerRoot !== getRootNode(this.target || document)) {\n        return invokerRoot.host;\n      }\n      return source;\n    }\n\n    get command() {\n      if (!commandEventActions.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      return commandEventActions.get(this);\n    }\n  }\n  enumerate(CommandEvent.prototype, \"source\");\n  enumerate(CommandEvent.prototype, \"command\");\n\n  const invokerAssociatedElements = new WeakMap();\n\n  function applyInvokerMixin(ElementClass) {\n    Object.defineProperties(ElementClass.prototype, {\n      commandForElement: {\n        enumerable: true,\n        configurable: true,\n        set(targetElement) {\n          if (targetElement === null) {\n            this.removeAttribute(\"commandfor\");\n            invokerAssociatedElements.delete(this);\n          } else if (!(targetElement instanceof Element)) {\n            throw new TypeError(`commandForElement must be an element or null`);\n          } else {\n            this.setAttribute(\"commandfor\", \"\");\n            const targetRootNode = getRootNode(targetElement);\n            const thisRootNode = getRootNode(this);\n            if (\n              thisRootNode === targetRootNode ||\n              targetRootNode === this.ownerDocument\n            ) {\n              invokerAssociatedElements.set(this, targetElement);\n            } else {\n              invokerAssociatedElements.delete(this);\n            }\n          }\n        },\n        get() {\n          if (this.localName !== \"button\") {\n            return null;\n          }\n          if (this.disabled) {\n            return null;\n          }\n          if (this.form && this.getAttribute(\"type\") !== \"button\") {\n            console.warn(\n              \"Element with `commandFor` is a form participant. \" +\n                \"It should explicitly set `type=button` in order for `commandFor` to work\",\n            );\n            return null;\n          }\n          const targetElement = invokerAssociatedElements.get(this);\n          if (targetElement) {\n            if (targetElement.isConnected) {\n              return targetElement;\n            } else {\n              invokerAssociatedElements.delete(this);\n              return null;\n            }\n          }\n          const root = getRootNode(this);\n          const idref = this.getAttribute(\"commandfor\");\n          if (\n            (root instanceof Document || root instanceof ShadowRoot) &&\n            idref\n          ) {\n            return root.getElementById(idref) || null;\n          }\n          return null;\n        },\n      },\n      command: {\n        enumerable: true,\n        configurable: true,\n        get() {\n          const value = this.getAttribute(\"command\") || \"\";\n          if (value.startsWith(\"--\")) return value;\n          const valueLower = value.toLowerCase();\n          switch (valueLower) {\n            case \"show-modal\":\n            case \"request-close\":\n            case \"close\":\n            case \"toggle-popover\":\n            case \"hide-popover\":\n            case \"show-popover\":\n              return valueLower;\n          }\n          return \"\";\n        },\n        set(value) {\n          this.setAttribute(\"command\", value);\n        },\n      },\n    });\n  }\n\n  const onHandlers = new WeakMap();\n  Object.defineProperties(HTMLElement.prototype, {\n    oncommand: {\n      enumerable: true,\n      configurable: true,\n      get() {\n        oncommandObserver.takeRecords();\n        return onHandlers.get(this) || null;\n      },\n      set(handler) {\n        const existing = onHandlers.get(this) || null;\n        if (existing) {\n          this.removeEventListener(\"command\", existing);\n        }\n        onHandlers.set(\n          this,\n          typeof handler === \"object\" || typeof handler === \"function\"\n            ? handler\n            : null,\n        );\n        if (typeof handler == \"function\") {\n          this.addEventListener(\"command\", handler);\n        }\n      },\n    },\n  });\n  function applyOnCommandHandler(els) {\n    for (const el of els) {\n      el.oncommand = new Function(\"event\", el.getAttribute(\"oncommand\"));\n    }\n  }\n  const oncommandObserver = new MutationObserver((records) => {\n    for (const record of records) {\n      const { target } = record;\n      if (record.type === \"childList\") {\n        applyOnCommandHandler(target.querySelectorAll(\"[oncommand]\"));\n      } else {\n        applyOnCommandHandler([target]);\n      }\n    }\n  });\n  oncommandObserver.observe(document, {\n    subtree: true,\n    childList: true,\n    attributeFilter: [\"oncommand\"],\n  });\n  applyOnCommandHandler(document.querySelectorAll(\"[oncommand]\"));\n\n  const processedEvents = new WeakSet();\n\n  function handleInvokerActivation(event) {\n    if (processedEvents.has(event)) return;\n\n    processedEvents.add(event);\n\n    if (event.defaultPrevented) return;\n    if (event.type !== \"click\") return;\n    const source = event.composedPath().find((el) => el.matches?.(\"button[commandfor], button[command]\"));\n    if (!source) return;\n\n    if (source.form && source.getAttribute(\"type\") !== \"button\") {\n      event.preventDefault();\n      throw new Error(\n        \"Element with `commandFor` is a form participant. \" +\n          \"It should explicitly set `type=button` in order for `commandFor` to work. \" +\n          \"In order for it to act as a Submit button, it must not have command or commandfor attributes\",\n      );\n    }\n\n    if (source.hasAttribute(\"command\") !== source.hasAttribute(\"commandfor\")) {\n      const attr = source.hasAttribute(\"command\") ? \"command\" : \"commandfor\";\n      const missing = source.hasAttribute(\"command\") ? \"commandfor\" : \"command\";\n      throw new Error(\n        `Element with ${attr} attribute must also have a ${missing} attribute to function.`,\n      );\n    }\n\n    if (\n      source.command !== \"show-popover\" &&\n      source.command !== \"hide-popover\" &&\n      source.command !== \"toggle-popover\" &&\n      source.command !== \"show-modal\" &&\n      source.command !== \"request-close\" &&\n      source.command !== \"close\" &&\n      !source.command.startsWith(\"--\")\n    ) {\n      console.warn(\n        `\"${source.command}\" is not a valid command value. Custom commands must begin with --`,\n      );\n      return;\n    }\n\n    const invokee = source.commandForElement;\n    if (!invokee) return;\n    const invokeEvent = new CommandEvent(\"command\", {\n      command: source.command,\n      source,\n      cancelable: true,\n    });\n    invokee.dispatchEvent(invokeEvent);\n    if (invokeEvent.defaultPrevented) return;\n\n    const command = invokeEvent.command.toLowerCase();\n\n    if (invokee.popover) {\n      const canShow = !invokee.matches(\":popover-open\");\n      const shouldShow =\n        canShow && (command === \"toggle-popover\" || command === \"show-popover\");\n      const shouldHide = !canShow && command === \"hide-popover\";\n\n      if (shouldShow) {\n        invokee.showPopover({ source });\n      } else if (shouldHide) {\n        invokee.hidePopover();\n      }\n    } else if (invokee.localName === \"dialog\") {\n      const canShow = !invokee.hasAttribute(\"open\");\n\n      if (canShow && command == \"show-modal\") {\n        invokee.showModal();\n      } else if (!canShow && command == \"close\") {\n        invokee.close(source.value ? source.value : undefined);\n      } else if (!canShow && command == \"request-close\") {\n        // requestClose is only supported from Safari 18.4, so we polyfill it on older browsers\n        if (!HTMLDialogElement.prototype.requestClose) {\n          HTMLDialogElement.prototype.requestClose = function () {\n            const cancelEvent = new Event(\"cancel\", { cancelable: true });\n            this.dispatchEvent(cancelEvent);\n\n            if (!cancelEvent.defaultPrevented) {\n              this.close();\n            }\n          };\n        }\n\n        invokee.requestClose(source.value ? source.value : undefined);\n      }\n    }\n  }\n\n  function setupInvokeListeners(target) {\n    target.addEventListener(\"click\", handleInvokerActivation, true);\n  }\n\n  function observeShadowRoots(ElementClass, callback) {\n    const attachShadow = ElementClass.prototype.attachShadow;\n    ElementClass.prototype.attachShadow = function (init) {\n      const shadow = attachShadow.call(this, init);\n      callback(shadow);\n      return shadow;\n    };\n    const attachInternals = ElementClass.prototype.attachInternals;\n    ElementClass.prototype.attachInternals = function () {\n      const internals = attachInternals.call(this);\n      if (internals.shadowRoot) callback(internals.shadowRoot);\n      return internals;\n    };\n  }\n\n  applyInvokerMixin(HTMLButtonElement);\n\n  observeShadowRoots(HTMLElement, (shadow) => {\n    setupInvokeListeners(shadow);\n    oncommandObserver.observe(shadow, { attributeFilter: [\"oncommand\"] });\n    applyOnCommandHandler(shadow.querySelectorAll(\"[oncommand]\"));\n  });\n\n  setupInvokeListeners(document);\n\n  Object.assign(globalThis, { CommandEvent });\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/cjs/field/field.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`),t=`aria-describedby`,n=`data-indeterminate`,r=e.isWindows()?800:200,i=new WeakMap,a=new Map,o=new WeakMap,s=(e,t=[])=>{for(let{target:e}of t){let t=e instanceof HTMLFieldSetElement;for(let[n]of a)(t?e.contains(n):n.contains(e))&&c(n)}},c=r=>{let s=[],c=[],l=a.get(r)||[],d,m,h=!1,g=!1;for(let t of r.getElementsByTagName(`*`))if(t instanceof HTMLLabelElement&&s.push(t),!t.hidden)if(p(t))d?e.warn(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,r):d=t;else{let n=t.getAttribute(`data-field`);n===`counter`&&(m=t),n===`validation`?(c.unshift(e.useId(t)),h=!0,g||=f(t)):n&&c.push(e.useId(t))}if(!d)return;m&&i.set(d,m);for(let t of s)e.attr(t,`for`,e.useId(d));let _=r.closest(`fieldset`)?.querySelector(`:scope > [data-field="validation"]`);_&&!_?.hidden&&(h=!0,g||=f(_),c.unshift(e.useId(_)));let v=e.attr(d,n);v&&(d.indeterminate=v===`true`),(d.type===`radio`||d.type===`checkbox`)&&e.attr(r,`data-clickdelegatefor`,e.useId(d));let y=(e.attr(d,t)?.trim().split(/\s+/))?.filter(e=>!l.includes(e))||[];e.attr(d,t,[...c,...y].join(` `)||null),a.set(r,c);let b=o.has(d);h&&!b?(o.set(d,e.attr(d,`aria-invalid`)),e.attr(d,`aria-invalid`,`true`)):!h&&b&&(e.attr(d,`aria-invalid`,o.get(d)),o.delete(d)),u(d)},l={over:`%d tegn for mye`,under:`%d tegn igjen`},u=t=>{let n=t.target||t,r=i.get(n);if(r?.isConnected){let i=(Number(e.attr(r,`data-limit`))||0)-n.value.length,a=i<0?`over`:`under`,o=(e.attrOrCSS(r,`data-${a}`)||l[a])?.replace(`%d`,`${Math.abs(i)}`);e.attr(r,`data-label`,o),e.attr(r,`data-state`,a),e.attr(r,`data-color`,i<0?`danger`:null),t.type===`input`&&o&&d(n,o)}n instanceof HTMLTextAreaElement&&(n.style.setProperty(`--_ds-field-sizing`,`auto`),n.style.setProperty(`--_ds-field-sizing`,`${n.scrollHeight}px`))},d=e.debounce((t,n)=>{document.activeElement===t&&e.announce(n)},r),f=e=>e.getAttribute(`data-color`)!==`success`,p=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var m=class extends e.DSElement{connectedCallback(){a.set(this,[]),c(this)}disconnectedCallback(){a.delete(this)}};e.customElements.define(`ds-field`,m),e.onHotReload(`field`,()=>[e.on(document,`input`,u,e.QUICK_EVENT),e.onMutation(document,s,{attributeFilter:[`data-field`,`data-limit`,`hidden`,`id`,`value`,n],attributes:!0,childList:!0,subtree:!0})]),exports.DSFieldElement=m;
+const e=require(`../utils/utils.cjs`),t=`aria-invalid`,n=`aria-describedby`,r=`data-indeterminate`,i=e.isWindows()?800:200,a=new WeakMap,o=new Map,s=new WeakSet,c=(e,t=[])=>{for(let{target:e}of t){let t=e instanceof HTMLFieldSetElement;for(let[n]of o)(t?e.contains(n):n.contains(e))&&l(n)}},l=i=>{let c=[],l=[],u=o.get(i)||[],f,h,g=!1,_=!1;for(let t of i.getElementsByTagName(`*`))if(t instanceof HTMLLabelElement&&c.push(t),!t.hidden)if(m(t))f?e.warn(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,i):f=t;else{let n=t.getAttribute(`data-field`);n===`counter`&&(h=t),n===`validation`?(l.unshift(e.useId(t)),g=!0,_||=p(t)):n&&l.push(e.useId(t))}if(!f)return;h&&a.set(f,h);for(let t of c)e.attr(t,`for`,e.useId(f));let v=i.closest(`fieldset`)?.querySelector(`:scope > [data-field="validation"]`);v&&!v?.hidden&&(g=!0,_||=p(v),l.unshift(e.useId(v)));let y=e.attr(f,r);y&&(f.indeterminate=y===`true`),(f.type===`radio`||f.type===`checkbox`)&&e.attr(i,`data-clickdelegatefor`,e.useId(f));let b=(e.attr(f,n)?.trim().split(/\s+/))?.filter(e=>!u.includes(e))||[];e.attr(f,n,[...l,...b].join(` `)||null),o.set(i,l);let x=s.has(f);g&&!x&&!f.hasAttribute(t)?(e.attr(f,t,`true`),s.add(f)):!g&&x&&(e.attr(f,t,null),s.delete(f)),d(f)},u={over:`%d tegn for mye`,under:`%d tegn igjen`},d=t=>{let n=t.target||t,r=a.get(n);if(r?.isConnected){let i=(Number(e.attr(r,`data-limit`))||0)-n.value.length,a=i<0?`over`:`under`,o=(e.attrOrCSS(r,`data-${a}`)||u[a])?.replace(`%d`,`${Math.abs(i)}`);e.attr(r,`data-label`,o),e.attr(r,`data-state`,a),e.attr(r,`data-color`,i<0?`danger`:null),t.type===`input`&&o&&f(n,o)}n instanceof HTMLTextAreaElement&&(n.style.setProperty(`--_ds-field-sizing`,`auto`),n.style.setProperty(`--_ds-field-sizing`,`${n.scrollHeight}px`))},f=e.debounce((t,n)=>{document.activeElement===t&&e.announce(n)},i),p=e=>e.getAttribute(`data-color`)!==`success`,m=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var h=class extends e.DSElement{connectedCallback(){o.set(this,[]),l(this)}disconnectedCallback(){o.delete(this)}};e.customElements.define(`ds-field`,h),e.onHotReload(`field`,()=>[e.on(document,`input`,d,e.QUICK_EVENT),e.onMutation(document,c,{attributeFilter:[`data-field`,`data-limit`,`hidden`,`id`,`value`,r],attributes:!0,childList:!0,subtree:!0})]),exports.DSFieldElement=h;
 //# sourceMappingURL=field.cjs.map

package/dist/cjs/field/field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"field.cjs","names":["isWindows","useId","attr","attrOrCSS","debounce","DSElement","customElements","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isWindows,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n  warn,\n} from '../utils/utils';\n\n// TODO: Document that Validation must be hidden with \"hidden\" attribute (or completely removed from DOM), not display: none\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-field': DSFieldElement;\n  }\n}\n\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst COUNTS = new WeakMap<HTMLInputElement, Element>(); // Using WeakMap so removed inputs/counts does not cause memory leaks\nconst FIELDS = new Map<DSFieldElement, string[]>(); // Map of Field and its describedby IDs so we can identify the ones we add/remove\nconst VALIDATIONS = new WeakMap<HTMLInputElement>(); // Used to ensure we only take control of aria-invalid if there current is or has been a validation element\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\n\nconst handleFieldMutations = (_doc: Node, records: MutationRecord[] = []) => {\n  for (const { target } of records) {\n    const isFieldset = target instanceof HTMLFieldSetElement;\n    for (const [field] of FIELDS)\n      if (isFieldset ? target.contains(field) : field.contains(target))\n        handleFieldMutation(field);\n  }\n};\n\nconst handleFieldMutation = (field: DSFieldElement) => {\n  const labels: HTMLLabelElement[] = [];\n  const nextDescs: string[] = []; // Keep track of descriptions we are adding in this mutation\n  const prevDescs = FIELDS.get(field) || []; // Retrieve previously managed IDs for this field\n  let input: HTMLInputElement | undefined;\n  let counter: Element | undefined;\n  let hasValidation = false;\n  let invalid = false;\n\n  for (const el of field.getElementsByTagName('*')) {\n    if (el instanceof HTMLLabelElement) labels.push(el);\n    if ((el as HTMLElement).hidden) continue; // Skip hidden elements except labels\n    if (isInputLike(el)) {\n      if (input) warn(WARNING_MULTIPLE_INPUTS, field);\n      else input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute('data-field'); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalid(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!input) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n  if (counter) COUNTS.set(input, counter);\n  for (const label of labels) attr(label, 'for', useId(input));\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(':scope > [data-field=\"validation\"]');\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalid(fieldsetValidation);\n    nextDescs.unshift(useId(fieldsetValidation));\n  }\n\n  // Add support for data-indeterminate attribute as this normally can only be set by javascript\n  const indeterminate = attr(input, ATTR_INDETERMINATE);\n  if (indeterminate) input.indeterminate = indeterminate === 'true';\n\n  // Expand click area to ds-field if radio/checkbox\n  const isBoolish = input.type === 'radio' || input.type === 'checkbox';\n  if (isBoolish) attr(field, 'data-clickdelegatefor', useId(input));\n\n  // Setup aria-describedby, but repsect existing ids in aria-describedby\n  const describedby = attr(input, ATTR_DESCRIBEDBY)?.trim().split(/\\s+/);\n  const keep = describedby?.filter((id) => !prevDescs.includes(id)) || []; // Find non-ds-field-managed aria-describedby IDs\n  attr(input, ATTR_DESCRIBEDBY, [...nextDescs, ...keep].join(' ') || null);\n  FIELDS.set(field, nextDescs);\n\n  // Only manage aria-invalid when field has validation elements\n  const hadValidation = VALIDATIONS.has(input);\n  if (hasValidation && !hadValidation) {\n    VALIDATIONS.set(input, attr(input, 'aria-invalid')); // Store previous attribute to enable reverting state\n    attr(input, 'aria-invalid', 'true');\n  } else if (!hasValidation && hadValidation) {\n    attr(input, 'aria-invalid', VALIDATIONS.get(input)); // Revert to previous state if validation element was removed\n    VALIDATIONS.delete(input);\n  }\n\n  handleFieldInput(input); // Update counter and textarea sizing\n};\n\n// Used as fallback in tests when CSS is not loaded\nconst TEXTS = {\n  over: '%d tegn for mye',\n  under: '%d tegn igjen',\n};\n\nconst handleFieldInput = (e: Event | Element) => {\n  const input = ((e as Event).target || e) as HTMLInputElement;\n  const counter = COUNTS.get(input);\n\n  if (counter?.isConnected) {\n    const limit = Number(attr(counter, 'data-limit')) || 0;\n    const count = limit - input.value.length;\n    const state = count < 0 ? 'over' : 'under';\n    const label = (\n      attrOrCSS(counter, `data-${state}`) || TEXTS[state]\n    )?.replace('%d', `${Math.abs(count)}`);\n\n    attr(counter, 'data-label', label); // Using attribute to prevent hydation errors, not using aria-label to make axe tests happy\n    attr(counter, 'data-state', state);\n    attr(counter, 'data-color', count < 0 ? 'danger' : null);\n\n    // Only update live region when user is actually typing\n    if ((e as Event).type === 'input' && label)\n      debouncedCounterLiveRegion(input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n  }\n  if (input instanceof HTMLTextAreaElement) {\n    input.style.setProperty('--_ds-field-sizing', 'auto');\n    input.style.setProperty('--_ds-field-sizing', `${input.scrollHeight}px`);\n  }\n};\n\nconst debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  if (document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalid = (el: Element) => el.getAttribute('data-color') !== 'success';\nconst isInputLike = (el: unknown): el is HTMLInputElement =>\n  el instanceof HTMLElement &&\n  'validity' in el && // Adds support for custom elements implemeted with attachInternals()\n  !(el instanceof HTMLButtonElement) && // But skip <button> elements\n  (el as HTMLInputElement).type !== 'hidden'; // And skip input type=\"hidden\"\n\n// Custom element is used to performantly keep track of fields on the page\nexport class DSFieldElement extends DSElement {\n  connectedCallback() {\n    FIELDS.set(this, []); // Register field\n    handleFieldMutation(this); // Initial setup\n  }\n  disconnectedCallback() {\n    FIELDS.delete(this);\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n\nonHotReload('field', () => [\n  on(document, 'input', handleFieldInput, QUICK_EVENT),\n  onMutation(document, handleFieldMutations, {\n    attributeFilter: [\n      'data-field',\n      'data-limit',\n      'hidden', // Needed to check validation visibility\n      'id', // Needed to sync label \"for\" when ID of input/selec/textarea changes\n      'value', // Needed to detect changes in controlled React inputs as they do not trigger input events\n      ATTR_INDETERMINATE,\n    ],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}
+{"version":3,"file":"field.cjs","names":["isWindows","useId","attr","attrOrCSS","debounce","DSElement","customElements","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isWindows,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n  warn,\n} from '../utils/utils';\n\n// TODO: Document that Validation must be hidden with \"hidden\" attribute (or completely removed from DOM), not display: none\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-field': DSFieldElement;\n  }\n}\n\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst COUNTS = new WeakMap<HTMLInputElement, Element>(); // Using WeakMap so removed inputs/counts does not cause memory leaks\nconst FIELDS = new Map<DSFieldElement, string[]>(); // Map of Field and its describedby IDs so we can identify the ones we add/remove\nconst VALIDATIONS = new WeakSet<HTMLInputElement>(); // Used to ensure we only take control of aria-invalid if the current is or has been a validation element\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\n\nconst handleFieldMutations = (_doc: Node, records: MutationRecord[] = []) => {\n  for (const { target } of records) {\n    const isFieldset = target instanceof HTMLFieldSetElement;\n    for (const [field] of FIELDS)\n      if (isFieldset ? target.contains(field) : field.contains(target))\n        handleFieldMutation(field);\n  }\n};\n\nconst handleFieldMutation = (field: DSFieldElement) => {\n  const labels: HTMLLabelElement[] = [];\n  const nextDescs: string[] = []; // Keep track of descriptions we are adding in this mutation\n  const prevDescs = FIELDS.get(field) || []; // Retrieve previously managed IDs for this field\n  let input: HTMLInputElement | undefined;\n  let counter: Element | undefined;\n  let hasValidation = false;\n  let invalid = false;\n\n  for (const el of field.getElementsByTagName('*')) {\n    if (el instanceof HTMLLabelElement) labels.push(el);\n    if ((el as HTMLElement).hidden) continue; // Skip hidden elements except labels\n    if (isInputLike(el)) {\n      if (input) warn(WARNING_MULTIPLE_INPUTS, field);\n      else input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute('data-field'); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalid(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!input) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n  if (counter) COUNTS.set(input, counter);\n  for (const label of labels) attr(label, 'for', useId(input));\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(':scope > [data-field=\"validation\"]');\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalid(fieldsetValidation);\n    nextDescs.unshift(useId(fieldsetValidation));\n  }\n\n  // Add support for data-indeterminate attribute as this normally can only be set by javascript\n  const indeterminate = attr(input, ATTR_INDETERMINATE);\n  if (indeterminate) input.indeterminate = indeterminate === 'true';\n\n  // Expand click area to ds-field if radio/checkbox\n  const isBoolish = input.type === 'radio' || input.type === 'checkbox';\n  if (isBoolish) attr(field, 'data-clickdelegatefor', useId(input));\n\n  // Setup aria-describedby, but repsect existing ids in aria-describedby\n  const describedby = attr(input, ATTR_DESCRIBEDBY)?.trim().split(/\\s+/);\n  const keep = describedby?.filter((id) => !prevDescs.includes(id)) || []; // Find non-ds-field-managed aria-describedby IDs\n  attr(input, ATTR_DESCRIBEDBY, [...nextDescs, ...keep].join(' ') || null);\n  FIELDS.set(field, nextDescs);\n\n  // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n  const hadValidation = VALIDATIONS.has(input);\n  if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n    attr(input, ATTR_INVALID, 'true');\n    VALIDATIONS.add(input);\n  } else if (!hasValidation && hadValidation) {\n    attr(input, ATTR_INVALID, null); // Remove aria-invalid\n    VALIDATIONS.delete(input);\n  }\n\n  handleFieldInput(input); // Update counter and textarea sizing\n};\n\n// Used as fallback in tests when CSS is not loaded\nconst TEXTS = {\n  over: '%d tegn for mye',\n  under: '%d tegn igjen',\n};\n\nconst handleFieldInput = (e: Event | Element) => {\n  const input = ((e as Event).target || e) as HTMLInputElement;\n  const counter = COUNTS.get(input);\n\n  if (counter?.isConnected) {\n    const limit = Number(attr(counter, 'data-limit')) || 0;\n    const count = limit - input.value.length;\n    const state = count < 0 ? 'over' : 'under';\n    const label = (\n      attrOrCSS(counter, `data-${state}`) || TEXTS[state]\n    )?.replace('%d', `${Math.abs(count)}`);\n\n    attr(counter, 'data-label', label); // Using attribute to prevent hydation errors, not using aria-label to make axe tests happy\n    attr(counter, 'data-state', state);\n    attr(counter, 'data-color', count < 0 ? 'danger' : null);\n\n    // Only update live region when user is actually typing\n    if ((e as Event).type === 'input' && label)\n      debouncedCounterLiveRegion(input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n  }\n  if (input instanceof HTMLTextAreaElement) {\n    input.style.setProperty('--_ds-field-sizing', 'auto');\n    input.style.setProperty('--_ds-field-sizing', `${input.scrollHeight}px`);\n  }\n};\n\nconst debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  if (document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalid = (el: Element) => el.getAttribute('data-color') !== 'success';\nconst isInputLike = (el: unknown): el is HTMLInputElement =>\n  el instanceof HTMLElement &&\n  'validity' in el && // Adds support for custom elements implemeted with attachInternals()\n  !(el instanceof HTMLButtonElement) && // But skip <button> elements\n  (el as HTMLInputElement).type !== 'hidden'; // And skip input type=\"hidden\"\n\n// Custom element is used to performantly keep track of fields on the page\nexport class DSFieldElement extends DSElement {\n  connectedCallback() {\n    FIELDS.set(this, []); // Register field\n    handleFieldMutation(this); // Initial setup\n  }\n  disconnectedCallback() {\n    FIELDS.delete(this);\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n\nonHotReload('field', () => [\n  on(document, 'input', handleFieldInput, QUICK_EVENT),\n  onMutation(document, handleFieldMutations, {\n    attributeFilter: [\n      'data-field',\n      'data-limit',\n      'hidden', // Needed to check validation visibility\n      'id', // Needed to sync label \"for\" when ID of input/selec/textarea changes\n      'value', // Needed to detect changes in controlled React inputs as they do not trigger input events\n      ATTR_INDETERMINATE,\n    ],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}

package/dist/cjs/suggestion/suggestion.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/utils.cjs`);let t=require(`@u-elements/u-combobox`);var n=class extends t.UHTMLComboboxElement{_render;_unmutate;connectedCallback(){super.connectedCallback(),this._unmutate=e.onMutation(this,r,{childList:!0}),e.on(this,`toggle`,i,e.QUICK_EVENT)}disconnectedCallback(){super.disconnectedCallback(),this._unmutate?.(),this._unmutate=this._render=void 0,e.off(this,`toggle`,i,e.QUICK_EVENT)}};const r=({control:t,list:n})=>{t&&!t.placeholder&&e.attr(t,`placeholder`,` `),t&&e.attr(t,`popovertarget`,e.useId(n)||null),n&&e.attr(n,`popover`,`manual`)},i=e=>{let t=e.currentTarget,n=e.newState===`open`&&t.control;n&&t.list?.dispatchEvent(new CustomEvent(`ds-toggle-source`,{detail:n}))};e.customElements.define(`ds-suggestion`,n),exports.DSSuggestionElement=n;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/utils.cjs`);let t=require(`@u-elements/u-combobox`);var n=class extends t.UHTMLComboboxElement{_unmutate;connectedCallback(){super.connectedCallback(),this._unmutate=e.onMutation(this,r,{childList:!0}),e.on(this,`toggle`,i,e.QUICK_EVENT)}disconnectedCallback(){super.disconnectedCallback(),this._unmutate?.(),this._unmutate=void 0,e.off(this,`toggle`,i,e.QUICK_EVENT)}};const r=({control:t,list:n})=>{t&&!t.placeholder&&e.attr(t,`placeholder`,` `),t&&e.attr(t,`popovertarget`,e.useId(n)||null),n&&e.attr(n,`popover`,`manual`),n&&e.attr(n,`data-is-floating`,`true`)},i=e=>{let t=e.currentTarget,n=e.newState===`open`&&t.control;n&&t.list?.dispatchEvent(new CustomEvent(`ds-toggle-source`,{detail:n}))};e.customElements.define(`ds-suggestion`,n),exports.DSSuggestionElement=n;
 //# sourceMappingURL=suggestion.cjs.map

package/dist/cjs/suggestion/suggestion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion.cjs","names":["UHTMLComboboxElement","onMutation","QUICK_EVENT","useId","customElements"],"sources":["../../../src/suggestion/suggestion.ts"],"sourcesContent":["import { UHTMLComboboxElement } from '@u-elements/u-combobox';\nimport {\n  attr,\n  customElements,\n  off,\n  on,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-suggestion': DSSuggestionElement;\n  }\n}\n\nexport class DSSuggestionElement extends UHTMLComboboxElement {\n  _render?: () => void;\n  _unmutate?: ReturnType<typeof onMutation>; // Using underscore instead of private fields for backwards compatibility\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._unmutate = onMutation(this, render, { childList: true }); // .control and .list are direct children of the custom element\n    on(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._unmutate?.();\n    this._unmutate = this._render = undefined;\n    off(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n}\n\n// A non-empty placeholder attribute is required to activate the :placeholder-shown pseudo selector used in our chevron styling\nconst render = ({ control, list }: DSSuggestionElement) => {\n  if (control && !control.placeholder) attr(control, 'placeholder', ' '); // .control comes from UHTMLComboboxElement\n  if (control) attr(control, 'popovertarget', useId(list) || null);\n  if (list) attr(list, 'popover', 'manual'); // Ensure popover attribute is set on the list\n};\n\n// Since showPopover({ source }) is not supported in all browsers yet:\nconst polyfillToggleSource = (event: Partial<ToggleEvent>) => {\n  const self = event.currentTarget as DSSuggestionElement;\n  const detail = event.newState === 'open' && self.control; // .control comes from UHTMLComboboxElement\n\n  if (detail)\n    self.list?.dispatchEvent(new CustomEvent('ds-toggle-source', { detail }));\n};\n\ncustomElements.define('ds-suggestion', DSSuggestionElement);\n"],"mappings":"2HAiBA,IAAa,EAAb,cAAyCA,EAAAA,oBAAqB,CAC5D,QACA,UAEA,mBAAoB,CAClB,MAAM,mBAAmB,CACzB,KAAK,UAAYC,EAAAA,WAAW,KAAM,EAAQ,CAAE,UAAW,GAAM,CAAC,CAC9D,EAAA,GAAG,KAAM,SAAU,EAAsBC,EAAAA,YAAY,CAEvD,sBAAuB,CACrB,MAAM,sBAAsB,CAC5B,KAAK,aAAa,CAClB,KAAK,UAAY,KAAK,QAAU,IAAA,GAChC,EAAA,IAAI,KAAM,SAAU,EAAsBA,EAAAA,YAAY,GAK1D,MAAM,GAAU,CAAE,UAAS,UAAgC,CACrD,GAAW,CAAC,EAAQ,aAAa,EAAA,KAAK,EAAS,cAAe,IAAI,CAClE,GAAS,EAAA,KAAK,EAAS,gBAAiBC,EAAAA,MAAM,EAAK,EAAI,KAAK,CAC5D,GAAM,EAAA,KAAK,EAAM,UAAW,SAAS,EAIrC,EAAwB,GAAgC,CAC5D,IAAM,EAAO,EAAM,cACb,EAAS,EAAM,WAAa,QAAU,EAAK,QAE7C,GACF,EAAK,MAAM,cAAc,IAAI,YAAY,mBAAoB,CAAE,SAAQ,CAAC,CAAC,EAG7EC,EAAAA,eAAe,OAAO,gBAAiB,EAAoB"}
+{"version":3,"file":"suggestion.cjs","names":["UHTMLComboboxElement","onMutation","QUICK_EVENT","useId","customElements"],"sources":["../../../src/suggestion/suggestion.ts"],"sourcesContent":["import { UHTMLComboboxElement } from '@u-elements/u-combobox';\nimport {\n  attr,\n  customElements,\n  off,\n  on,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-suggestion': DSSuggestionElement;\n  }\n}\n\nexport class DSSuggestionElement extends UHTMLComboboxElement {\n  _unmutate?: ReturnType<typeof onMutation>; // Using underscore instead of private fields for backwards compatibility\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._unmutate = onMutation(this, render, { childList: true }); // .control and .list are direct children of the custom element\n    on(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._unmutate?.();\n    this._unmutate = undefined;\n    off(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n}\n\n// A non-empty placeholder attribute is required to activate the :placeholder-shown pseudo selector used in our chevron styling\nconst render = ({ control, list }: DSSuggestionElement) => {\n  if (control && !control.placeholder) attr(control, 'placeholder', ' '); // .control comes from UHTMLComboboxElement\n  if (control) attr(control, 'popovertarget', useId(list) || null);\n  if (list) attr(list, 'popover', 'manual'); // Ensure popover attribute is set on the list\n  if (list) attr(list, 'data-is-floating', 'true'); // identifier for css to toggle opacity when it is placed by floating-ui.\n};\n\n// Since showPopover({ source }) is not supported in all browsers yet:\nconst polyfillToggleSource = (event: Partial<ToggleEvent>) => {\n  const self = event.currentTarget as DSSuggestionElement;\n  const detail = event.newState === 'open' && self.control; // .control comes from UHTMLComboboxElement\n\n  if (detail)\n    self.list?.dispatchEvent(new CustomEvent('ds-toggle-source', { detail }));\n};\n\ncustomElements.define('ds-suggestion', DSSuggestionElement);\n"],"mappings":"2HAiBA,IAAa,EAAb,cAAyCA,EAAAA,oBAAqB,CAC5D,UAEA,mBAAoB,CAClB,MAAM,mBAAmB,CACzB,KAAK,UAAYC,EAAAA,WAAW,KAAM,EAAQ,CAAE,UAAW,GAAM,CAAC,CAC9D,EAAA,GAAG,KAAM,SAAU,EAAsBC,EAAAA,YAAY,CAEvD,sBAAuB,CACrB,MAAM,sBAAsB,CAC5B,KAAK,aAAa,CAClB,KAAK,UAAY,IAAA,GACjB,EAAA,IAAI,KAAM,SAAU,EAAsBA,EAAAA,YAAY,GAK1D,MAAM,GAAU,CAAE,UAAS,UAAgC,CACrD,GAAW,CAAC,EAAQ,aAAa,EAAA,KAAK,EAAS,cAAe,IAAI,CAClE,GAAS,EAAA,KAAK,EAAS,gBAAiBC,EAAAA,MAAM,EAAK,EAAI,KAAK,CAC5D,GAAM,EAAA,KAAK,EAAM,UAAW,SAAS,CACrC,GAAM,EAAA,KAAK,EAAM,mBAAoB,OAAO,EAI5C,EAAwB,GAAgC,CAC5D,IAAM,EAAO,EAAM,cACb,EAAS,EAAM,WAAa,QAAU,EAAK,QAE7C,GACF,EAAK,MAAM,cAAc,IAAI,YAAY,mBAAoB,CAAE,SAAQ,CAAC,CAAC,EAG7EC,EAAAA,eAAe,OAAO,gBAAiB,EAAoB"}

package/dist/custom-elements.json

@@ -342,13 +342,6 @@
           "description": "",
           "name": "DSSuggestionElement",
           "members": [
-            {
-              "kind": "field",
-              "name": "_render",
-              "type": {
-                "text": "() => void | undefined"
-              }
-            },
             {
               "kind": "field",
               "name": "_unmutate",

package/dist/esm/_vendors/invokers-polyfill/invoker.js.map

@@ -1 +1 @@
-{"version":3,"file":"invoker.js","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.2_patch_hash=d5677be15320f04cdc552d82cb4a79242bd1cf8b26bcbb0a13e1153e7bed3b5a/node_modules/invokers-polyfill/invoker.js"],"sourcesContent":["export function isSupported() {\n  return (\n    typeof HTMLButtonElement !== \"undefined\" &&\n    \"command\" in HTMLButtonElement.prototype &&\n    \"source\" in ((globalThis.CommandEvent || {}).prototype || {})\n  );\n}\n\nexport function isPolyfilled() {\n  return !/native code/i.test((globalThis.CommandEvent || {}).toString());\n}\n\nexport function apply() {\n  // XXX: Invoker Buttons used to dispatch 'invoke' events instead of\n  // 'command' events. We should ensure to prevent 'invoke' events being\n  // fired in those browsers.\n  // XXX: https://bugs.chromium.org/p/chromium/issues/detail?id=1523183\n  // Chrome will dispatch invoke events even with the flag disabled; so\n  // we need to capture those to prevent duplicate events.\n  document.addEventListener(\n    \"invoke\",\n    (e) => {\n      if (e.type == \"invoke\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n  document.addEventListener(\n    \"command\",\n    (e) => {\n      if (e.type == \"command\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n\n  function enumerate(obj, key, enumerable = true) {\n    Object.defineProperty(obj, key, {\n      ...Object.getOwnPropertyDescriptor(obj, key),\n      enumerable,\n    });\n  }\n\n  function getRootNode(node) {\n    if (node && typeof node.getRootNode === \"function\") {\n      return node.getRootNode();\n    }\n    if (node && node.parentNode) return getRootNode(node.parentNode);\n    return node;\n  }\n\n  const commandEventSourceElements = new WeakMap();\n  const commandEventActions = new WeakMap();\n\n  class CommandEvent extends Event {\n    constructor(type, invokeEventInit = {}) {\n      super(type, invokeEventInit);\n      const { source, command } = invokeEventInit;\n      if (source != null && !(source instanceof Element)) {\n        throw new TypeError(`source must be an element`);\n      }\n      commandEventSourceElements.set(this, source || null);\n      commandEventActions.set(\n        this,\n        command !== undefined ? String(command) : \"\",\n      );\n    }\n\n    get [Symbol.toStringTag]() {\n      return \"CommandEvent\";\n    }\n\n    get source() {\n      if (!commandEventSourceElements.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      const source = commandEventSourceElements.get(this);\n      if (!(source instanceof Element)) return null;\n      const invokerRoot = getRootNode(source);\n      if (invokerRoot !== getRootNode(this.target || document)) {\n        return invokerRoot.host;\n      }\n      return source;\n    }\n\n    get command() {\n      if (!commandEventActions.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      return commandEventActions.get(this);\n    }\n  }\n  enumerate(CommandEvent.prototype, \"source\");\n  enumerate(CommandEvent.prototype, \"command\");\n\n  const invokerAssociatedElements = new WeakMap();\n\n  function applyInvokerMixin(ElementClass) {\n    Object.defineProperties(ElementClass.prototype, {\n      commandForElement: {\n        enumerable: true,\n        configurable: true,\n        set(targetElement) {\n          if (targetElement === null) {\n            this.removeAttribute(\"commandfor\");\n            invokerAssociatedElements.delete(this);\n          } else if (!(targetElement instanceof Element)) {\n            throw new TypeError(`commandForElement must be an element or null`);\n          } else {\n            this.setAttribute(\"commandfor\", \"\");\n            const targetRootNode = getRootNode(targetElement);\n            const thisRootNode = getRootNode(this);\n            if (\n              thisRootNode === targetRootNode ||\n              targetRootNode === this.ownerDocument\n            ) {\n              invokerAssociatedElements.set(this, targetElement);\n            } else {\n              invokerAssociatedElements.delete(this);\n            }\n          }\n        },\n        get() {\n          if (this.localName !== \"button\") {\n            return null;\n          }\n          if (this.disabled) {\n            return null;\n          }\n          if (this.form && this.getAttribute(\"type\") !== \"button\") {\n            console.warn(\n              \"Element with `commandFor` is a form participant. \" +\n                \"It should explicitly set `type=button` in order for `commandFor` to work\",\n            );\n            return null;\n          }\n          const targetElement = invokerAssociatedElements.get(this);\n          if (targetElement) {\n            if (targetElement.isConnected) {\n              return targetElement;\n            } else {\n              invokerAssociatedElements.delete(this);\n              return null;\n            }\n          }\n          const root = getRootNode(this);\n          const idref = this.getAttribute(\"commandfor\");\n          if (\n            (root instanceof Document || root instanceof ShadowRoot) &&\n            idref\n          ) {\n            return root.getElementById(idref) || null;\n          }\n          return null;\n        },\n      },\n      command: {\n        enumerable: true,\n        configurable: true,\n        get() {\n          const value = this.getAttribute(\"command\") || \"\";\n          if (value.startsWith(\"--\")) return value;\n          const valueLower = value.toLowerCase();\n          switch (valueLower) {\n            case \"show-modal\":\n            case \"request-close\":\n            case \"close\":\n            case \"toggle-popover\":\n            case \"hide-popover\":\n            case \"show-popover\":\n              return valueLower;\n          }\n          return \"\";\n        },\n        set(value) {\n          this.setAttribute(\"command\", value);\n        },\n      },\n    });\n  }\n\n  const onHandlers = new WeakMap();\n  Object.defineProperties(HTMLElement.prototype, {\n    oncommand: {\n      enumerable: true,\n      configurable: true,\n      get() {\n        oncommandObserver.takeRecords();\n        return onHandlers.get(this) || null;\n      },\n      set(handler) {\n        const existing = onHandlers.get(this) || null;\n        if (existing) {\n          this.removeEventListener(\"command\", existing);\n        }\n        onHandlers.set(\n          this,\n          typeof handler === \"object\" || typeof handler === \"function\"\n            ? handler\n            : null,\n        );\n        if (typeof handler == \"function\") {\n          this.addEventListener(\"command\", handler);\n        }\n      },\n    },\n  });\n  function applyOnCommandHandler(els) {\n    for (const el of els) {\n      el.oncommand = new Function(\"event\", el.getAttribute(\"oncommand\"));\n    }\n  }\n  const oncommandObserver = new MutationObserver((records) => {\n    for (const record of records) {\n      const { target } = record;\n      if (record.type === \"childList\") {\n        applyOnCommandHandler(target.querySelectorAll(\"[oncommand]\"));\n      } else {\n        applyOnCommandHandler([target]);\n      }\n    }\n  });\n  oncommandObserver.observe(document, {\n    subtree: true,\n    childList: true,\n    attributeFilter: [\"oncommand\"],\n  });\n  applyOnCommandHandler(document.querySelectorAll(\"[oncommand]\"));\n\n  const processedEvents = new WeakSet();\n\n  function handleInvokerActivation(event) {\n    if (processedEvents.has(event)) return;\n\n    processedEvents.add(event);\n\n    if (event.defaultPrevented) return;\n    if (event.type !== \"click\") return;\n    const source = event.composedPath().find((el) => el.matches?.(\"button[commandfor], button[command]\"));\n    if (!source) return;\n\n    if (source.form && source.getAttribute(\"type\") !== \"button\") {\n      event.preventDefault();\n      throw new Error(\n        \"Element with `commandFor` is a form participant. \" +\n          \"It should explicitly set `type=button` in order for `commandFor` to work. \" +\n          \"In order for it to act as a Submit button, it must not have command or commandfor attributes\",\n      );\n    }\n\n    if (source.hasAttribute(\"command\") !== source.hasAttribute(\"commandfor\")) {\n      const attr = source.hasAttribute(\"command\") ? \"command\" : \"commandfor\";\n      const missing = source.hasAttribute(\"command\") ? \"commandfor\" : \"command\";\n      throw new Error(\n        `Element with ${attr} attribute must also have a ${missing} attribute to function.`,\n      );\n    }\n\n    if (\n      source.command !== \"show-popover\" &&\n      source.command !== \"hide-popover\" &&\n      source.command !== \"toggle-popover\" &&\n      source.command !== \"show-modal\" &&\n      source.command !== \"request-close\" &&\n      source.command !== \"close\" &&\n      !source.command.startsWith(\"--\")\n    ) {\n      console.warn(\n        `\"${source.command}\" is not a valid command value. Custom commands must begin with --`,\n      );\n      return;\n    }\n\n    const invokee = source.commandForElement;\n    if (!invokee) return;\n    const invokeEvent = new CommandEvent(\"command\", {\n      command: source.command,\n      source,\n      cancelable: true,\n    });\n    invokee.dispatchEvent(invokeEvent);\n    if (invokeEvent.defaultPrevented) return;\n\n    const command = invokeEvent.command.toLowerCase();\n\n    if (invokee.popover) {\n      const canShow = !invokee.matches(\":popover-open\");\n      const shouldShow =\n        canShow && (command === \"toggle-popover\" || command === \"show-popover\");\n      const shouldHide = !canShow && command === \"hide-popover\";\n\n      if (shouldShow) {\n        invokee.showPopover({ source });\n      } else if (shouldHide) {\n        invokee.hidePopover();\n      }\n    } else if (invokee.localName === \"dialog\") {\n      const canShow = !invokee.hasAttribute(\"open\");\n\n      if (canShow && command == \"show-modal\") {\n        invokee.showModal();\n      } else if (!canShow && command == \"close\") {\n        invokee.close(source.value ? source.value : undefined);\n      } else if (!canShow && command == \"request-close\") {\n        // requestClose is only supported from Safari 18.4, so we polyfill it on older browsers\n        if (!HTMLDialogElement.prototype.requestClose) {\n          HTMLDialogElement.prototype.requestClose = function () {\n            const cancelEvent = new Event(\"cancel\", { cancelable: true });\n            this.dispatchEvent(cancelEvent);\n\n            if (!cancelEvent.defaultPrevented) {\n              this.close();\n            }\n          };\n        }\n\n        invokee.requestClose(source.value ? source.value : undefined);\n      }\n    }\n  }\n\n  function setupInvokeListeners(target) {\n    target.addEventListener(\"click\", handleInvokerActivation, true);\n  }\n\n  function observeShadowRoots(ElementClass, callback) {\n    const attachShadow = ElementClass.prototype.attachShadow;\n    ElementClass.prototype.attachShadow = function (init) {\n      const shadow = attachShadow.call(this, init);\n      callback(shadow);\n      return shadow;\n    };\n    const attachInternals = ElementClass.prototype.attachInternals;\n    ElementClass.prototype.attachInternals = function () {\n      const internals = attachInternals.call(this);\n      if (internals.shadowRoot) callback(internals.shadowRoot);\n      return internals;\n    };\n  }\n\n  applyInvokerMixin(HTMLButtonElement);\n\n  observeShadowRoots(HTMLElement, (shadow) => {\n    setupInvokeListeners(shadow);\n    oncommandObserver.observe(shadow, { attributeFilter: [\"oncommand\"] });\n    applyOnCommandHandler(shadow.querySelectorAll(\"[oncommand]\"));\n  });\n\n  setupInvokeListeners(document);\n\n  Object.assign(globalThis, { CommandEvent });\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"invoker.js","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.3/node_modules/invokers-polyfill/invoker.js"],"sourcesContent":["export function isSupported() {\n  return (\n    typeof HTMLButtonElement !== \"undefined\" &&\n    \"command\" in HTMLButtonElement.prototype &&\n    \"source\" in ((globalThis.CommandEvent || {}).prototype || {})\n  );\n}\n\nexport function isPolyfilled() {\n  return !/native code/i.test((globalThis.CommandEvent || {}).toString());\n}\n\nexport function apply() {\n  // XXX: Invoker Buttons used to dispatch 'invoke' events instead of\n  // 'command' events. We should ensure to prevent 'invoke' events being\n  // fired in those browsers.\n  // XXX: https://bugs.chromium.org/p/chromium/issues/detail?id=1523183\n  // Chrome will dispatch invoke events even with the flag disabled; so\n  // we need to capture those to prevent duplicate events.\n  document.addEventListener(\n    \"invoke\",\n    (e) => {\n      if (e.type == \"invoke\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n  document.addEventListener(\n    \"command\",\n    (e) => {\n      if (e.type == \"command\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n\n  function enumerate(obj, key, enumerable = true) {\n    Object.defineProperty(obj, key, {\n      ...Object.getOwnPropertyDescriptor(obj, key),\n      enumerable,\n    });\n  }\n\n  function getRootNode(node) {\n    if (node && typeof node.getRootNode === \"function\") {\n      return node.getRootNode();\n    }\n    if (node && node.parentNode) return getRootNode(node.parentNode);\n    return node;\n  }\n\n  const commandEventSourceElements = new WeakMap();\n  const commandEventActions = new WeakMap();\n\n  class CommandEvent extends Event {\n    constructor(type, invokeEventInit = {}) {\n      super(type, invokeEventInit);\n      const { source, command } = invokeEventInit;\n      if (source != null && !(source instanceof Element)) {\n        throw new TypeError(`source must be an element`);\n      }\n      commandEventSourceElements.set(this, source || null);\n      commandEventActions.set(\n        this,\n        command !== undefined ? String(command) : \"\",\n      );\n    }\n\n    get [Symbol.toStringTag]() {\n      return \"CommandEvent\";\n    }\n\n    get source() {\n      if (!commandEventSourceElements.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      const source = commandEventSourceElements.get(this);\n      if (!(source instanceof Element)) return null;\n      const invokerRoot = getRootNode(source);\n      if (invokerRoot !== getRootNode(this.target || document)) {\n        return invokerRoot.host;\n      }\n      return source;\n    }\n\n    get command() {\n      if (!commandEventActions.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      return commandEventActions.get(this);\n    }\n  }\n  enumerate(CommandEvent.prototype, \"source\");\n  enumerate(CommandEvent.prototype, \"command\");\n\n  const invokerAssociatedElements = new WeakMap();\n\n  function applyInvokerMixin(ElementClass) {\n    Object.defineProperties(ElementClass.prototype, {\n      commandForElement: {\n        enumerable: true,\n        configurable: true,\n        set(targetElement) {\n          if (targetElement === null) {\n            this.removeAttribute(\"commandfor\");\n            invokerAssociatedElements.delete(this);\n          } else if (!(targetElement instanceof Element)) {\n            throw new TypeError(`commandForElement must be an element or null`);\n          } else {\n            this.setAttribute(\"commandfor\", \"\");\n            const targetRootNode = getRootNode(targetElement);\n            const thisRootNode = getRootNode(this);\n            if (\n              thisRootNode === targetRootNode ||\n              targetRootNode === this.ownerDocument\n            ) {\n              invokerAssociatedElements.set(this, targetElement);\n            } else {\n              invokerAssociatedElements.delete(this);\n            }\n          }\n        },\n        get() {\n          if (this.localName !== \"button\") {\n            return null;\n          }\n          if (this.disabled) {\n            return null;\n          }\n          if (this.form && this.getAttribute(\"type\") !== \"button\") {\n            console.warn(\n              \"Element with `commandFor` is a form participant. \" +\n                \"It should explicitly set `type=button` in order for `commandFor` to work\",\n            );\n            return null;\n          }\n          const targetElement = invokerAssociatedElements.get(this);\n          if (targetElement) {\n            if (targetElement.isConnected) {\n              return targetElement;\n            } else {\n              invokerAssociatedElements.delete(this);\n              return null;\n            }\n          }\n          const root = getRootNode(this);\n          const idref = this.getAttribute(\"commandfor\");\n          if (\n            (root instanceof Document || root instanceof ShadowRoot) &&\n            idref\n          ) {\n            return root.getElementById(idref) || null;\n          }\n          return null;\n        },\n      },\n      command: {\n        enumerable: true,\n        configurable: true,\n        get() {\n          const value = this.getAttribute(\"command\") || \"\";\n          if (value.startsWith(\"--\")) return value;\n          const valueLower = value.toLowerCase();\n          switch (valueLower) {\n            case \"show-modal\":\n            case \"request-close\":\n            case \"close\":\n            case \"toggle-popover\":\n            case \"hide-popover\":\n            case \"show-popover\":\n              return valueLower;\n          }\n          return \"\";\n        },\n        set(value) {\n          this.setAttribute(\"command\", value);\n        },\n      },\n    });\n  }\n\n  const onHandlers = new WeakMap();\n  Object.defineProperties(HTMLElement.prototype, {\n    oncommand: {\n      enumerable: true,\n      configurable: true,\n      get() {\n        oncommandObserver.takeRecords();\n        return onHandlers.get(this) || null;\n      },\n      set(handler) {\n        const existing = onHandlers.get(this) || null;\n        if (existing) {\n          this.removeEventListener(\"command\", existing);\n        }\n        onHandlers.set(\n          this,\n          typeof handler === \"object\" || typeof handler === \"function\"\n            ? handler\n            : null,\n        );\n        if (typeof handler == \"function\") {\n          this.addEventListener(\"command\", handler);\n        }\n      },\n    },\n  });\n  function applyOnCommandHandler(els) {\n    for (const el of els) {\n      el.oncommand = new Function(\"event\", el.getAttribute(\"oncommand\"));\n    }\n  }\n  const oncommandObserver = new MutationObserver((records) => {\n    for (const record of records) {\n      const { target } = record;\n      if (record.type === \"childList\") {\n        applyOnCommandHandler(target.querySelectorAll(\"[oncommand]\"));\n      } else {\n        applyOnCommandHandler([target]);\n      }\n    }\n  });\n  oncommandObserver.observe(document, {\n    subtree: true,\n    childList: true,\n    attributeFilter: [\"oncommand\"],\n  });\n  applyOnCommandHandler(document.querySelectorAll(\"[oncommand]\"));\n\n  const processedEvents = new WeakSet();\n\n  function handleInvokerActivation(event) {\n    if (processedEvents.has(event)) return;\n\n    processedEvents.add(event);\n\n    if (event.defaultPrevented) return;\n    if (event.type !== \"click\") return;\n    const source = event.composedPath().find((el) => el.matches?.(\"button[commandfor], button[command]\"));\n    if (!source) return;\n\n    if (source.form && source.getAttribute(\"type\") !== \"button\") {\n      event.preventDefault();\n      throw new Error(\n        \"Element with `commandFor` is a form participant. \" +\n          \"It should explicitly set `type=button` in order for `commandFor` to work. \" +\n          \"In order for it to act as a Submit button, it must not have command or commandfor attributes\",\n      );\n    }\n\n    if (source.hasAttribute(\"command\") !== source.hasAttribute(\"commandfor\")) {\n      const attr = source.hasAttribute(\"command\") ? \"command\" : \"commandfor\";\n      const missing = source.hasAttribute(\"command\") ? \"commandfor\" : \"command\";\n      throw new Error(\n        `Element with ${attr} attribute must also have a ${missing} attribute to function.`,\n      );\n    }\n\n    if (\n      source.command !== \"show-popover\" &&\n      source.command !== \"hide-popover\" &&\n      source.command !== \"toggle-popover\" &&\n      source.command !== \"show-modal\" &&\n      source.command !== \"request-close\" &&\n      source.command !== \"close\" &&\n      !source.command.startsWith(\"--\")\n    ) {\n      console.warn(\n        `\"${source.command}\" is not a valid command value. Custom commands must begin with --`,\n      );\n      return;\n    }\n\n    const invokee = source.commandForElement;\n    if (!invokee) return;\n    const invokeEvent = new CommandEvent(\"command\", {\n      command: source.command,\n      source,\n      cancelable: true,\n    });\n    invokee.dispatchEvent(invokeEvent);\n    if (invokeEvent.defaultPrevented) return;\n\n    const command = invokeEvent.command.toLowerCase();\n\n    if (invokee.popover) {\n      const canShow = !invokee.matches(\":popover-open\");\n      const shouldShow =\n        canShow && (command === \"toggle-popover\" || command === \"show-popover\");\n      const shouldHide = !canShow && command === \"hide-popover\";\n\n      if (shouldShow) {\n        invokee.showPopover({ source });\n      } else if (shouldHide) {\n        invokee.hidePopover();\n      }\n    } else if (invokee.localName === \"dialog\") {\n      const canShow = !invokee.hasAttribute(\"open\");\n\n      if (canShow && command == \"show-modal\") {\n        invokee.showModal();\n      } else if (!canShow && command == \"close\") {\n        invokee.close(source.value ? source.value : undefined);\n      } else if (!canShow && command == \"request-close\") {\n        // requestClose is only supported from Safari 18.4, so we polyfill it on older browsers\n        if (!HTMLDialogElement.prototype.requestClose) {\n          HTMLDialogElement.prototype.requestClose = function () {\n            const cancelEvent = new Event(\"cancel\", { cancelable: true });\n            this.dispatchEvent(cancelEvent);\n\n            if (!cancelEvent.defaultPrevented) {\n              this.close();\n            }\n          };\n        }\n\n        invokee.requestClose(source.value ? source.value : undefined);\n      }\n    }\n  }\n\n  function setupInvokeListeners(target) {\n    target.addEventListener(\"click\", handleInvokerActivation, true);\n  }\n\n  function observeShadowRoots(ElementClass, callback) {\n    const attachShadow = ElementClass.prototype.attachShadow;\n    ElementClass.prototype.attachShadow = function (init) {\n      const shadow = attachShadow.call(this, init);\n      callback(shadow);\n      return shadow;\n    };\n    const attachInternals = ElementClass.prototype.attachInternals;\n    ElementClass.prototype.attachInternals = function () {\n      const internals = attachInternals.call(this);\n      if (internals.shadowRoot) callback(internals.shadowRoot);\n      return internals;\n    };\n  }\n\n  applyInvokerMixin(HTMLButtonElement);\n\n  observeShadowRoots(HTMLElement, (shadow) => {\n    setupInvokeListeners(shadow);\n    oncommandObserver.observe(shadow, { attributeFilter: [\"oncommand\"] });\n    applyOnCommandHandler(shadow.querySelectorAll(\"[oncommand]\"));\n  });\n\n  setupInvokeListeners(document);\n\n  Object.assign(globalThis, { CommandEvent });\n}\n"],"x_google_ignoreList":[0],"mappings":"AAAA,SAAgB,GAAc,CAC5B,OACE,OAAO,kBAAsB,KAC7B,YAAa,kBAAkB,WAC/B,YAAc,WAAW,cAAgB,EAAE,EAAE,WAAa,EAAE,EAQhE,SAAgB,GAAQ,CAOtB,SAAS,iBACP,SACC,GAAM,CACD,EAAE,MAAQ,UAAY,EAAE,YAC1B,EAAE,0BAA0B,CAC5B,EAAE,gBAAgB,GAGtB,GACD,CACD,SAAS,iBACP,UACC,GAAM,CACD,EAAE,MAAQ,WAAa,EAAE,YAC3B,EAAE,0BAA0B,CAC5B,EAAE,gBAAgB,GAGtB,GACD,CAED,SAAS,EAAU,EAAK,EAAK,EAAa,GAAM,CAC9C,OAAO,eAAe,EAAK,EAAK,CAC9B,GAAG,OAAO,yBAAyB,EAAK,EAAI,CAC5C,aACD,CAAC,CAGJ,SAAS,EAAY,EAAM,CAKzB,OAJI,GAAQ,OAAO,EAAK,aAAgB,WAC/B,EAAK,aAAa,CAEvB,GAAQ,EAAK,WAAmB,EAAY,EAAK,WAAW,CACzD,EAGT,IAAM,EAA6B,IAAI,QACjC,EAAsB,IAAI,QAEhC,MAAM,UAAqB,KAAM,CAC/B,YAAY,EAAM,EAAkB,EAAE,CAAE,CACtC,MAAM,EAAM,EAAgB,CAC5B,GAAM,CAAE,SAAQ,WAAY,EAC5B,GAAI,GAAU,MAAQ,EAAE,aAAkB,SACxC,MAAU,UAAU,4BAA4B,CAElD,EAA2B,IAAI,KAAM,GAAU,KAAK,CACpD,EAAoB,IAClB,KACA,IAAY,IAAA,GAA8B,GAAlB,OAAO,EAAQ,CACxC,CAGH,IAAK,OAAO,cAAe,CACzB,MAAO,eAGT,IAAI,QAAS,CACX,GAAI,CAAC,EAA2B,IAAI,KAAK,CACvC,MAAU,UAAU,qBAAqB,CAE3C,IAAM,EAAS,EAA2B,IAAI,KAAK,CACnD,GAAI,EAAE,aAAkB,SAAU,OAAO,KACzC,IAAM,EAAc,EAAY,EAAO,CAIvC,OAHI,IAAgB,EAAY,KAAK,QAAU,SAAS,CAGjD,EAFE,EAAY,KAKvB,IAAI,SAAU,CACZ,GAAI,CAAC,EAAoB,IAAI,KAAK,CAChC,MAAU,UAAU,qBAAqB,CAE3C,OAAO,EAAoB,IAAI,KAAK,EAGxC,EAAU,EAAa,UAAW,SAAS,CAC3C,EAAU,EAAa,UAAW,UAAU,CAE5C,IAAM,EAA4B,IAAI,QAEtC,SAAS,EAAkB,EAAc,CACvC,OAAO,iBAAiB,EAAa,UAAW,CAC9C,kBAAmB,CACjB,WAAY,GACZ,aAAc,GACd,IAAI,EAAe,CACjB,GAAI,IAAkB,KACpB,KAAK,gBAAgB,aAAa,CAClC,EAA0B,OAAO,KAAK,SAC3B,aAAyB,QAE/B,CACL,KAAK,aAAa,aAAc,GAAG,CACnC,IAAM,EAAiB,EAAY,EAAc,CAC5B,EAAY,KAAK,GAEnB,GACjB,IAAmB,KAAK,cAExB,EAA0B,IAAI,KAAM,EAAc,CAElD,EAA0B,OAAO,KAAK,MAXxC,MAAU,UAAU,+CAA+C,EAevE,KAAM,CAIJ,GAHI,KAAK,YAAc,UAGnB,KAAK,SACP,OAAO,KAET,GAAI,KAAK,MAAQ,KAAK,aAAa,OAAO,GAAK,SAK7C,OAJA,QAAQ,KACN,4HAED,CACM,KAET,IAAM,EAAgB,EAA0B,IAAI,KAAK,CACzD,GAAI,EAKA,OAJE,EAAc,YACT,GAEP,EAA0B,OAAO,KAAK,CAC/B,MAGX,IAAM,EAAO,EAAY,KAAK,CACxB,EAAQ,KAAK,aAAa,aAAa,CAO7C,OALG,aAAgB,UAAY,aAAgB,aAC7C,GAEO,EAAK,eAAe,EAAM,EAE5B,MAEV,CACD,QAAS,CACP,WAAY,GACZ,aAAc,GACd,KAAM,CACJ,IAAM,EAAQ,KAAK,aAAa,UAAU,EAAI,GAC9C,GAAI,EAAM,WAAW,KAAK,CAAE,OAAO,EACnC,IAAM,EAAa,EAAM,aAAa,CACtC,OAAQ,EAAR,CACE,IAAK,aACL,IAAK,gBACL,IAAK,QACL,IAAK,iBACL,IAAK,eACL,IAAK,eACH,OAAO,EAEX,MAAO,IAET,IAAI,EAAO,CACT,KAAK,aAAa,UAAW,EAAM,EAEtC,CACF,CAAC,CAGJ,IAAM,EAAa,IAAI,QACvB,OAAO,iBAAiB,YAAY,UAAW,CAC7C,UAAW,CACT,WAAY,GACZ,aAAc,GACd,KAAM,CAEJ,OADA,EAAkB,aAAa,CACxB,EAAW,IAAI,KAAK,EAAI,MAEjC,IAAI,EAAS,CACX,IAAM,EAAW,EAAW,IAAI,KAAK,EAAI,KACrC,GACF,KAAK,oBAAoB,UAAW,EAAS,CAE/C,EAAW,IACT,KACA,OAAO,GAAY,UAAY,OAAO,GAAY,WAC9C,EACA,KACL,CACG,OAAO,GAAW,YACpB,KAAK,iBAAiB,UAAW,EAAQ,EAG9C,CACF,CAAC,CACF,SAAS,EAAsB,EAAK,CAClC,IAAK,IAAM,KAAM,EACf,EAAG,UAAgB,SAAS,QAAS,EAAG,aAAa,YAAY,CAAC,CAGtE,IAAM,EAAoB,IAAI,iBAAkB,GAAY,CAC1D,IAAK,IAAM,KAAU,EAAS,CAC5B,GAAM,CAAE,UAAW,EACf,EAAO,OAAS,YAClB,EAAsB,EAAO,iBAAiB,cAAc,CAAC,CAE7D,EAAsB,CAAC,EAAO,CAAC,GAGnC,CACF,EAAkB,QAAQ,SAAU,CAClC,QAAS,GACT,UAAW,GACX,gBAAiB,CAAC,YAAY,CAC/B,CAAC,CACF,EAAsB,SAAS,iBAAiB,cAAc,CAAC,CAE/D,IAAM,EAAkB,IAAI,QAE5B,SAAS,EAAwB,EAAO,CAMtC,GALI,EAAgB,IAAI,EAAM,GAE9B,EAAgB,IAAI,EAAM,CAEtB,EAAM,mBACN,EAAM,OAAS,QAAS,OAC5B,IAAM,EAAS,EAAM,cAAc,CAAC,KAAM,GAAO,EAAG,UAAU,sCAAsC,CAAC,CACrG,GAAI,CAAC,EAAQ,OAEb,GAAI,EAAO,MAAQ,EAAO,aAAa,OAAO,GAAK,SAEjD,MADA,EAAM,gBAAgB,CACZ,MACR,0NAGD,CAGH,GAAI,EAAO,aAAa,UAAU,GAAK,EAAO,aAAa,aAAa,CAAE,CACxE,IAAM,EAAO,EAAO,aAAa,UAAU,CAAG,UAAY,aACpD,EAAU,EAAO,aAAa,UAAU,CAAG,aAAe,UAChE,MAAU,MACR,gBAAgB,EAAK,8BAA8B,EAAQ,yBAC5D,CAGH,GACE,EAAO,UAAY,gBACnB,EAAO,UAAY,gBACnB,EAAO,UAAY,kBACnB,EAAO,UAAY,cACnB,EAAO,UAAY,iBACnB,EAAO,UAAY,SACnB,CAAC,EAAO,QAAQ,WAAW,KAAK,CAChC,CACA,QAAQ,KACN,IAAI,EAAO,QAAQ,oEACpB,CACD,OAGF,IAAM,EAAU,EAAO,kBACvB,GAAI,CAAC,EAAS,OACd,IAAM,EAAc,IAAI,EAAa,UAAW,CAC9C,QAAS,EAAO,QAChB,SACA,WAAY,GACb,CAAC,CAEF,GADA,EAAQ,cAAc,EAAY,CAC9B,EAAY,iBAAkB,OAElC,IAAM,EAAU,EAAY,QAAQ,aAAa,CAEjD,GAAI,EAAQ,QAAS,CACnB,IAAM,EAAU,CAAC,EAAQ,QAAQ,gBAAgB,CAE/C,IAAY,IAAY,kBAAoB,IAAY,gBAIxD,EAAQ,YAAY,CAAE,SAAQ,CAAC,CAHd,CAAC,GAAW,IAAY,gBAKzC,EAAQ,aAAa,SAEd,EAAQ,YAAc,SAAU,CACzC,IAAM,EAAU,CAAC,EAAQ,aAAa,OAAO,CAEzC,GAAW,GAAW,aACxB,EAAQ,WAAW,CACV,CAAC,GAAW,GAAW,QAChC,EAAQ,MAAM,EAAO,MAAQ,EAAO,MAAQ,IAAA,GAAU,CAC7C,CAAC,GAAW,GAAW,kBAE3B,kBAAkB,UAAU,eAC/B,kBAAkB,UAAU,aAAe,UAAY,CACrD,IAAM,EAAc,IAAI,MAAM,SAAU,CAAE,WAAY,GAAM,CAAC,CAC7D,KAAK,cAAc,EAAY,CAE1B,EAAY,kBACf,KAAK,OAAO,GAKlB,EAAQ,aAAa,EAAO,MAAQ,EAAO,MAAQ,IAAA,GAAU,GAKnE,SAAS,EAAqB,EAAQ,CACpC,EAAO,iBAAiB,QAAS,EAAyB,GAAK,CAGjE,SAAS,EAAmB,EAAc,EAAU,CAClD,IAAM,EAAe,EAAa,UAAU,aAC5C,EAAa,UAAU,aAAe,SAAU,EAAM,CACpD,IAAM,EAAS,EAAa,KAAK,KAAM,EAAK,CAE5C,OADA,EAAS,EAAO,CACT,GAET,IAAM,EAAkB,EAAa,UAAU,gBAC/C,EAAa,UAAU,gBAAkB,UAAY,CACnD,IAAM,EAAY,EAAgB,KAAK,KAAK,CAE5C,OADI,EAAU,YAAY,EAAS,EAAU,WAAW,CACjD,GAIX,EAAkB,kBAAkB,CAEpC,EAAmB,YAAc,GAAW,CAC1C,EAAqB,EAAO,CAC5B,EAAkB,QAAQ,EAAQ,CAAE,gBAAiB,CAAC,YAAY,CAAE,CAAC,CACrE,EAAsB,EAAO,iBAAiB,cAAc,CAAC,EAC7D,CAEF,EAAqB,SAAS,CAE9B,OAAO,OAAO,WAAY,CAAE,eAAc,CAAC"}

package/dist/esm/field/field.js

@@ -1,2 +1,2 @@
-import{DSElement as e,QUICK_EVENT as t,announce as n,attr as r,attrOrCSS as i,customElements as a,debounce as o,isWindows as s,on as c,onHotReload as l,onMutation as u,useId as d,warn as f}from"../utils/utils.js";const p=`aria-describedby`,m=`data-indeterminate`,h=s()?800:200,g=new WeakMap,_=new Map,v=new WeakMap,y=(e,t=[])=>{for(let{target:e}of t){let t=e instanceof HTMLFieldSetElement;for(let[n]of _)(t?e.contains(n):n.contains(e))&&b(n)}},b=e=>{let t=[],n=[],i=_.get(e)||[],a,o,s=!1,c=!1;for(let r of e.getElementsByTagName(`*`))if(r instanceof HTMLLabelElement&&t.push(r),!r.hidden)if(T(r))a?f(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,e):a=r;else{let e=r.getAttribute(`data-field`);e===`counter`&&(o=r),e===`validation`?(n.unshift(d(r)),s=!0,c||=w(r)):e&&n.push(d(r))}if(!a)return;o&&g.set(a,o);for(let e of t)r(e,`for`,d(a));let l=e.closest(`fieldset`)?.querySelector(`:scope > [data-field="validation"]`);l&&!l?.hidden&&(s=!0,c||=w(l),n.unshift(d(l)));let u=r(a,m);u&&(a.indeterminate=u===`true`),(a.type===`radio`||a.type===`checkbox`)&&r(e,`data-clickdelegatefor`,d(a));let h=(r(a,p)?.trim().split(/\s+/))?.filter(e=>!i.includes(e))||[];r(a,p,[...n,...h].join(` `)||null),_.set(e,n);let y=v.has(a);s&&!y?(v.set(a,r(a,`aria-invalid`)),r(a,`aria-invalid`,`true`)):!s&&y&&(r(a,`aria-invalid`,v.get(a)),v.delete(a)),S(a)},x={over:`%d tegn for mye`,under:`%d tegn igjen`},S=e=>{let t=e.target||e,n=g.get(t);if(n?.isConnected){let a=(Number(r(n,`data-limit`))||0)-t.value.length,o=a<0?`over`:`under`,s=(i(n,`data-${o}`)||x[o])?.replace(`%d`,`${Math.abs(a)}`);r(n,`data-label`,s),r(n,`data-state`,o),r(n,`data-color`,a<0?`danger`:null),e.type===`input`&&s&&C(t,s)}t instanceof HTMLTextAreaElement&&(t.style.setProperty(`--_ds-field-sizing`,`auto`),t.style.setProperty(`--_ds-field-sizing`,`${t.scrollHeight}px`))},C=o((e,t)=>{document.activeElement===e&&n(t)},h),w=e=>e.getAttribute(`data-color`)!==`success`,T=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var E=class extends e{connectedCallback(){_.set(this,[]),b(this)}disconnectedCallback(){_.delete(this)}};a.define(`ds-field`,E),l(`field`,()=>[c(document,`input`,S,t),u(document,y,{attributeFilter:[`data-field`,`data-limit`,`hidden`,`id`,`value`,m],attributes:!0,childList:!0,subtree:!0})]);export{E as DSFieldElement};
+import{DSElement as e,QUICK_EVENT as t,announce as n,attr as r,attrOrCSS as i,customElements as a,debounce as o,isWindows as s,on as c,onHotReload as l,onMutation as u,useId as d,warn as f}from"../utils/utils.js";const p=`aria-invalid`,m=`aria-describedby`,h=`data-indeterminate`,g=s()?800:200,_=new WeakMap,v=new Map,y=new WeakSet,b=(e,t=[])=>{for(let{target:e}of t){let t=e instanceof HTMLFieldSetElement;for(let[n]of v)(t?e.contains(n):n.contains(e))&&x(n)}},x=e=>{let t=[],n=[],i=v.get(e)||[],a,o,s=!1,c=!1;for(let r of e.getElementsByTagName(`*`))if(r instanceof HTMLLabelElement&&t.push(r),!r.hidden)if(E(r))a?f(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,e):a=r;else{let e=r.getAttribute(`data-field`);e===`counter`&&(o=r),e===`validation`?(n.unshift(d(r)),s=!0,c||=T(r)):e&&n.push(d(r))}if(!a)return;o&&_.set(a,o);for(let e of t)r(e,`for`,d(a));let l=e.closest(`fieldset`)?.querySelector(`:scope > [data-field="validation"]`);l&&!l?.hidden&&(s=!0,c||=T(l),n.unshift(d(l)));let u=r(a,h);u&&(a.indeterminate=u===`true`),(a.type===`radio`||a.type===`checkbox`)&&r(e,`data-clickdelegatefor`,d(a));let g=(r(a,m)?.trim().split(/\s+/))?.filter(e=>!i.includes(e))||[];r(a,m,[...n,...g].join(` `)||null),v.set(e,n);let b=y.has(a);s&&!b&&!a.hasAttribute(p)?(r(a,p,`true`),y.add(a)):!s&&b&&(r(a,p,null),y.delete(a)),C(a)},S={over:`%d tegn for mye`,under:`%d tegn igjen`},C=e=>{let t=e.target||e,n=_.get(t);if(n?.isConnected){let a=(Number(r(n,`data-limit`))||0)-t.value.length,o=a<0?`over`:`under`,s=(i(n,`data-${o}`)||S[o])?.replace(`%d`,`${Math.abs(a)}`);r(n,`data-label`,s),r(n,`data-state`,o),r(n,`data-color`,a<0?`danger`:null),e.type===`input`&&s&&w(t,s)}t instanceof HTMLTextAreaElement&&(t.style.setProperty(`--_ds-field-sizing`,`auto`),t.style.setProperty(`--_ds-field-sizing`,`${t.scrollHeight}px`))},w=o((e,t)=>{document.activeElement===e&&n(t)},g),T=e=>e.getAttribute(`data-color`)!==`success`,E=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var D=class extends e{connectedCallback(){v.set(this,[]),x(this)}disconnectedCallback(){v.delete(this)}};a.define(`ds-field`,D),l(`field`,()=>[c(document,`input`,C,t),u(document,b,{attributeFilter:[`data-field`,`data-limit`,`hidden`,`id`,`value`,h],attributes:!0,childList:!0,subtree:!0})]);export{D as DSFieldElement};
 //# sourceMappingURL=field.js.map

package/dist/esm/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isWindows,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n  warn,\n} from '../utils/utils';\n\n// TODO: Document that Validation must be hidden with \"hidden\" attribute (or completely removed from DOM), not display: none\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-field': DSFieldElement;\n  }\n}\n\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst COUNTS = new WeakMap<HTMLInputElement, Element>(); // Using WeakMap so removed inputs/counts does not cause memory leaks\nconst FIELDS = new Map<DSFieldElement, string[]>(); // Map of Field and its describedby IDs so we can identify the ones we add/remove\nconst VALIDATIONS = new WeakMap<HTMLInputElement>(); // Used to ensure we only take control of aria-invalid if there current is or has been a validation element\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\n\nconst handleFieldMutations = (_doc: Node, records: MutationRecord[] = []) => {\n  for (const { target } of records) {\n    const isFieldset = target instanceof HTMLFieldSetElement;\n    for (const [field] of FIELDS)\n      if (isFieldset ? target.contains(field) : field.contains(target))\n        handleFieldMutation(field);\n  }\n};\n\nconst handleFieldMutation = (field: DSFieldElement) => {\n  const labels: HTMLLabelElement[] = [];\n  const nextDescs: string[] = []; // Keep track of descriptions we are adding in this mutation\n  const prevDescs = FIELDS.get(field) || []; // Retrieve previously managed IDs for this field\n  let input: HTMLInputElement | undefined;\n  let counter: Element | undefined;\n  let hasValidation = false;\n  let invalid = false;\n\n  for (const el of field.getElementsByTagName('*')) {\n    if (el instanceof HTMLLabelElement) labels.push(el);\n    if ((el as HTMLElement).hidden) continue; // Skip hidden elements except labels\n    if (isInputLike(el)) {\n      if (input) warn(WARNING_MULTIPLE_INPUTS, field);\n      else input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute('data-field'); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalid(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!input) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n  if (counter) COUNTS.set(input, counter);\n  for (const label of labels) attr(label, 'for', useId(input));\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(':scope > [data-field=\"validation\"]');\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalid(fieldsetValidation);\n    nextDescs.unshift(useId(fieldsetValidation));\n  }\n\n  // Add support for data-indeterminate attribute as this normally can only be set by javascript\n  const indeterminate = attr(input, ATTR_INDETERMINATE);\n  if (indeterminate) input.indeterminate = indeterminate === 'true';\n\n  // Expand click area to ds-field if radio/checkbox\n  const isBoolish = input.type === 'radio' || input.type === 'checkbox';\n  if (isBoolish) attr(field, 'data-clickdelegatefor', useId(input));\n\n  // Setup aria-describedby, but repsect existing ids in aria-describedby\n  const describedby = attr(input, ATTR_DESCRIBEDBY)?.trim().split(/\\s+/);\n  const keep = describedby?.filter((id) => !prevDescs.includes(id)) || []; // Find non-ds-field-managed aria-describedby IDs\n  attr(input, ATTR_DESCRIBEDBY, [...nextDescs, ...keep].join(' ') || null);\n  FIELDS.set(field, nextDescs);\n\n  // Only manage aria-invalid when field has validation elements\n  const hadValidation = VALIDATIONS.has(input);\n  if (hasValidation && !hadValidation) {\n    VALIDATIONS.set(input, attr(input, 'aria-invalid')); // Store previous attribute to enable reverting state\n    attr(input, 'aria-invalid', 'true');\n  } else if (!hasValidation && hadValidation) {\n    attr(input, 'aria-invalid', VALIDATIONS.get(input)); // Revert to previous state if validation element was removed\n    VALIDATIONS.delete(input);\n  }\n\n  handleFieldInput(input); // Update counter and textarea sizing\n};\n\n// Used as fallback in tests when CSS is not loaded\nconst TEXTS = {\n  over: '%d tegn for mye',\n  under: '%d tegn igjen',\n};\n\nconst handleFieldInput = (e: Event | Element) => {\n  const input = ((e as Event).target || e) as HTMLInputElement;\n  const counter = COUNTS.get(input);\n\n  if (counter?.isConnected) {\n    const limit = Number(attr(counter, 'data-limit')) || 0;\n    const count = limit - input.value.length;\n    const state = count < 0 ? 'over' : 'under';\n    const label = (\n      attrOrCSS(counter, `data-${state}`) || TEXTS[state]\n    )?.replace('%d', `${Math.abs(count)}`);\n\n    attr(counter, 'data-label', label); // Using attribute to prevent hydation errors, not using aria-label to make axe tests happy\n    attr(counter, 'data-state', state);\n    attr(counter, 'data-color', count < 0 ? 'danger' : null);\n\n    // Only update live region when user is actually typing\n    if ((e as Event).type === 'input' && label)\n      debouncedCounterLiveRegion(input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n  }\n  if (input instanceof HTMLTextAreaElement) {\n    input.style.setProperty('--_ds-field-sizing', 'auto');\n    input.style.setProperty('--_ds-field-sizing', `${input.scrollHeight}px`);\n  }\n};\n\nconst debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  if (document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalid = (el: Element) => el.getAttribute('data-color') !== 'success';\nconst isInputLike = (el: unknown): el is HTMLInputElement =>\n  el instanceof HTMLElement &&\n  'validity' in el && // Adds support for custom elements implemeted with attachInternals()\n  !(el instanceof HTMLButtonElement) && // But skip <button> elements\n  (el as HTMLInputElement).type !== 'hidden'; // And skip input type=\"hidden\"\n\n// Custom element is used to performantly keep track of fields on the page\nexport class DSFieldElement extends DSElement {\n  connectedCallback() {\n    FIELDS.set(this, []); // Register field\n    handleFieldMutation(this); // Initial setup\n  }\n  disconnectedCallback() {\n    FIELDS.delete(this);\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n\nonHotReload('field', () => [\n  on(document, 'input', handleFieldInput, QUICK_EVENT),\n  onMutation(document, handleFieldMutations, {\n    attributeFilter: [\n      'data-field',\n      'data-limit',\n      'hidden', // Needed to check validation visibility\n      'id', // Needed to sync label \"for\" when ID of input/selec/textarea changes\n      'value', // Needed to detect changes in controlled React inputs as they do not trigger input events\n      ATTR_INDETERMINATE,\n    ],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isWindows,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n  warn,\n} from '../utils/utils';\n\n// TODO: Document that Validation must be hidden with \"hidden\" attribute (or completely removed from DOM), not display: none\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-field': DSFieldElement;\n  }\n}\n\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst COUNTS = new WeakMap<HTMLInputElement, Element>(); // Using WeakMap so removed inputs/counts does not cause memory leaks\nconst FIELDS = new Map<DSFieldElement, string[]>(); // Map of Field and its describedby IDs so we can identify the ones we add/remove\nconst VALIDATIONS = new WeakSet<HTMLInputElement>(); // Used to ensure we only take control of aria-invalid if the current is or has been a validation element\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\n\nconst handleFieldMutations = (_doc: Node, records: MutationRecord[] = []) => {\n  for (const { target } of records) {\n    const isFieldset = target instanceof HTMLFieldSetElement;\n    for (const [field] of FIELDS)\n      if (isFieldset ? target.contains(field) : field.contains(target))\n        handleFieldMutation(field);\n  }\n};\n\nconst handleFieldMutation = (field: DSFieldElement) => {\n  const labels: HTMLLabelElement[] = [];\n  const nextDescs: string[] = []; // Keep track of descriptions we are adding in this mutation\n  const prevDescs = FIELDS.get(field) || []; // Retrieve previously managed IDs for this field\n  let input: HTMLInputElement | undefined;\n  let counter: Element | undefined;\n  let hasValidation = false;\n  let invalid = false;\n\n  for (const el of field.getElementsByTagName('*')) {\n    if (el instanceof HTMLLabelElement) labels.push(el);\n    if ((el as HTMLElement).hidden) continue; // Skip hidden elements except labels\n    if (isInputLike(el)) {\n      if (input) warn(WARNING_MULTIPLE_INPUTS, field);\n      else input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute('data-field'); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalid(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!input) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n  if (counter) COUNTS.set(input, counter);\n  for (const label of labels) attr(label, 'for', useId(input));\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(':scope > [data-field=\"validation\"]');\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalid(fieldsetValidation);\n    nextDescs.unshift(useId(fieldsetValidation));\n  }\n\n  // Add support for data-indeterminate attribute as this normally can only be set by javascript\n  const indeterminate = attr(input, ATTR_INDETERMINATE);\n  if (indeterminate) input.indeterminate = indeterminate === 'true';\n\n  // Expand click area to ds-field if radio/checkbox\n  const isBoolish = input.type === 'radio' || input.type === 'checkbox';\n  if (isBoolish) attr(field, 'data-clickdelegatefor', useId(input));\n\n  // Setup aria-describedby, but repsect existing ids in aria-describedby\n  const describedby = attr(input, ATTR_DESCRIBEDBY)?.trim().split(/\\s+/);\n  const keep = describedby?.filter((id) => !prevDescs.includes(id)) || []; // Find non-ds-field-managed aria-describedby IDs\n  attr(input, ATTR_DESCRIBEDBY, [...nextDescs, ...keep].join(' ') || null);\n  FIELDS.set(field, nextDescs);\n\n  // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n  const hadValidation = VALIDATIONS.has(input);\n  if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n    attr(input, ATTR_INVALID, 'true');\n    VALIDATIONS.add(input);\n  } else if (!hasValidation && hadValidation) {\n    attr(input, ATTR_INVALID, null); // Remove aria-invalid\n    VALIDATIONS.delete(input);\n  }\n\n  handleFieldInput(input); // Update counter and textarea sizing\n};\n\n// Used as fallback in tests when CSS is not loaded\nconst TEXTS = {\n  over: '%d tegn for mye',\n  under: '%d tegn igjen',\n};\n\nconst handleFieldInput = (e: Event | Element) => {\n  const input = ((e as Event).target || e) as HTMLInputElement;\n  const counter = COUNTS.get(input);\n\n  if (counter?.isConnected) {\n    const limit = Number(attr(counter, 'data-limit')) || 0;\n    const count = limit - input.value.length;\n    const state = count < 0 ? 'over' : 'under';\n    const label = (\n      attrOrCSS(counter, `data-${state}`) || TEXTS[state]\n    )?.replace('%d', `${Math.abs(count)}`);\n\n    attr(counter, 'data-label', label); // Using attribute to prevent hydation errors, not using aria-label to make axe tests happy\n    attr(counter, 'data-state', state);\n    attr(counter, 'data-color', count < 0 ? 'danger' : null);\n\n    // Only update live region when user is actually typing\n    if ((e as Event).type === 'input' && label)\n      debouncedCounterLiveRegion(input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n  }\n  if (input instanceof HTMLTextAreaElement) {\n    input.style.setProperty('--_ds-field-sizing', 'auto');\n    input.style.setProperty('--_ds-field-sizing', `${input.scrollHeight}px`);\n  }\n};\n\nconst debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  if (document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalid = (el: Element) => el.getAttribute('data-color') !== 'success';\nconst isInputLike = (el: unknown): el is HTMLInputElement =>\n  el instanceof HTMLElement &&\n  'validity' in el && // Adds support for custom elements implemeted with attachInternals()\n  !(el instanceof HTMLButtonElement) && // But skip <button> elements\n  (el as HTMLInputElement).type !== 'hidden'; // And skip input type=\"hidden\"\n\n// Custom element is used to performantly keep track of fields on the page\nexport class DSFieldElement extends DSElement {\n  connectedCallback() {\n    FIELDS.set(this, []); // Register field\n    handleFieldMutation(this); // Initial setup\n  }\n  disconnectedCallback() {\n    FIELDS.delete(this);\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n\nonHotReload('field', () => [\n  on(document, 'input', handleFieldInput, QUICK_EVENT),\n  onMutation(document, handleFieldMutations, {\n    attributeFilter: [\n      'data-field',\n      'data-limit',\n      'hidden', // Needed to check validation visibility\n      'id', // Needed to sync label \"for\" when ID of input/selec/textarea changes\n      'value', // Needed to detect changes in controlled React inputs as they do not trigger input events\n      ATTR_INDETERMINATE,\n    ],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}

package/dist/esm/suggestion/suggestion.js

@@ -1,2 +1,2 @@
-import{QUICK_EVENT as e,attr as t,customElements as n,off as r,on as i,onMutation as a,useId as o}from"../utils/utils.js";import{UHTMLComboboxElement as s}from"@u-elements/u-combobox";var c=class extends s{_render;_unmutate;connectedCallback(){super.connectedCallback(),this._unmutate=a(this,l,{childList:!0}),i(this,`toggle`,u,e)}disconnectedCallback(){super.disconnectedCallback(),this._unmutate?.(),this._unmutate=this._render=void 0,r(this,`toggle`,u,e)}};const l=({control:e,list:n})=>{e&&!e.placeholder&&t(e,`placeholder`,` `),e&&t(e,`popovertarget`,o(n)||null),n&&t(n,`popover`,`manual`)},u=e=>{let t=e.currentTarget,n=e.newState===`open`&&t.control;n&&t.list?.dispatchEvent(new CustomEvent(`ds-toggle-source`,{detail:n}))};n.define(`ds-suggestion`,c);export{c as DSSuggestionElement};
+import{QUICK_EVENT as e,attr as t,customElements as n,off as r,on as i,onMutation as a,useId as o}from"../utils/utils.js";import{UHTMLComboboxElement as s}from"@u-elements/u-combobox";var c=class extends s{_unmutate;connectedCallback(){super.connectedCallback(),this._unmutate=a(this,l,{childList:!0}),i(this,`toggle`,u,e)}disconnectedCallback(){super.disconnectedCallback(),this._unmutate?.(),this._unmutate=void 0,r(this,`toggle`,u,e)}};const l=({control:e,list:n})=>{e&&!e.placeholder&&t(e,`placeholder`,` `),e&&t(e,`popovertarget`,o(n)||null),n&&t(n,`popover`,`manual`),n&&t(n,`data-is-floating`,`true`)},u=e=>{let t=e.currentTarget,n=e.newState===`open`&&t.control;n&&t.list?.dispatchEvent(new CustomEvent(`ds-toggle-source`,{detail:n}))};n.define(`ds-suggestion`,c);export{c as DSSuggestionElement};
 //# sourceMappingURL=suggestion.js.map

package/dist/esm/suggestion/suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion.js","names":[],"sources":["../../../src/suggestion/suggestion.ts"],"sourcesContent":["import { UHTMLComboboxElement } from '@u-elements/u-combobox';\nimport {\n  attr,\n  customElements,\n  off,\n  on,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-suggestion': DSSuggestionElement;\n  }\n}\n\nexport class DSSuggestionElement extends UHTMLComboboxElement {\n  _render?: () => void;\n  _unmutate?: ReturnType<typeof onMutation>; // Using underscore instead of private fields for backwards compatibility\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._unmutate = onMutation(this, render, { childList: true }); // .control and .list are direct children of the custom element\n    on(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._unmutate?.();\n    this._unmutate = this._render = undefined;\n    off(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n}\n\n// A non-empty placeholder attribute is required to activate the :placeholder-shown pseudo selector used in our chevron styling\nconst render = ({ control, list }: DSSuggestionElement) => {\n  if (control && !control.placeholder) attr(control, 'placeholder', ' '); // .control comes from UHTMLComboboxElement\n  if (control) attr(control, 'popovertarget', useId(list) || null);\n  if (list) attr(list, 'popover', 'manual'); // Ensure popover attribute is set on the list\n};\n\n// Since showPopover({ source }) is not supported in all browsers yet:\nconst polyfillToggleSource = (event: Partial<ToggleEvent>) => {\n  const self = event.currentTarget as DSSuggestionElement;\n  const detail = event.newState === 'open' && self.control; // .control comes from UHTMLComboboxElement\n\n  if (detail)\n    self.list?.dispatchEvent(new CustomEvent('ds-toggle-source', { detail }));\n};\n\ncustomElements.define('ds-suggestion', DSSuggestionElement);\n"],"mappings":"wLAiBA,IAAa,EAAb,cAAyC,CAAqB,CAC5D,QACA,UAEA,mBAAoB,CAClB,MAAM,mBAAmB,CACzB,KAAK,UAAY,EAAW,KAAM,EAAQ,CAAE,UAAW,GAAM,CAAC,CAC9D,EAAG,KAAM,SAAU,EAAsB,EAAY,CAEvD,sBAAuB,CACrB,MAAM,sBAAsB,CAC5B,KAAK,aAAa,CAClB,KAAK,UAAY,KAAK,QAAU,IAAA,GAChC,EAAI,KAAM,SAAU,EAAsB,EAAY,GAK1D,MAAM,GAAU,CAAE,UAAS,UAAgC,CACrD,GAAW,CAAC,EAAQ,aAAa,EAAK,EAAS,cAAe,IAAI,CAClE,GAAS,EAAK,EAAS,gBAAiB,EAAM,EAAK,EAAI,KAAK,CAC5D,GAAM,EAAK,EAAM,UAAW,SAAS,EAIrC,EAAwB,GAAgC,CAC5D,IAAM,EAAO,EAAM,cACb,EAAS,EAAM,WAAa,QAAU,EAAK,QAE7C,GACF,EAAK,MAAM,cAAc,IAAI,YAAY,mBAAoB,CAAE,SAAQ,CAAC,CAAC,EAG7E,EAAe,OAAO,gBAAiB,EAAoB"}
+{"version":3,"file":"suggestion.js","names":[],"sources":["../../../src/suggestion/suggestion.ts"],"sourcesContent":["import { UHTMLComboboxElement } from '@u-elements/u-combobox';\nimport {\n  attr,\n  customElements,\n  off,\n  on,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-suggestion': DSSuggestionElement;\n  }\n}\n\nexport class DSSuggestionElement extends UHTMLComboboxElement {\n  _unmutate?: ReturnType<typeof onMutation>; // Using underscore instead of private fields for backwards compatibility\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._unmutate = onMutation(this, render, { childList: true }); // .control and .list are direct children of the custom element\n    on(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._unmutate?.();\n    this._unmutate = undefined;\n    off(this, 'toggle', polyfillToggleSource, QUICK_EVENT);\n  }\n}\n\n// A non-empty placeholder attribute is required to activate the :placeholder-shown pseudo selector used in our chevron styling\nconst render = ({ control, list }: DSSuggestionElement) => {\n  if (control && !control.placeholder) attr(control, 'placeholder', ' '); // .control comes from UHTMLComboboxElement\n  if (control) attr(control, 'popovertarget', useId(list) || null);\n  if (list) attr(list, 'popover', 'manual'); // Ensure popover attribute is set on the list\n  if (list) attr(list, 'data-is-floating', 'true'); // identifier for css to toggle opacity when it is placed by floating-ui.\n};\n\n// Since showPopover({ source }) is not supported in all browsers yet:\nconst polyfillToggleSource = (event: Partial<ToggleEvent>) => {\n  const self = event.currentTarget as DSSuggestionElement;\n  const detail = event.newState === 'open' && self.control; // .control comes from UHTMLComboboxElement\n\n  if (detail)\n    self.list?.dispatchEvent(new CustomEvent('ds-toggle-source', { detail }));\n};\n\ncustomElements.define('ds-suggestion', DSSuggestionElement);\n"],"mappings":"wLAiBA,IAAa,EAAb,cAAyC,CAAqB,CAC5D,UAEA,mBAAoB,CAClB,MAAM,mBAAmB,CACzB,KAAK,UAAY,EAAW,KAAM,EAAQ,CAAE,UAAW,GAAM,CAAC,CAC9D,EAAG,KAAM,SAAU,EAAsB,EAAY,CAEvD,sBAAuB,CACrB,MAAM,sBAAsB,CAC5B,KAAK,aAAa,CAClB,KAAK,UAAY,IAAA,GACjB,EAAI,KAAM,SAAU,EAAsB,EAAY,GAK1D,MAAM,GAAU,CAAE,UAAS,UAAgC,CACrD,GAAW,CAAC,EAAQ,aAAa,EAAK,EAAS,cAAe,IAAI,CAClE,GAAS,EAAK,EAAS,gBAAiB,EAAM,EAAK,EAAI,KAAK,CAC5D,GAAM,EAAK,EAAM,UAAW,SAAS,CACrC,GAAM,EAAK,EAAM,mBAAoB,OAAO,EAI5C,EAAwB,GAAgC,CAC5D,IAAM,EAAO,EAAM,cACb,EAAS,EAAM,WAAa,QAAU,EAAK,QAE7C,GACF,EAAK,MAAM,cAAc,IAAI,YAAY,mBAAoB,CAAE,SAAQ,CAAC,CAAC,EAG7E,EAAe,OAAO,gBAAiB,EAAoB"}