@digdir/designsystemet-web 1.20.1 → 1.21.0

package/LICENSE

@@ -1,4 +1,4 @@
-Copyright 2024 Digitaliseringsdirektoratet (Digdir)
+Copyright Digitaliseringsdirektoratet (Digdir)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

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

@@ -1,2 +1,2 @@
-function e(){return typeof HTMLButtonElement<`u`&&`command`in HTMLButtonElement.prototype&&`source`in((globalThis.CommandEvent||{}).prototype||{})}function t(){document.addEventListener(`invoke`,e=>{e.type==`invoke`&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0),document.addEventListener(`command`,e=>{e.type==`command`&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0);function e(e,t,n=!0){Object.defineProperty(e,t,{...Object.getOwnPropertyDescriptor(e,t),enumerable:n})}function t(e){return e&&typeof e.getRootNode==`function`?e.getRootNode():e&&e.parentNode?t(e.parentNode):e}let n=new WeakMap,r=new WeakMap;class i extends Event{constructor(e,t={}){super(e,t);let{source:i,command:a}=t;if(i!=null&&!(i instanceof Element))throw TypeError(`source must be an element`);n.set(this,i||null),r.set(this,a===void 0?``:String(a))}get[Symbol.toStringTag](){return`CommandEvent`}get source(){if(!n.has(this))throw TypeError(`illegal invocation`);let e=n.get(this);if(!(e instanceof Element))return null;let r=t(e);return r===t(this.target||document)?e:r.host}get command(){if(!r.has(this))throw TypeError(`illegal invocation`);return r.get(this)}}e(i.prototype,`source`),e(i.prototype,`command`);let a=new WeakMap;function o(e){Object.defineProperties(e.prototype,{commandForElement:{enumerable:!0,configurable:!0,set(e){if(e===null)this.removeAttribute(`commandfor`),a.delete(this);else if(e instanceof Element){this.setAttribute(`commandfor`,``);let n=t(e);t(this)===n||n===this.ownerDocument?a.set(this,e):a.delete(this)}else throw TypeError(`commandForElement must be an element or null`)},get(){if(this.localName!==`button`||this.disabled)return null;if(this.form&&this.getAttribute(`type`)!==`button`)return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"),null;let e=a.get(this);if(e)return e.isConnected?e:(a.delete(this),null);let n=t(this),r=this.getAttribute(`commandfor`);return(n instanceof Document||n instanceof ShadowRoot)&&r&&n.getElementById(r)||null}},command:{enumerable:!0,configurable:!0,get(){let e=this.getAttribute(`command`)||``;if(e.startsWith(`--`))return e;let t=e.toLowerCase();switch(t){case`show-modal`:case`request-close`:case`close`:case`toggle-popover`:case`hide-popover`:case`show-popover`:return t}return``},set(e){this.setAttribute(`command`,e)}}})}let s=new WeakMap;Object.defineProperties(HTMLElement.prototype,{oncommand:{enumerable:!0,configurable:!0,get(){return l.takeRecords(),s.get(this)||null},set(e){let t=s.get(this)||null;t&&this.removeEventListener(`command`,t),s.set(this,typeof e==`object`||typeof e==`function`?e:null),typeof e==`function`&&this.addEventListener(`command`,e)}}});function c(e){for(let t of e)t.oncommand=Function(`event`,t.getAttribute(`oncommand`))}let l=new MutationObserver(e=>{for(let t of e){let{target:e}=t;t.type===`childList`?c(e.querySelectorAll(`[oncommand]`)):c([e])}});l.observe(document,{subtree:!0,childList:!0,attributeFilter:[`oncommand`]}),c(document.querySelectorAll(`[oncommand]`));let u=new WeakSet;function d(e){if(u.has(e)||(u.add(e),e.defaultPrevented)||e.type!==`click`)return;let t=e.composedPath().find(e=>e.matches?.(`button[commandfor], button[command]`));if(!t)return;if(t.form&&t.getAttribute(`type`)!==`button`)throw e.preventDefault(),Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");if(t.hasAttribute(`command`)!==t.hasAttribute(`commandfor`)){let e=t.hasAttribute(`command`)?`command`:`commandfor`,n=t.hasAttribute(`command`)?`commandfor`:`command`;throw Error(`Element with ${e} attribute must also have a ${n} attribute to function.`)}if(t.command!==`show-popover`&&t.command!==`hide-popover`&&t.command!==`toggle-popover`&&t.command!==`show-modal`&&t.command!==`request-close`&&t.command!==`close`&&!t.command.startsWith(`--`)){console.warn(`"${t.command}" is not a valid command value. Custom commands must begin with --`);return}let n=t.commandForElement;if(!n)return;let r=new i(`command`,{command:t.command,source:t,cancelable:!0});if(n.dispatchEvent(r),r.defaultPrevented)return;let a=r.command.toLowerCase();if(n.popover){let e=!n.matches(`:popover-open`);e&&(a===`toggle-popover`||a===`show-popover`)?n.showPopover({source:t}):!e&&a===`hide-popover`&&n.hidePopover()}else if(n.localName===`dialog`){let e=!n.hasAttribute(`open`);e&&a==`show-modal`?n.showModal():!e&&a==`close`?n.close(t.value?t.value:void 0):!e&&a==`request-close`&&(HTMLDialogElement.prototype.requestClose||(HTMLDialogElement.prototype.requestClose=function(){let e=new Event(`cancel`,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented||this.close()}),n.requestClose(t.value?t.value:void 0))}}function f(e){e.addEventListener(`click`,d,!0)}function p(e,t){let n=e.prototype.attachShadow;e.prototype.attachShadow=function(e){let r=n.call(this,e);return t(r),r};let r=e.prototype.attachInternals;e.prototype.attachInternals=function(){let e=r.call(this);return e.shadowRoot&&t(e.shadowRoot),e}}o(HTMLButtonElement),p(HTMLElement,e=>{f(e),l.observe(e,{attributeFilter:[`oncommand`]}),c(e.querySelectorAll(`[oncommand]`))}),f(document),Object.assign(globalThis,{CommandEvent:i})}exports.apply=t,exports.isSupported=e;
+function e(){return typeof HTMLButtonElement<`u`&&`command`in HTMLButtonElement.prototype&&`source`in((globalThis.CommandEvent||{}).prototype||{})}function t(){document.addEventListener(`command`,e=>{e.type==`command`&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0);function e(e,t,n=!0){Object.defineProperty(e,t,{...Object.getOwnPropertyDescriptor(e,t),enumerable:n})}function t(e){return e&&typeof e.getRootNode==`function`?e.getRootNode():e&&e.parentNode?t(e.parentNode):e}let n=new WeakMap,r=new WeakMap;class i extends Event{constructor(e,t={}){super(e,t);let{source:i,command:a}=t;if(i!=null&&!(i instanceof Element))throw TypeError(`source must be an element`);n.set(this,i||null),r.set(this,a===void 0?``:String(a))}get[Symbol.toStringTag](){return`CommandEvent`}get source(){if(!n.has(this))throw TypeError(`illegal invocation`);let e=n.get(this);if(!(e instanceof Element))return null;let r=t(e);return r===t(this.target||document)?e:r.host}get command(){if(!r.has(this))throw TypeError(`illegal invocation`);return r.get(this)}}e(i.prototype,`source`),e(i.prototype,`command`);let a=new WeakMap;function o(e){Object.defineProperties(e.prototype,{commandForElement:{enumerable:!0,configurable:!0,set(e){if(e===null)this.removeAttribute(`commandfor`),a.delete(this);else if(e instanceof Element){this.setAttribute(`commandfor`,``);let n=t(e);t(this)===n||n===this.ownerDocument?a.set(this,e):a.delete(this)}else throw TypeError(`commandForElement must be an element or null`)},get(){if(this.localName!==`button`||this.disabled)return null;if(this.form&&this.getAttribute(`type`)!==`button`)return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"),null;let e=a.get(this);if(e)return e.isConnected?e:(a.delete(this),null);let n=t(this),r=this.getAttribute(`commandfor`);return(n instanceof Document||n instanceof ShadowRoot)&&r&&n.getElementById(r)||null}},command:{enumerable:!0,configurable:!0,get(){let e=this.getAttribute(`command`)||``;if(e.startsWith(`--`))return e;let t=e.toLowerCase();switch(t){case`show-modal`:case`request-close`:case`close`:case`toggle-popover`:case`hide-popover`:case`show-popover`:return t}return``},set(e){this.setAttribute(`command`,e)}}})}let s=new WeakMap;Object.defineProperties(HTMLElement.prototype,{oncommand:{enumerable:!0,configurable:!0,get(){return l.takeRecords(),s.get(this)||null},set(e){let t=s.get(this)||null;t&&this.removeEventListener(`command`,t),s.set(this,typeof e==`object`||typeof e==`function`?e:null),typeof e==`function`&&this.addEventListener(`command`,e)}}});function c(e){for(let t of e)t.oncommand=Function(`event`,t.getAttribute(`oncommand`))}let l=new MutationObserver(e=>{for(let t of e){let{target:e}=t;t.type===`childList`?c(e.querySelectorAll(`[oncommand]`)):c([e])}});l.observe(document,{subtree:!0,childList:!0,attributeFilter:[`oncommand`]}),c(document.querySelectorAll(`[oncommand]`));let u=new WeakSet;function d(e){if(u.has(e)||(u.add(e),e.defaultPrevented)||e.type!==`click`)return;let t=e.composedPath().find(e=>e.matches?.(`button[commandfor], button[command]`));if(!t)return;if(t.form&&t.getAttribute(`type`)!==`button`)throw e.preventDefault(),Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");if(t.hasAttribute(`command`)!==t.hasAttribute(`commandfor`)){let e=t.hasAttribute(`command`)?`command`:`commandfor`,n=t.hasAttribute(`command`)?`commandfor`:`command`;throw Error(`Element with ${e} attribute must also have a ${n} attribute to function.`)}if(t.command!==`show-popover`&&t.command!==`hide-popover`&&t.command!==`toggle-popover`&&t.command!==`show-modal`&&t.command!==`request-close`&&t.command!==`close`&&!t.command.startsWith(`--`)){console.warn(`"${t.command}" is not a valid command value. Custom commands must begin with --`);return}let n=t.commandForElement;if(!n)return;let r=new i(`command`,{command:t.command,source:t,cancelable:!0});if(n.dispatchEvent(r),r.defaultPrevented)return;let a=r.command.toLowerCase();if(n.popover){let e=!n.matches(`:popover-open`);e&&(a===`toggle-popover`||a===`show-popover`)?n.showPopover({source:t}):!e&&(a===`toggle-popover`||a===`hide-popover`)&&n.hidePopover()}else if(n.localName===`dialog`){let e=!n.hasAttribute(`open`);e&&a==`show-modal`?n.showModal():!e&&a==`close`?n.close(t.value?t.value:void 0):!e&&a==`request-close`&&(HTMLDialogElement.prototype.requestClose||(HTMLDialogElement.prototype.requestClose=function(){let e=new Event(`cancel`,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented||this.close()}),n.requestClose(t.value?t.value:void 0))}}function f(e){e.addEventListener(`click`,d,!0)}function p(e,t){let n=e.prototype.attachShadow;e.prototype.attachShadow=function(e){let r=n.call(this,e);return t(r),r};let r=e.prototype.attachInternals;e.prototype.attachInternals=function(){let e=r.call(this);return e.shadowRoot&&t(e.shadowRoot),e}}o(HTMLButtonElement),p(HTMLElement,e=>{f(e),l.observe(e,{attributeFilter:[`oncommand`]}),c(e.querySelectorAll(`[oncommand]`))}),f(document),Object.assign(globalThis,{CommandEvent:i})}exports.apply=t,exports.isSupported=e;
 //# sourceMappingURL=invoker.cjs.map

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.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,CAAC,EAAA,CAAG,WAAa,CAAC,EAE/D,CAMA,SAAgB,GAAQ,CAOtB,SAAS,iBACP,SACC,GAAM,CACD,EAAE,MAAQ,UAAY,EAAE,YAC1B,EAAE,yBAAyB,EAC3B,EAAE,eAAe,EAErB,EACA,EACF,EACA,SAAS,iBACP,UACC,GAAM,CACD,EAAE,MAAQ,WAAa,EAAE,YAC3B,EAAE,yBAAyB,EAC3B,EAAE,eAAe,EAErB,EACA,EACF,EAEA,SAAS,EAAU,EAAK,EAAK,EAAa,GAAM,CAC9C,OAAO,eAAe,EAAK,EAAK,CAC9B,GAAG,OAAO,yBAAyB,EAAK,CAAG,EAC3C,YACF,CAAC,CACH,CAEA,SAAS,EAAY,EAAM,CAKzB,OAJI,GAAQ,OAAO,EAAK,aAAgB,WAC/B,EAAK,YAAY,EAEtB,GAAQ,EAAK,WAAmB,EAAY,EAAK,UAAU,EACxD,CACT,CAEA,IAAM,EAA6B,IAAI,QACjC,EAAsB,IAAI,QAEhC,MAAM,UAAqB,KAAM,CAC/B,YAAY,EAAM,EAAkB,CAAC,EAAG,CACtC,MAAM,EAAM,CAAe,EAC3B,GAAM,CAAE,SAAQ,WAAY,EAC5B,GAAI,GAAU,MAAQ,EAAE,aAAkB,SACxC,MAAU,UAAU,2BAA2B,EAEjD,EAA2B,IAAI,KAAM,GAAU,IAAI,EACnD,EAAoB,IAClB,KACA,IAAY,IAAA,GAA8B,GAAlB,OAAO,CAAO,CACxC,CACF,CAEA,IAAK,OAAO,cAAe,CACzB,MAAO,cACT,CAEA,IAAI,QAAS,CACX,GAAI,CAAC,EAA2B,IAAI,IAAI,EACtC,MAAU,UAAU,oBAAoB,EAE1C,IAAM,EAAS,EAA2B,IAAI,IAAI,EAClD,GAAI,EAAE,aAAkB,SAAU,OAAO,KACzC,IAAM,EAAc,EAAY,CAAM,EAItC,OAHI,IAAgB,EAAY,KAAK,QAAU,QAAQ,EAGhD,EAFE,EAAY,IAGvB,CAEA,IAAI,SAAU,CACZ,GAAI,CAAC,EAAoB,IAAI,IAAI,EAC/B,MAAU,UAAU,oBAAoB,EAE1C,OAAO,EAAoB,IAAI,IAAI,CACrC,CACF,CACA,EAAU,EAAa,UAAW,QAAQ,EAC1C,EAAU,EAAa,UAAW,SAAS,EAE3C,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,YAAY,EACjC,EAA0B,OAAO,IAAI,OAChC,GAAM,aAAyB,QAE/B,CACL,KAAK,aAAa,aAAc,EAAE,EAClC,IAAM,EAAiB,EAAY,CAAa,EAC3B,EAAY,IAEpB,IAAM,GACjB,IAAmB,KAAK,cAExB,EAA0B,IAAI,KAAM,CAAa,EAEjD,EAA0B,OAAO,IAAI,CAEzC,MAbE,MAAU,UAAU,8CAA8C,CActE,EACA,KAAM,CAIJ,GAHI,KAAK,YAAc,UAGnB,KAAK,SACP,OAAO,KAET,GAAI,KAAK,MAAQ,KAAK,aAAa,MAAM,IAAM,SAK7C,OAJA,QAAQ,KACN,2HAEF,EACO,KAET,IAAM,EAAgB,EAA0B,IAAI,IAAI,EACxD,GAAI,EAKA,OAJE,EAAc,YACT,GAEP,EAA0B,OAAO,IAAI,EAC9B,MAGX,IAAM,EAAO,EAAY,IAAI,EACvB,EAAQ,KAAK,aAAa,YAAY,EAO5C,OALG,aAAgB,UAAY,aAAgB,aAC7C,GAEO,EAAK,eAAe,CAAK,GAE3B,IACT,CACF,EACA,QAAS,CACP,WAAY,GACZ,aAAc,GACd,KAAM,CACJ,IAAM,EAAQ,KAAK,aAAa,SAAS,GAAK,GAC9C,GAAI,EAAM,WAAW,IAAI,EAAG,OAAO,EACnC,IAAM,EAAa,EAAM,YAAY,EACrC,OAAQ,EAAR,CACE,IAAK,aACL,IAAK,gBACL,IAAK,QACL,IAAK,iBACL,IAAK,eACL,IAAK,eACH,OAAO,CACX,CACA,MAAO,EACT,EACA,IAAI,EAAO,CACT,KAAK,aAAa,UAAW,CAAK,CACpC,CACF,CACF,CAAC,CACH,CAEA,IAAM,EAAa,IAAI,QACvB,OAAO,iBAAiB,YAAY,UAAW,CAC7C,UAAW,CACT,WAAY,GACZ,aAAc,GACd,KAAM,CAEJ,OADA,EAAkB,YAAY,EACvB,EAAW,IAAI,IAAI,GAAK,IACjC,EACA,IAAI,EAAS,CACX,IAAM,EAAW,EAAW,IAAI,IAAI,GAAK,KACrC,GACF,KAAK,oBAAoB,UAAW,CAAQ,EAE9C,EAAW,IACT,KACA,OAAO,GAAY,UAAY,OAAO,GAAY,WAC9C,EACA,IACN,EACI,OAAO,GAAW,YACpB,KAAK,iBAAiB,UAAW,CAAO,CAE5C,CACF,CACF,CAAC,EACD,SAAS,EAAsB,EAAK,CAClC,IAAK,IAAM,KAAM,EACf,EAAG,UAAgB,SAAS,QAAS,EAAG,aAAa,WAAW,CAAC,CAErE,CACA,IAAM,EAAoB,IAAI,iBAAkB,GAAY,CAC1D,IAAK,IAAM,KAAU,EAAS,CAC5B,GAAM,CAAE,UAAW,EACf,EAAO,OAAS,YAClB,EAAsB,EAAO,iBAAiB,aAAa,CAAC,EAE5D,EAAsB,CAAC,CAAM,CAAC,CAElC,CACF,CAAC,EACD,EAAkB,QAAQ,SAAU,CAClC,QAAS,GACT,UAAW,GACX,gBAAiB,CAAC,WAAW,CAC/B,CAAC,EACD,EAAsB,SAAS,iBAAiB,aAAa,CAAC,EAE9D,IAAM,EAAkB,IAAI,QAE5B,SAAS,EAAwB,EAAO,CAMtC,GALI,EAAgB,IAAI,CAAK,IAE7B,EAAgB,IAAI,CAAK,EAErB,EAAM,mBACN,EAAM,OAAS,QAAS,OAC5B,IAAM,EAAS,EAAM,aAAa,CAAC,CAAC,KAAM,GAAO,EAAG,UAAU,qCAAqC,CAAC,EACpG,GAAI,CAAC,EAAQ,OAEb,GAAI,EAAO,MAAQ,EAAO,aAAa,MAAM,IAAM,SAEjD,MADA,EAAM,eAAe,EACX,MACR,yNAGF,EAGF,GAAI,EAAO,aAAa,SAAS,IAAM,EAAO,aAAa,YAAY,EAAG,CACxE,IAAM,EAAO,EAAO,aAAa,SAAS,EAAI,UAAY,aACpD,EAAU,EAAO,aAAa,SAAS,EAAI,aAAe,UAChE,MAAU,MACR,gBAAgB,EAAK,8BAA8B,EAAQ,wBAC7D,CACF,CAEA,GACE,EAAO,UAAY,gBACnB,EAAO,UAAY,gBACnB,EAAO,UAAY,kBACnB,EAAO,UAAY,cACnB,EAAO,UAAY,iBACnB,EAAO,UAAY,SACnB,CAAC,EAAO,QAAQ,WAAW,IAAI,EAC/B,CACA,QAAQ,KACN,IAAI,EAAO,QAAQ,mEACrB,EACA,MACF,CAEA,IAAM,EAAU,EAAO,kBACvB,GAAI,CAAC,EAAS,OACd,IAAM,EAAc,IAAI,EAAa,UAAW,CAC9C,QAAS,EAAO,QAChB,SACA,WAAY,EACd,CAAC,EAED,GADA,EAAQ,cAAc,CAAW,EAC7B,EAAY,iBAAkB,OAElC,IAAM,EAAU,EAAY,QAAQ,YAAY,EAEhD,GAAI,EAAQ,QAAS,CACnB,IAAM,EAAU,CAAC,EAAQ,QAAQ,eAAe,EAE9C,IAAY,IAAY,kBAAoB,IAAY,gBAIxD,EAAQ,YAAY,CAAE,QAAO,CAAC,EAHb,CAAC,GAAW,IAAY,gBAKzC,EAAQ,YAAY,CAExB,MAAO,GAAI,EAAQ,YAAc,SAAU,CACzC,IAAM,EAAU,CAAC,EAAQ,aAAa,MAAM,EAExC,GAAW,GAAW,aACxB,EAAQ,UAAU,EACT,CAAC,GAAW,GAAW,QAChC,EAAQ,MAAM,EAAO,MAAQ,EAAO,MAAQ,IAAA,EAAS,EAC5C,CAAC,GAAW,GAAW,kBAE3B,kBAAkB,UAAU,eAC/B,kBAAkB,UAAU,aAAe,UAAY,CACrD,IAAM,EAAc,IAAI,MAAM,SAAU,CAAE,WAAY,EAAK,CAAC,EAC5D,KAAK,cAAc,CAAW,EAEzB,EAAY,kBACf,KAAK,MAAM,CAEf,GAGF,EAAQ,aAAa,EAAO,MAAQ,EAAO,MAAQ,IAAA,EAAS,EAEhE,CACF,CAEA,SAAS,EAAqB,EAAQ,CACpC,EAAO,iBAAiB,QAAS,EAAyB,EAAI,CAChE,CAEA,SAAS,EAAmB,EAAc,EAAU,CAClD,IAAM,EAAe,EAAa,UAAU,aAC5C,EAAa,UAAU,aAAe,SAAU,EAAM,CACpD,IAAM,EAAS,EAAa,KAAK,KAAM,CAAI,EAE3C,OADA,EAAS,CAAM,EACR,CACT,EACA,IAAM,EAAkB,EAAa,UAAU,gBAC/C,EAAa,UAAU,gBAAkB,UAAY,CACnD,IAAM,EAAY,EAAgB,KAAK,IAAI,EAE3C,OADI,EAAU,YAAY,EAAS,EAAU,UAAU,EAChD,CACT,CACF,CAEA,EAAkB,iBAAiB,EAEnC,EAAmB,YAAc,GAAW,CAC1C,EAAqB,CAAM,EAC3B,EAAkB,QAAQ,EAAQ,CAAE,gBAAiB,CAAC,WAAW,CAAE,CAAC,EACpE,EAAsB,EAAO,iBAAiB,aAAa,CAAC,CAC9D,CAAC,EAED,EAAqB,QAAQ,EAE7B,OAAO,OAAO,WAAY,CAAE,cAAa,CAAC,CAC5C"}
+{"version":3,"file":"invoker.cjs","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.4/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  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 =\n        !canShow &&\n        (command === \"toggle-popover\" || 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=`data-field`,n=`data-limit`,r=`aria-invalid`,i=`aria-describedby`,a=`data-indeterminate`,o=`:scope > [${t}="validation"]`,s=e.isWindows()?800:200,c=n=>{let s=[],c=[],l=n._descs||[],u=!1,p=!1;n._input?.hidden&&(n._input=void 0);for(let r of n.getElementsByTagName(`*`))if(r instanceof HTMLLabelElement&&s.push(r),!r.hidden)if(f(r))n._input?.isConnected&&n._input!==r?e.warn(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,n):n._input=r;else{let i=r.getAttribute(t);i===`counter`&&(n._counter=r),i===`validation`?(c.unshift(e.useId(r)),u=!0,p||=d(r)):i&&c.push(e.useId(r))}if(!n._input?.isConnected)return;let m=n._input;for(let t of s)e.attr(t,`for`,e.useId(m)||null);let h=n.closest(`fieldset`)?.querySelector(o);h&&!h?.hidden&&(u=!0,p||=d(h),c.unshift(e.useId(h)));let g=e.attr(m,a);g&&(m.indeterminate=g===`true`),(m.type===`radio`||m.type===`checkbox`)&&e.attr(n,`data-clickdelegatefor`,e.useId(m));let _=(e.attr(m,i)?.trim().split(/\s+/))?.filter(e=>!l.includes(e))||[];e.attr(m,i,[...c,..._].join(` `)||null),n._descs=c;let v=n._validation;u&&!v&&!m.hasAttribute(r)?(e.attr(m,r,p?`true`:null),n._validation=!0):!u&&v&&(e.attr(m,r,null),n._validation=void 0),n.handleEvent()},l={over:`%d tegn for mye`,under:`%d tegn igjen`},u=e.debounce((t,n)=>{document?.activeElement===t&&e.announce(n)},s),d=e=>{let t=e.getAttribute(`data-color`);return!t||t===`danger`},f=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var p=class extends e.DSElement{_counter;_descs;_input;_validation;_unevents;_unmutate;connectedCallback(){this._unevents=e.on(this,`input`,this,e.QUICK_EVENT),this._unmutate=e.onMutation(this,()=>c(this),{attributeFilter:[t,n,`hidden`,`id`,`value`,a],attributes:!0,childList:!0,subtree:!0})}handleEvent(t){let{_counter:r,_input:i}=this;if(r?.isConnected&&i){let a=(Number(e.attr(r,n))||0)-i.value.length,o=a<0?`over`:`under`,s=(e.attrOrCSS(r,`data-${o}`)||l[o])?.replace(`%d`,`${Math.abs(a)}`);s||e.warn(`Missing data-${o} on:`,r),e.attr(r,`data-label`,s),e.attr(r,`data-state`,o),e.attr(r,`data-color`,a<0?`danger`:null),e.attr(i,`aria-invalid`,a<0?`true`:null),t?.type===`input`&&s&&u(i,s)}i instanceof HTMLTextAreaElement&&(i.style.setProperty(`--_ds-field-sizing`,`auto`),i.style.setProperty(`--_ds-field-sizing`,`${i.scrollHeight}px`))}disconnectedCallback(){this._unevents?.(),this._unmutate?.(),this._unevents=this._unmutate=void 0,this._input=this._counter=this._descs=this._validation=void 0}};e.customElements.define(`ds-field`,p),exports.DSFieldElement=p;
+const e=require("../utils/utils.cjs"),t=`data-field`,n=`data-limit`,r=`aria-invalid`,i=`aria-describedby`,a=`data-indeterminate`,o=`:scope > [${t}="validation"]`,s=e.isWindows()?800:200,c=n=>{let s=[],c=[],l=n._descs||[],u=!1,p=!1;n._input?.hidden&&(n._input=void 0);for(let r of n.getElementsByTagName(`*`))if(r instanceof HTMLLabelElement&&s.push(r),!r.hidden)if(f(r))n._input?.isConnected&&n._input!==r?e.warn(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,n):n._input=r;else{let i=r.getAttribute(t);i===`counter`&&(n._counter=r),i===`validation`?(c.unshift(e.useId(r)),u=!0,p||=d(r)):i&&c.push(e.useId(r))}if(!n._input?.isConnected)return;let m=n._input;for(let t of s)e.attr(t,`for`,e.useId(m)||null);let h=n.closest(`fieldset`)?.querySelector(o);h&&!h?.hidden&&(u=!0,p||=d(h),c.unshift(e.useId(h)));let g=e.attr(m,a);g&&(m.indeterminate=g===`true`),(m.type===`radio`||m.type===`checkbox`)&&e.attr(n,`data-clickdelegatefor`,e.useId(m));let _=(e.attr(m,i)?.trim().split(/\s+/))?.filter(e=>!l.includes(e))||[];e.attr(m,i,[...c,..._].join(` `)||null),n._descs=c;let v=n._validation;u&&!v&&!m.hasAttribute(r)?(e.attr(m,r,p?`true`:null),n._validation=!0):!u&&v&&(e.attr(m,r,null),n._validation=void 0),n.handleEvent()},l={over:`%d tegn for mye`,under:`%d tegn igjen`},u=e.debounce((t,n)=>{e.isBrowser()&&document.activeElement===t&&e.announce(n)},s),d=e=>{let t=e.getAttribute(`data-color`);return!t||t===`danger`},f=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var p=class extends e.DSElement{_counter;_descs;_input;_validation;_unevents;_unmutate;connectedCallback(){this._unevents=e.on(this,`input`,this,e.QUICK_EVENT),this._unmutate=e.onMutation(this,()=>c(this),{attributeFilter:[t,n,`hidden`,`id`,`value`,a],attributes:!0,childList:!0,subtree:!0})}handleEvent(t){let{_counter:r,_input:i}=this;if(r?.isConnected&&i){let a=(Number(e.attr(r,n))||0)-i.value.length,o=a<0?`over`:`under`,s=(e.attrOrCSS(r,`data-${o}`)||l[o])?.replace(`%d`,`${Math.abs(a)}`);s||e.warn(`Missing data-${o} on:`,r),e.attr(r,`data-label`,s),e.attr(r,`data-state`,o),e.attr(r,`data-color`,a<0?`danger`:null),e.attr(i,`aria-invalid`,a<0?`true`:null),t?.type===`input`&&s&&u(i,s)}i instanceof HTMLTextAreaElement&&(i.style.setProperty(`--_ds-field-sizing`,`auto`),i.style.setProperty(`--_ds-field-sizing`,`${i.scrollHeight}px`))}disconnectedCallback(){this._unevents?.(),this._unmutate?.(),this._unevents=this._unmutate=void 0,this._input=this._counter=this._descs=this._validation=void 0}};e.customElements.define(`ds-field`,p),exports.DSFieldElement=p;
 //# sourceMappingURL=field.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.cjs","names":["isWindows","useId","attr","debounce","DSElement","on","QUICK_EVENT","onMutation","attrOrCSS","customElements"],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isWindows,\n  on,\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_FIELD = 'data-field';\nconst ATTR_LIMIT = 'data-limit';\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst SELECTOR_VALIDATION = `:scope > [${ATTR_FIELD}=\"validation\"]`;\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\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 = field._descs || []; // Retrieve previously managed IDs for this field\n  let hasValidation = false;\n  let invalid = false;\n\n  if (field._input?.hidden) field._input = undefined; // Reset input if it has been hidden\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 (field._input?.isConnected && field._input !== el)\n        warn(WARNING_MULTIPLE_INPUTS, field);\n      else field._input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute(ATTR_FIELD); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') field._counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalidColor(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!field._input?.isConnected) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n\n  const input = field._input;\n  for (const label of labels) attr(label, 'for', useId(input) || null);\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(SELECTOR_VALIDATION);\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalidColor(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\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  field._descs = nextDescs;\n\n  // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n  const hadValidation = field._validation;\n  if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n    attr(input, ATTR_INVALID, invalid ? 'true' : null);\n    field._validation = true;\n  } else if (!hasValidation && hadValidation) {\n    attr(input, ATTR_INVALID, null); // Remove aria-invalid\n    field._validation = undefined;\n  }\n\n  field.handleEvent(); // 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 debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  // Using document?. as this function might run after document is unmounted by tests\n  if (document?.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalidColor = (el: Element) => {\n  const color = el.getAttribute('data-color');\n  return !color || color === 'danger';\n};\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  _counter?: Element; // Using underscore instead of private fields for backwards compatibility\n  _descs?: string[];\n  _input?: HTMLInputElement;\n  _validation?: boolean;\n  _unevents?: () => void;\n  _unmutate?: () => void;\n\n  connectedCallback() {\n    this._unevents = on(this, 'input', this, QUICK_EVENT);\n    this._unmutate = onMutation(this, () => handleFieldMutation(this), {\n      attributeFilter: [\n        ATTR_FIELD,\n        ATTR_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  handleEvent(event?: Event) {\n    const { _counter, _input } = this;\n\n    if (_counter?.isConnected && _input) {\n      const limit = Number(attr(_counter, ATTR_LIMIT)) || 0;\n      const count = limit - _input.value.length;\n      const state = count < 0 ? 'over' : 'under';\n      const label = (attrOrCSS(_counter, `data-${state}`) || TEXTS[state]) // Browser translation tools will not pick up dynamic text anyway, so no need to use aria-labelledby here\n        ?.replace('%d', `${Math.abs(count)}`);\n\n      if (!label) warn(`Missing data-${state} on:`, _counter);\n      attr(_counter, 'data-label', label); // Using attribute to prevent hydration 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      attr(_input, 'aria-invalid', count < 0 ? 'true' : null); // Toggle aria-invalid of textarea\n\n      // Only update live region when user is actually typing\n      if (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(\n        '--_ds-field-sizing',\n        `${_input.scrollHeight}px`,\n      );\n    }\n  }\n  disconnectedCallback() {\n    this._unevents?.();\n    this._unmutate?.();\n    this._unevents = this._unmutate = undefined;\n    this._input = this._counter = this._descs = this._validation = undefined;\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n"],"mappings":"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"}
+{"version":3,"file":"field.cjs","names":["isWindows","useId","attr","debounce","isBrowser","DSElement","on","QUICK_EVENT","onMutation","attrOrCSS","customElements"],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isBrowser,\n  isWindows,\n  on,\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_FIELD = 'data-field';\nconst ATTR_LIMIT = 'data-limit';\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst SELECTOR_VALIDATION = `:scope > [${ATTR_FIELD}=\"validation\"]`;\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\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 = field._descs || []; // Retrieve previously managed IDs for this field\n  let hasValidation = false;\n  let invalid = false;\n\n  if (field._input?.hidden) field._input = undefined; // Reset input if it has been hidden\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 (field._input?.isConnected && field._input !== el)\n        warn(WARNING_MULTIPLE_INPUTS, field);\n      else field._input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute(ATTR_FIELD); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') field._counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalidColor(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!field._input?.isConnected) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n\n  const input = field._input;\n  for (const label of labels) attr(label, 'for', useId(input) || null);\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(SELECTOR_VALIDATION);\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalidColor(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\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  field._descs = nextDescs;\n\n  // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n  const hadValidation = field._validation;\n  if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n    attr(input, ATTR_INVALID, invalid ? 'true' : null);\n    field._validation = true;\n  } else if (!hasValidation && hadValidation) {\n    attr(input, ATTR_INVALID, null); // Remove aria-invalid\n    field._validation = undefined;\n  }\n\n  field.handleEvent(); // 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 debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  // Using isBrowser() to check if environment still exits and is not unmounted by tests\n  if (isBrowser() && document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalidColor = (el: Element) => {\n  const color = el.getAttribute('data-color');\n  return !color || color === 'danger';\n};\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  _counter?: Element; // Using underscore instead of private fields for backwards compatibility\n  _descs?: string[];\n  _input?: HTMLInputElement;\n  _validation?: boolean;\n  _unevents?: () => void;\n  _unmutate?: () => void;\n\n  connectedCallback() {\n    this._unevents = on(this, 'input', this, QUICK_EVENT);\n    this._unmutate = onMutation(this, () => handleFieldMutation(this), {\n      attributeFilter: [\n        ATTR_FIELD,\n        ATTR_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  handleEvent(event?: Event) {\n    const { _counter, _input } = this;\n\n    if (_counter?.isConnected && _input) {\n      const limit = Number(attr(_counter, ATTR_LIMIT)) || 0;\n      const count = limit - _input.value.length;\n      const state = count < 0 ? 'over' : 'under';\n      const label = (attrOrCSS(_counter, `data-${state}`) || TEXTS[state]) // Browser translation tools will not pick up dynamic text anyway, so no need to use aria-labelledby here\n        ?.replace('%d', `${Math.abs(count)}`);\n\n      if (!label) warn(`Missing data-${state} on:`, _counter);\n      attr(_counter, 'data-label', label); // Using attribute to prevent hydration 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      attr(_input, 'aria-invalid', count < 0 ? 'true' : null); // Toggle aria-invalid of textarea\n\n      // Only update live region when user is actually typing\n      if (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(\n        '--_ds-field-sizing',\n        `${_input.scrollHeight}px`,\n      );\n    }\n  }\n  disconnectedCallback() {\n    this._unevents?.();\n    this._unmutate?.();\n    this._unevents = this._unmutate = undefined;\n    this._input = this._counter = this._descs = this._validation = undefined;\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n"],"mappings":"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"}

package/dist/cjs/packages/web/package.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"version",{enumerable:!0,get:function(){return`1.20.1`}});
+Object.defineProperty(exports,"version",{enumerable:!0,get:function(){return`1.21.0`}});
 //# sourceMappingURL=package.cjs.map

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

@@ -1,2 +1,2 @@
-function e(){return typeof HTMLButtonElement<`u`&&`command`in HTMLButtonElement.prototype&&`source`in((globalThis.CommandEvent||{}).prototype||{})}function t(){document.addEventListener(`invoke`,e=>{e.type==`invoke`&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0),document.addEventListener(`command`,e=>{e.type==`command`&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0);function e(e,t,n=!0){Object.defineProperty(e,t,{...Object.getOwnPropertyDescriptor(e,t),enumerable:n})}function t(e){return e&&typeof e.getRootNode==`function`?e.getRootNode():e&&e.parentNode?t(e.parentNode):e}let n=new WeakMap,r=new WeakMap;class i extends Event{constructor(e,t={}){super(e,t);let{source:i,command:a}=t;if(i!=null&&!(i instanceof Element))throw TypeError(`source must be an element`);n.set(this,i||null),r.set(this,a===void 0?``:String(a))}get[Symbol.toStringTag](){return`CommandEvent`}get source(){if(!n.has(this))throw TypeError(`illegal invocation`);let e=n.get(this);if(!(e instanceof Element))return null;let r=t(e);return r===t(this.target||document)?e:r.host}get command(){if(!r.has(this))throw TypeError(`illegal invocation`);return r.get(this)}}e(i.prototype,`source`),e(i.prototype,`command`);let a=new WeakMap;function o(e){Object.defineProperties(e.prototype,{commandForElement:{enumerable:!0,configurable:!0,set(e){if(e===null)this.removeAttribute(`commandfor`),a.delete(this);else if(e instanceof Element){this.setAttribute(`commandfor`,``);let n=t(e);t(this)===n||n===this.ownerDocument?a.set(this,e):a.delete(this)}else throw TypeError(`commandForElement must be an element or null`)},get(){if(this.localName!==`button`||this.disabled)return null;if(this.form&&this.getAttribute(`type`)!==`button`)return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"),null;let e=a.get(this);if(e)return e.isConnected?e:(a.delete(this),null);let n=t(this),r=this.getAttribute(`commandfor`);return(n instanceof Document||n instanceof ShadowRoot)&&r&&n.getElementById(r)||null}},command:{enumerable:!0,configurable:!0,get(){let e=this.getAttribute(`command`)||``;if(e.startsWith(`--`))return e;let t=e.toLowerCase();switch(t){case`show-modal`:case`request-close`:case`close`:case`toggle-popover`:case`hide-popover`:case`show-popover`:return t}return``},set(e){this.setAttribute(`command`,e)}}})}let s=new WeakMap;Object.defineProperties(HTMLElement.prototype,{oncommand:{enumerable:!0,configurable:!0,get(){return l.takeRecords(),s.get(this)||null},set(e){let t=s.get(this)||null;t&&this.removeEventListener(`command`,t),s.set(this,typeof e==`object`||typeof e==`function`?e:null),typeof e==`function`&&this.addEventListener(`command`,e)}}});function c(e){for(let t of e)t.oncommand=Function(`event`,t.getAttribute(`oncommand`))}let l=new MutationObserver(e=>{for(let t of e){let{target:e}=t;t.type===`childList`?c(e.querySelectorAll(`[oncommand]`)):c([e])}});l.observe(document,{subtree:!0,childList:!0,attributeFilter:[`oncommand`]}),c(document.querySelectorAll(`[oncommand]`));let u=new WeakSet;function d(e){if(u.has(e)||(u.add(e),e.defaultPrevented)||e.type!==`click`)return;let t=e.composedPath().find(e=>e.matches?.(`button[commandfor], button[command]`));if(!t)return;if(t.form&&t.getAttribute(`type`)!==`button`)throw e.preventDefault(),Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");if(t.hasAttribute(`command`)!==t.hasAttribute(`commandfor`)){let e=t.hasAttribute(`command`)?`command`:`commandfor`,n=t.hasAttribute(`command`)?`commandfor`:`command`;throw Error(`Element with ${e} attribute must also have a ${n} attribute to function.`)}if(t.command!==`show-popover`&&t.command!==`hide-popover`&&t.command!==`toggle-popover`&&t.command!==`show-modal`&&t.command!==`request-close`&&t.command!==`close`&&!t.command.startsWith(`--`)){console.warn(`"${t.command}" is not a valid command value. Custom commands must begin with --`);return}let n=t.commandForElement;if(!n)return;let r=new i(`command`,{command:t.command,source:t,cancelable:!0});if(n.dispatchEvent(r),r.defaultPrevented)return;let a=r.command.toLowerCase();if(n.popover){let e=!n.matches(`:popover-open`);e&&(a===`toggle-popover`||a===`show-popover`)?n.showPopover({source:t}):!e&&a===`hide-popover`&&n.hidePopover()}else if(n.localName===`dialog`){let e=!n.hasAttribute(`open`);e&&a==`show-modal`?n.showModal():!e&&a==`close`?n.close(t.value?t.value:void 0):!e&&a==`request-close`&&(HTMLDialogElement.prototype.requestClose||(HTMLDialogElement.prototype.requestClose=function(){let e=new Event(`cancel`,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented||this.close()}),n.requestClose(t.value?t.value:void 0))}}function f(e){e.addEventListener(`click`,d,!0)}function p(e,t){let n=e.prototype.attachShadow;e.prototype.attachShadow=function(e){let r=n.call(this,e);return t(r),r};let r=e.prototype.attachInternals;e.prototype.attachInternals=function(){let e=r.call(this);return e.shadowRoot&&t(e.shadowRoot),e}}o(HTMLButtonElement),p(HTMLElement,e=>{f(e),l.observe(e,{attributeFilter:[`oncommand`]}),c(e.querySelectorAll(`[oncommand]`))}),f(document),Object.assign(globalThis,{CommandEvent:i})}export{t as apply,e as isSupported};
+function e(){return typeof HTMLButtonElement<`u`&&`command`in HTMLButtonElement.prototype&&`source`in((globalThis.CommandEvent||{}).prototype||{})}function t(){document.addEventListener(`command`,e=>{e.type==`command`&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0);function e(e,t,n=!0){Object.defineProperty(e,t,{...Object.getOwnPropertyDescriptor(e,t),enumerable:n})}function t(e){return e&&typeof e.getRootNode==`function`?e.getRootNode():e&&e.parentNode?t(e.parentNode):e}let n=new WeakMap,r=new WeakMap;class i extends Event{constructor(e,t={}){super(e,t);let{source:i,command:a}=t;if(i!=null&&!(i instanceof Element))throw TypeError(`source must be an element`);n.set(this,i||null),r.set(this,a===void 0?``:String(a))}get[Symbol.toStringTag](){return`CommandEvent`}get source(){if(!n.has(this))throw TypeError(`illegal invocation`);let e=n.get(this);if(!(e instanceof Element))return null;let r=t(e);return r===t(this.target||document)?e:r.host}get command(){if(!r.has(this))throw TypeError(`illegal invocation`);return r.get(this)}}e(i.prototype,`source`),e(i.prototype,`command`);let a=new WeakMap;function o(e){Object.defineProperties(e.prototype,{commandForElement:{enumerable:!0,configurable:!0,set(e){if(e===null)this.removeAttribute(`commandfor`),a.delete(this);else if(e instanceof Element){this.setAttribute(`commandfor`,``);let n=t(e);t(this)===n||n===this.ownerDocument?a.set(this,e):a.delete(this)}else throw TypeError(`commandForElement must be an element or null`)},get(){if(this.localName!==`button`||this.disabled)return null;if(this.form&&this.getAttribute(`type`)!==`button`)return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"),null;let e=a.get(this);if(e)return e.isConnected?e:(a.delete(this),null);let n=t(this),r=this.getAttribute(`commandfor`);return(n instanceof Document||n instanceof ShadowRoot)&&r&&n.getElementById(r)||null}},command:{enumerable:!0,configurable:!0,get(){let e=this.getAttribute(`command`)||``;if(e.startsWith(`--`))return e;let t=e.toLowerCase();switch(t){case`show-modal`:case`request-close`:case`close`:case`toggle-popover`:case`hide-popover`:case`show-popover`:return t}return``},set(e){this.setAttribute(`command`,e)}}})}let s=new WeakMap;Object.defineProperties(HTMLElement.prototype,{oncommand:{enumerable:!0,configurable:!0,get(){return l.takeRecords(),s.get(this)||null},set(e){let t=s.get(this)||null;t&&this.removeEventListener(`command`,t),s.set(this,typeof e==`object`||typeof e==`function`?e:null),typeof e==`function`&&this.addEventListener(`command`,e)}}});function c(e){for(let t of e)t.oncommand=Function(`event`,t.getAttribute(`oncommand`))}let l=new MutationObserver(e=>{for(let t of e){let{target:e}=t;t.type===`childList`?c(e.querySelectorAll(`[oncommand]`)):c([e])}});l.observe(document,{subtree:!0,childList:!0,attributeFilter:[`oncommand`]}),c(document.querySelectorAll(`[oncommand]`));let u=new WeakSet;function d(e){if(u.has(e)||(u.add(e),e.defaultPrevented)||e.type!==`click`)return;let t=e.composedPath().find(e=>e.matches?.(`button[commandfor], button[command]`));if(!t)return;if(t.form&&t.getAttribute(`type`)!==`button`)throw e.preventDefault(),Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");if(t.hasAttribute(`command`)!==t.hasAttribute(`commandfor`)){let e=t.hasAttribute(`command`)?`command`:`commandfor`,n=t.hasAttribute(`command`)?`commandfor`:`command`;throw Error(`Element with ${e} attribute must also have a ${n} attribute to function.`)}if(t.command!==`show-popover`&&t.command!==`hide-popover`&&t.command!==`toggle-popover`&&t.command!==`show-modal`&&t.command!==`request-close`&&t.command!==`close`&&!t.command.startsWith(`--`)){console.warn(`"${t.command}" is not a valid command value. Custom commands must begin with --`);return}let n=t.commandForElement;if(!n)return;let r=new i(`command`,{command:t.command,source:t,cancelable:!0});if(n.dispatchEvent(r),r.defaultPrevented)return;let a=r.command.toLowerCase();if(n.popover){let e=!n.matches(`:popover-open`);e&&(a===`toggle-popover`||a===`show-popover`)?n.showPopover({source:t}):!e&&(a===`toggle-popover`||a===`hide-popover`)&&n.hidePopover()}else if(n.localName===`dialog`){let e=!n.hasAttribute(`open`);e&&a==`show-modal`?n.showModal():!e&&a==`close`?n.close(t.value?t.value:void 0):!e&&a==`request-close`&&(HTMLDialogElement.prototype.requestClose||(HTMLDialogElement.prototype.requestClose=function(){let e=new Event(`cancel`,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented||this.close()}),n.requestClose(t.value?t.value:void 0))}}function f(e){e.addEventListener(`click`,d,!0)}function p(e,t){let n=e.prototype.attachShadow;e.prototype.attachShadow=function(e){let r=n.call(this,e);return t(r),r};let r=e.prototype.attachInternals;e.prototype.attachInternals=function(){let e=r.call(this);return e.shadowRoot&&t(e.shadowRoot),e}}o(HTMLButtonElement),p(HTMLElement,e=>{f(e),l.observe(e,{attributeFilter:[`oncommand`]}),c(e.querySelectorAll(`[oncommand]`))}),f(document),Object.assign(globalThis,{CommandEvent:i})}export{t as apply,e as isSupported};
 //# sourceMappingURL=invoker.js.map

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.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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"}
+{"version":3,"file":"invoker.js","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.4/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  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 =\n        !canShow &&\n        (command === \"toggle-popover\" || 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/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,onMutation as l,useId as u,warn as d}from"../utils/utils.js";const f=`data-field`,p=`data-limit`,m=`aria-invalid`,h=`aria-describedby`,g=`data-indeterminate`,_=`:scope > [${f}="validation"]`,v=s()?800:200,y=e=>{let t=[],n=[],i=e._descs||[],a=!1,o=!1;e._input?.hidden&&(e._input=void 0);for(let r of e.getElementsByTagName(`*`))if(r instanceof HTMLLabelElement&&t.push(r),!r.hidden)if(C(r))e._input?.isConnected&&e._input!==r?d(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,e):e._input=r;else{let t=r.getAttribute(f);t===`counter`&&(e._counter=r),t===`validation`?(n.unshift(u(r)),a=!0,o||=S(r)):t&&n.push(u(r))}if(!e._input?.isConnected)return;let s=e._input;for(let e of t)r(e,`for`,u(s)||null);let c=e.closest(`fieldset`)?.querySelector(_);c&&!c?.hidden&&(a=!0,o||=S(c),n.unshift(u(c)));let l=r(s,g);l&&(s.indeterminate=l===`true`),(s.type===`radio`||s.type===`checkbox`)&&r(e,`data-clickdelegatefor`,u(s));let p=(r(s,h)?.trim().split(/\s+/))?.filter(e=>!i.includes(e))||[];r(s,h,[...n,...p].join(` `)||null),e._descs=n;let v=e._validation;a&&!v&&!s.hasAttribute(m)?(r(s,m,o?`true`:null),e._validation=!0):!a&&v&&(r(s,m,null),e._validation=void 0),e.handleEvent()},b={over:`%d tegn for mye`,under:`%d tegn igjen`},x=o((e,t)=>{document?.activeElement===e&&n(t)},v),S=e=>{let t=e.getAttribute(`data-color`);return!t||t===`danger`},C=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var w=class extends e{_counter;_descs;_input;_validation;_unevents;_unmutate;connectedCallback(){this._unevents=c(this,`input`,this,t),this._unmutate=l(this,()=>y(this),{attributeFilter:[f,p,`hidden`,`id`,`value`,g],attributes:!0,childList:!0,subtree:!0})}handleEvent(e){let{_counter:t,_input:n}=this;if(t?.isConnected&&n){let a=(Number(r(t,p))||0)-n.value.length,o=a<0?`over`:`under`,s=(i(t,`data-${o}`)||b[o])?.replace(`%d`,`${Math.abs(a)}`);s||d(`Missing data-${o} on:`,t),r(t,`data-label`,s),r(t,`data-state`,o),r(t,`data-color`,a<0?`danger`:null),r(n,`aria-invalid`,a<0?`true`:null),e?.type===`input`&&s&&x(n,s)}n instanceof HTMLTextAreaElement&&(n.style.setProperty(`--_ds-field-sizing`,`auto`),n.style.setProperty(`--_ds-field-sizing`,`${n.scrollHeight}px`))}disconnectedCallback(){this._unevents?.(),this._unmutate?.(),this._unevents=this._unmutate=void 0,this._input=this._counter=this._descs=this._validation=void 0}};a.define(`ds-field`,w);export{w 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,isBrowser as s,isWindows as c,on as l,onMutation as u,useId as d,warn as f}from"../utils/utils.js";const p=`data-field`,m=`data-limit`,h=`aria-invalid`,g=`aria-describedby`,_=`data-indeterminate`,v=`:scope > [${p}="validation"]`,y=c()?800:200,b=e=>{let t=[],n=[],i=e._descs||[],a=!1,o=!1;e._input?.hidden&&(e._input=void 0);for(let r of e.getElementsByTagName(`*`))if(r instanceof HTMLLabelElement&&t.push(r),!r.hidden)if(w(r))e._input?.isConnected&&e._input!==r?f(`Fields should only have one input element. Use <fieldset> to group multiple fields:`,e):e._input=r;else{let t=r.getAttribute(p);t===`counter`&&(e._counter=r),t===`validation`?(n.unshift(d(r)),a=!0,o||=C(r)):t&&n.push(d(r))}if(!e._input?.isConnected)return;let s=e._input;for(let e of t)r(e,`for`,d(s)||null);let c=e.closest(`fieldset`)?.querySelector(v);c&&!c?.hidden&&(a=!0,o||=C(c),n.unshift(d(c)));let l=r(s,_);l&&(s.indeterminate=l===`true`),(s.type===`radio`||s.type===`checkbox`)&&r(e,`data-clickdelegatefor`,d(s));let u=(r(s,g)?.trim().split(/\s+/))?.filter(e=>!i.includes(e))||[];r(s,g,[...n,...u].join(` `)||null),e._descs=n;let m=e._validation;a&&!m&&!s.hasAttribute(h)?(r(s,h,o?`true`:null),e._validation=!0):!a&&m&&(r(s,h,null),e._validation=void 0),e.handleEvent()},x={over:`%d tegn for mye`,under:`%d tegn igjen`},S=o((e,t)=>{s()&&document.activeElement===e&&n(t)},y),C=e=>{let t=e.getAttribute(`data-color`);return!t||t===`danger`},w=e=>e instanceof HTMLElement&&`validity`in e&&!(e instanceof HTMLButtonElement)&&e.type!==`hidden`;var T=class extends e{_counter;_descs;_input;_validation;_unevents;_unmutate;connectedCallback(){this._unevents=l(this,`input`,this,t),this._unmutate=u(this,()=>b(this),{attributeFilter:[p,m,`hidden`,`id`,`value`,_],attributes:!0,childList:!0,subtree:!0})}handleEvent(e){let{_counter:t,_input:n}=this;if(t?.isConnected&&n){let a=(Number(r(t,m))||0)-n.value.length,o=a<0?`over`:`under`,s=(i(t,`data-${o}`)||x[o])?.replace(`%d`,`${Math.abs(a)}`);s||f(`Missing data-${o} on:`,t),r(t,`data-label`,s),r(t,`data-state`,o),r(t,`data-color`,a<0?`danger`:null),r(n,`aria-invalid`,a<0?`true`:null),e?.type===`input`&&s&&S(n,s)}n instanceof HTMLTextAreaElement&&(n.style.setProperty(`--_ds-field-sizing`,`auto`),n.style.setProperty(`--_ds-field-sizing`,`${n.scrollHeight}px`))}disconnectedCallback(){this._unevents?.(),this._unmutate?.(),this._unevents=this._unmutate=void 0,this._input=this._counter=this._descs=this._validation=void 0}};a.define(`ds-field`,T);export{T 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  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_FIELD = 'data-field';\nconst ATTR_LIMIT = 'data-limit';\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst SELECTOR_VALIDATION = `:scope > [${ATTR_FIELD}=\"validation\"]`;\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\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 = field._descs || []; // Retrieve previously managed IDs for this field\n  let hasValidation = false;\n  let invalid = false;\n\n  if (field._input?.hidden) field._input = undefined; // Reset input if it has been hidden\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 (field._input?.isConnected && field._input !== el)\n        warn(WARNING_MULTIPLE_INPUTS, field);\n      else field._input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute(ATTR_FIELD); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') field._counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalidColor(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!field._input?.isConnected) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n\n  const input = field._input;\n  for (const label of labels) attr(label, 'for', useId(input) || null);\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(SELECTOR_VALIDATION);\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalidColor(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\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  field._descs = nextDescs;\n\n  // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n  const hadValidation = field._validation;\n  if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n    attr(input, ATTR_INVALID, invalid ? 'true' : null);\n    field._validation = true;\n  } else if (!hasValidation && hadValidation) {\n    attr(input, ATTR_INVALID, null); // Remove aria-invalid\n    field._validation = undefined;\n  }\n\n  field.handleEvent(); // 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 debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  // Using document?. as this function might run after document is unmounted by tests\n  if (document?.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalidColor = (el: Element) => {\n  const color = el.getAttribute('data-color');\n  return !color || color === 'danger';\n};\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  _counter?: Element; // Using underscore instead of private fields for backwards compatibility\n  _descs?: string[];\n  _input?: HTMLInputElement;\n  _validation?: boolean;\n  _unevents?: () => void;\n  _unmutate?: () => void;\n\n  connectedCallback() {\n    this._unevents = on(this, 'input', this, QUICK_EVENT);\n    this._unmutate = onMutation(this, () => handleFieldMutation(this), {\n      attributeFilter: [\n        ATTR_FIELD,\n        ATTR_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  handleEvent(event?: Event) {\n    const { _counter, _input } = this;\n\n    if (_counter?.isConnected && _input) {\n      const limit = Number(attr(_counter, ATTR_LIMIT)) || 0;\n      const count = limit - _input.value.length;\n      const state = count < 0 ? 'over' : 'under';\n      const label = (attrOrCSS(_counter, `data-${state}`) || TEXTS[state]) // Browser translation tools will not pick up dynamic text anyway, so no need to use aria-labelledby here\n        ?.replace('%d', `${Math.abs(count)}`);\n\n      if (!label) warn(`Missing data-${state} on:`, _counter);\n      attr(_counter, 'data-label', label); // Using attribute to prevent hydration 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      attr(_input, 'aria-invalid', count < 0 ? 'true' : null); // Toggle aria-invalid of textarea\n\n      // Only update live region when user is actually typing\n      if (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(\n        '--_ds-field-sizing',\n        `${_input.scrollHeight}px`,\n      );\n    }\n  }\n  disconnectedCallback() {\n    this._unevents?.();\n    this._unmutate?.();\n    this._unevents = this._unmutate = undefined;\n    this._input = this._counter = this._descs = this._validation = undefined;\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n"],"mappings":"oMAsBA,MAAM,EAAa,aACb,EAAa,aACb,EAAe,eACf,EAAmB,mBACnB,EAAqB,qBACrB,EAAsB,aAAa,EAAW,gBAC9C,EAAmB,EAAU,EAAI,IAAM,IAGvC,EAAuB,GAA0B,CACrD,IAAM,EAA6B,CAAC,EAC9B,EAAsB,CAAC,EACvB,EAAY,EAAM,QAAU,CAAC,EAC/B,EAAgB,GAChB,EAAU,GAEV,EAAM,QAAQ,SAAQ,EAAM,OAAS,IAAA,IAEzC,IAAK,IAAM,KAAM,EAAM,qBAAqB,GAAG,EAC7C,GAAI,aAAc,kBAAkB,EAAO,KAAK,CAAE,EAC7C,GAAmB,OACxB,GAAI,EAAY,CAAE,EACZ,EAAM,QAAQ,aAAe,EAAM,SAAW,EAChD,EAAK,sFAAyB,CAAK,EAChC,EAAM,OAAS,MACf,CACL,IAAM,EAAO,EAAG,aAAa,CAAU,EACnC,IAAS,YAAW,EAAM,SAAW,GACrC,IAAS,cACX,EAAU,QAAQ,EAAM,CAAE,CAAC,EAC3B,EAAgB,GAChB,IAAqB,EAAe,CAAE,GAC7B,GAAM,EAAU,KAAK,EAAM,CAAE,CAAC,CAC3C,CAGF,GAAI,CAAC,EAAM,QAAQ,YAAa,OAEhC,IAAM,EAAQ,EAAM,OACpB,IAAK,IAAM,KAAS,EAAQ,EAAK,EAAO,MAAO,EAAM,CAAK,GAAK,IAAI,EAEnE,IAAM,EAAqB,EACxB,QAAQ,UAAU,CAAC,EAClB,cAA2B,CAAmB,EAG9C,GAAsB,CAAC,GAAoB,SAC7C,EAAgB,GAChB,IAAqB,EAAe,CAAkB,EACtD,EAAU,QAAQ,EAAM,CAAkB,CAAC,GAK7C,IAAM,EAAgB,EAAK,EAAO,CAAkB,EAChD,IAAe,EAAM,cAAgB,IAAkB,SAGzC,EAAM,OAAS,SAAW,EAAM,OAAS,aAC5C,EAAK,EAAO,wBAAyB,EAAM,CAAK,CAAC,EAIhE,IAAM,GADc,EAAK,EAAO,CAAgB,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,KAAK,EAAA,EAC3C,OAAQ,GAAO,CAAC,EAAU,SAAS,CAAE,CAAC,GAAK,CAAC,EACtE,EAAK,EAAO,EAAkB,CAAC,GAAG,EAAW,GAAG,CAAI,CAAC,CAAC,KAAK,GAAG,GAAK,IAAI,EACvE,EAAM,OAAS,EAGf,IAAM,EAAgB,EAAM,YACxB,GAAiB,CAAC,GAAiB,CAAC,EAAM,aAAa,CAAY,GACrE,EAAK,EAAO,EAAc,EAAU,OAAS,IAAI,EACjD,EAAM,YAAc,IACX,CAAC,GAAiB,IAC3B,EAAK,EAAO,EAAc,IAAI,EAC9B,EAAM,YAAc,IAAA,IAGtB,EAAM,YAAY,CACpB,EAGM,EAAQ,CACZ,KAAM,kBACN,MAAO,eACT,EAEM,EAA6B,GAAU,EAAgB,IAAiB,CAExE,UAAU,gBAAkB,GAAO,EAAS,CAAI,CACtD,EAAG,CAAgB,EAEb,EAAkB,GAAgB,CACtC,IAAM,EAAQ,EAAG,aAAa,YAAY,EAC1C,MAAO,CAAC,GAAS,IAAU,QAC7B,EACM,EAAe,GACnB,aAAc,aACd,aAAc,GACd,EAAE,aAAc,oBACf,EAAwB,OAAS,SAGpC,IAAa,EAAb,cAAoC,CAAU,CAC5C,SACA,OACA,OACA,YACA,UACA,UAEA,mBAAoB,CAClB,KAAK,UAAY,EAAG,KAAM,QAAS,KAAM,CAAW,EACpD,KAAK,UAAY,EAAW,SAAY,EAAoB,IAAI,EAAG,CACjE,gBAAiB,CACf,EACA,EACA,SACA,KACA,QACA,CACF,EACA,WAAY,GACZ,UAAW,GACX,QAAS,EACX,CAAC,CACH,CACA,YAAY,EAAe,CACzB,GAAM,CAAE,WAAU,UAAW,KAE7B,GAAI,GAAU,aAAe,EAAQ,CAEnC,IAAM,GADQ,OAAO,EAAK,EAAU,CAAU,CAAC,GAAK,GAC9B,EAAO,MAAM,OAC7B,EAAQ,EAAQ,EAAI,OAAS,QAC7B,GAAS,EAAU,EAAU,QAAQ,GAAO,GAAK,EAAM,GAAA,EACzD,QAAQ,KAAM,GAAG,KAAK,IAAI,CAAK,GAAG,EAEjC,GAAO,EAAK,gBAAgB,EAAM,MAAO,CAAQ,EACtD,EAAK,EAAU,aAAc,CAAK,EAClC,EAAK,EAAU,aAAc,CAAK,EAClC,EAAK,EAAU,aAAc,EAAQ,EAAI,SAAW,IAAI,EACxD,EAAK,EAAQ,eAAgB,EAAQ,EAAI,OAAS,IAAI,EAGlD,GAAO,OAAS,SAAW,GAC7B,EAA2B,EAAQ,CAAK,CAC5C,CACI,aAAkB,sBACpB,EAAO,MAAM,YAAY,qBAAsB,MAAM,EACrD,EAAO,MAAM,YACX,qBACA,GAAG,EAAO,aAAa,GACzB,EAEJ,CACA,sBAAuB,CACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,UAAY,KAAK,UAAY,IAAA,GAClC,KAAK,OAAS,KAAK,SAAW,KAAK,OAAS,KAAK,YAAc,IAAA,EACjE,CACF,EAEA,EAAe,OAAO,WAAY,CAAc"}
+{"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  isBrowser,\n  isWindows,\n  on,\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_FIELD = 'data-field';\nconst ATTR_LIMIT = 'data-limit';\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst SELECTOR_VALIDATION = `:scope > [${ATTR_FIELD}=\"validation\"]`;\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\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 = field._descs || []; // Retrieve previously managed IDs for this field\n  let hasValidation = false;\n  let invalid = false;\n\n  if (field._input?.hidden) field._input = undefined; // Reset input if it has been hidden\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 (field._input?.isConnected && field._input !== el)\n        warn(WARNING_MULTIPLE_INPUTS, field);\n      else field._input = el; // Only register if visible input\n    } else {\n      const type = el.getAttribute(ATTR_FIELD); // Using getAttribute instead of attr for best performance\n      if (type === 'counter') field._counter = el;\n      if (type === 'validation') {\n        nextDescs.unshift(useId(el));\n        hasValidation = true;\n        invalid = invalid || isInvalidColor(el);\n      } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n    }\n  }\n\n  if (!field._input?.isConnected) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n\n  const input = field._input;\n  for (const label of labels) attr(label, 'for', useId(input) || null);\n\n  const fieldsetValidation = field\n    .closest('fieldset')\n    ?.querySelector<HTMLElement>(SELECTOR_VALIDATION);\n\n  // Connect fieldset validation to inputs\n  if (fieldsetValidation && !fieldsetValidation?.hidden) {\n    hasValidation = true;\n    invalid = invalid || isInvalidColor(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\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  field._descs = nextDescs;\n\n  // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n  const hadValidation = field._validation;\n  if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n    attr(input, ATTR_INVALID, invalid ? 'true' : null);\n    field._validation = true;\n  } else if (!hasValidation && hadValidation) {\n    attr(input, ATTR_INVALID, null); // Remove aria-invalid\n    field._validation = undefined;\n  }\n\n  field.handleEvent(); // 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 debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n  // Using isBrowser() to check if environment still exits and is not unmounted by tests\n  if (isBrowser() && document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalidColor = (el: Element) => {\n  const color = el.getAttribute('data-color');\n  return !color || color === 'danger';\n};\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  _counter?: Element; // Using underscore instead of private fields for backwards compatibility\n  _descs?: string[];\n  _input?: HTMLInputElement;\n  _validation?: boolean;\n  _unevents?: () => void;\n  _unmutate?: () => void;\n\n  connectedCallback() {\n    this._unevents = on(this, 'input', this, QUICK_EVENT);\n    this._unmutate = onMutation(this, () => handleFieldMutation(this), {\n      attributeFilter: [\n        ATTR_FIELD,\n        ATTR_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  handleEvent(event?: Event) {\n    const { _counter, _input } = this;\n\n    if (_counter?.isConnected && _input) {\n      const limit = Number(attr(_counter, ATTR_LIMIT)) || 0;\n      const count = limit - _input.value.length;\n      const state = count < 0 ? 'over' : 'under';\n      const label = (attrOrCSS(_counter, `data-${state}`) || TEXTS[state]) // Browser translation tools will not pick up dynamic text anyway, so no need to use aria-labelledby here\n        ?.replace('%d', `${Math.abs(count)}`);\n\n      if (!label) warn(`Missing data-${state} on:`, _counter);\n      attr(_counter, 'data-label', label); // Using attribute to prevent hydration 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      attr(_input, 'aria-invalid', count < 0 ? 'true' : null); // Toggle aria-invalid of textarea\n\n      // Only update live region when user is actually typing\n      if (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(\n        '--_ds-field-sizing',\n        `${_input.scrollHeight}px`,\n      );\n    }\n  }\n  disconnectedCallback() {\n    this._unevents?.();\n    this._unmutate?.();\n    this._unevents = this._unmutate = undefined;\n    this._input = this._counter = this._descs = this._validation = undefined;\n  }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n"],"mappings":"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"}

package/dist/esm/packages/web/package.js

@@ -1,2 +1,2 @@
-var e=`1.20.1`;export{e as version};
+var e=`1.21.0`;export{e as version};
 //# sourceMappingURL=package.js.map

package/dist/index.js

@@ -4,7 +4,7 @@ import { UHTMLComboboxElement } from "@u-elements/u-combobox";
 import * as UTabs from "@u-elements/u-tabs";
 export * from "@u-elements/u-datalist";
 //#region package.json
-var version = "1.20.1";
+var version = "1.21.0";
 //#endregion
 //#region src/utils/utils.ts
 const ARIA_DESC = "aria-description";
@@ -477,17 +477,11 @@ if (!IS_SUPPORTED) onHotReload(ATTR_GROUP, () => [
 	}
 ]);
 //#endregion
-//#region ../../node_modules/.pnpm/invokers-polyfill@1.0.3/node_modules/invokers-polyfill/invoker.js
+//#region ../../node_modules/.pnpm/invokers-polyfill@1.0.4/node_modules/invokers-polyfill/invoker.js
 function isSupported$1() {
 	return typeof HTMLButtonElement !== "undefined" && "command" in HTMLButtonElement.prototype && "source" in ((globalThis.CommandEvent || {}).prototype || {});
 }
 function apply$1() {
-	document.addEventListener("invoke", (e) => {
-		if (e.type == "invoke" && e.isTrusted) {
-			e.stopImmediatePropagation();
-			e.preventDefault();
-		}
-	}, true);
 	document.addEventListener("command", (e) => {
 		if (e.type == "command" && e.isTrusted) {
 			e.stopImmediatePropagation();
@@ -658,7 +652,7 @@ function apply$1() {
 		if (invokee.popover) {
 			const canShow = !invokee.matches(":popover-open");
 			const shouldShow = canShow && (command === "toggle-popover" || command === "show-popover");
-			const shouldHide = !canShow && command === "hide-popover";
+			const shouldHide = !canShow && (command === "toggle-popover" || command === "hide-popover");
 			if (shouldShow) invokee.showPopover({ source });
 			else if (shouldHide) invokee.hidePopover();
 		} else if (invokee.localName === "dialog") {
@@ -1786,7 +1780,7 @@ const TEXTS = {
 	under: "%d tegn igjen"
 };
 const debouncedCounterLiveRegion = debounce((input, text) => {
-	if (document?.activeElement === input) announce(text);
+	if (isBrowser() && document.activeElement === input) announce(text);
 }, COUNTER_DEBOUNCE);
 const isInvalidColor = (el) => {
 	const color = el.getAttribute("data-color");