@digdir/designsystemet-web 1.13.1 → 1.13.3

package/README.md

@@ -19,6 +19,7 @@
 - [`data-tooltip`](#data-tooltip)
 - [`data-clickdelegatefor`](#data-clickdelegatefor)
 - [`readonly`](#readonly)
+- [`fieldset`](#fieldset)
 - [Polyfills](#polyfills)
   - [invokers-polyfill](#invokers-polyfill)
   - [`<dialog>`](#dialog)
@@ -180,7 +181,7 @@ Extends `u-tabs` from u-elements. See documentation for [u-tabs](https://u-eleme
 ## `data-toggle-group`
 This is implemented differently from `ToggleGroup` in the react package.
 
-An observer will look for `[data-toggle-group]` and add proper arrow navigation plus Enter-key support.
+An observer will look for `data-toggle-group` and add proper arrow navigation plus Enter-key support.
 
 ```html
 <fieldset class="ds-toggle-group" data-toggle-group="Text alignment" data-variant="secondary">
@@ -228,6 +229,16 @@ Used for fixing `readonly` support on `select` and `input` elements. Add `aria-r
   <option value="3">Option 3</option>
 </select>
 ```
+## `fieldset`
+
+An observer will look on `fieldset` element, add an id to combine children element with `data-field="description"` and `legend` into `aria-labeledby` on `fieldset`.
+
+```html
+<fieldset>
+    <legend>Delivery method</legend>
+    <p data-field="description">Choose one option</p>
+</fieldset>
+```
 
 
 ## Polyfills

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

@@ -0,0 +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;
+//# sourceMappingURL=invoker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"invoker.cjs","names":[],"sources":["../../../../../../node_modules/.pnpm/invokers-polyfill@1.0.2_patch_hash=d5677be15320f04cdc552d82cb4a79242bd1cf8b26bcbb0a13e1153e7bed3b5a/node_modules/invokers-polyfill/invoker.js"],"sourcesContent":["export function isSupported() {\n  return (\n    typeof HTMLButtonElement !== \"undefined\" &&\n    \"command\" in HTMLButtonElement.prototype &&\n    \"source\" in ((globalThis.CommandEvent || {}).prototype || {})\n  );\n}\n\nexport function isPolyfilled() {\n  return !/native code/i.test((globalThis.CommandEvent || {}).toString());\n}\n\nexport function apply() {\n  // XXX: Invoker Buttons used to dispatch 'invoke' events instead of\n  // 'command' events. We should ensure to prevent 'invoke' events being\n  // fired in those browsers.\n  // XXX: https://bugs.chromium.org/p/chromium/issues/detail?id=1523183\n  // Chrome will dispatch invoke events even with the flag disabled; so\n  // we need to capture those to prevent duplicate events.\n  document.addEventListener(\n    \"invoke\",\n    (e) => {\n      if (e.type == \"invoke\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n  document.addEventListener(\n    \"command\",\n    (e) => {\n      if (e.type == \"command\" && e.isTrusted) {\n        e.stopImmediatePropagation();\n        e.preventDefault();\n      }\n    },\n    true,\n  );\n\n  function enumerate(obj, key, enumerable = true) {\n    Object.defineProperty(obj, key, {\n      ...Object.getOwnPropertyDescriptor(obj, key),\n      enumerable,\n    });\n  }\n\n  function getRootNode(node) {\n    if (node && typeof node.getRootNode === \"function\") {\n      return node.getRootNode();\n    }\n    if (node && node.parentNode) return getRootNode(node.parentNode);\n    return node;\n  }\n\n  const commandEventSourceElements = new WeakMap();\n  const commandEventActions = new WeakMap();\n\n  class CommandEvent extends Event {\n    constructor(type, invokeEventInit = {}) {\n      super(type, invokeEventInit);\n      const { source, command } = invokeEventInit;\n      if (source != null && !(source instanceof Element)) {\n        throw new TypeError(`source must be an element`);\n      }\n      commandEventSourceElements.set(this, source || null);\n      commandEventActions.set(\n        this,\n        command !== undefined ? String(command) : \"\",\n      );\n    }\n\n    get [Symbol.toStringTag]() {\n      return \"CommandEvent\";\n    }\n\n    get source() {\n      if (!commandEventSourceElements.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      const source = commandEventSourceElements.get(this);\n      if (!(source instanceof Element)) return null;\n      const invokerRoot = getRootNode(source);\n      if (invokerRoot !== getRootNode(this.target || document)) {\n        return invokerRoot.host;\n      }\n      return source;\n    }\n\n    get command() {\n      if (!commandEventActions.has(this)) {\n        throw new TypeError(\"illegal invocation\");\n      }\n      return commandEventActions.get(this);\n    }\n  }\n  enumerate(CommandEvent.prototype, \"source\");\n  enumerate(CommandEvent.prototype, \"command\");\n\n  const invokerAssociatedElements = new WeakMap();\n\n  function applyInvokerMixin(ElementClass) {\n    Object.defineProperties(ElementClass.prototype, {\n      commandForElement: {\n        enumerable: true,\n        configurable: true,\n        set(targetElement) {\n          if (targetElement === null) {\n            this.removeAttribute(\"commandfor\");\n            invokerAssociatedElements.delete(this);\n          } else if (!(targetElement instanceof Element)) {\n            throw new TypeError(`commandForElement must be an element or null`);\n          } else {\n            this.setAttribute(\"commandfor\", \"\");\n            const targetRootNode = getRootNode(targetElement);\n            const thisRootNode = getRootNode(this);\n            if (\n              thisRootNode === targetRootNode ||\n              targetRootNode === this.ownerDocument\n            ) {\n              invokerAssociatedElements.set(this, targetElement);\n            } else {\n              invokerAssociatedElements.delete(this);\n            }\n          }\n        },\n        get() {\n          if (this.localName !== \"button\") {\n            return null;\n          }\n          if (this.disabled) {\n            return null;\n          }\n          if (this.form && this.getAttribute(\"type\") !== \"button\") {\n            console.warn(\n              \"Element with `commandFor` is a form participant. \" +\n                \"It should explicitly set `type=button` in order for `commandFor` to work\",\n            );\n            return null;\n          }\n          const targetElement = invokerAssociatedElements.get(this);\n          if (targetElement) {\n            if (targetElement.isConnected) {\n              return targetElement;\n            } else {\n              invokerAssociatedElements.delete(this);\n              return null;\n            }\n          }\n          const root = getRootNode(this);\n          const idref = this.getAttribute(\"commandfor\");\n          if (\n            (root instanceof Document || root instanceof ShadowRoot) &&\n            idref\n          ) {\n            return root.getElementById(idref) || null;\n          }\n          return null;\n        },\n      },\n      command: {\n        enumerable: true,\n        configurable: true,\n        get() {\n          const value = this.getAttribute(\"command\") || \"\";\n          if (value.startsWith(\"--\")) return value;\n          const valueLower = value.toLowerCase();\n          switch (valueLower) {\n            case \"show-modal\":\n            case \"request-close\":\n            case \"close\":\n            case \"toggle-popover\":\n            case \"hide-popover\":\n            case \"show-popover\":\n              return valueLower;\n          }\n          return \"\";\n        },\n        set(value) {\n          this.setAttribute(\"command\", value);\n        },\n      },\n    });\n  }\n\n  const onHandlers = new WeakMap();\n  Object.defineProperties(HTMLElement.prototype, {\n    oncommand: {\n      enumerable: true,\n      configurable: true,\n      get() {\n        oncommandObserver.takeRecords();\n        return onHandlers.get(this) || null;\n      },\n      set(handler) {\n        const existing = onHandlers.get(this) || null;\n        if (existing) {\n          this.removeEventListener(\"command\", existing);\n        }\n        onHandlers.set(\n          this,\n          typeof handler === \"object\" || typeof handler === \"function\"\n            ? handler\n            : null,\n        );\n        if (typeof handler == \"function\") {\n          this.addEventListener(\"command\", handler);\n        }\n      },\n    },\n  });\n  function applyOnCommandHandler(els) {\n    for (const el of els) {\n      el.oncommand = new Function(\"event\", el.getAttribute(\"oncommand\"));\n    }\n  }\n  const oncommandObserver = new MutationObserver((records) => {\n    for (const record of records) {\n      const { target } = record;\n      if (record.type === \"childList\") {\n        applyOnCommandHandler(target.querySelectorAll(\"[oncommand]\"));\n      } else {\n        applyOnCommandHandler([target]);\n      }\n    }\n  });\n  oncommandObserver.observe(document, {\n    subtree: true,\n    childList: true,\n    attributeFilter: [\"oncommand\"],\n  });\n  applyOnCommandHandler(document.querySelectorAll(\"[oncommand]\"));\n\n  const processedEvents = new WeakSet();\n\n  function handleInvokerActivation(event) {\n    if (processedEvents.has(event)) return;\n\n    processedEvents.add(event);\n\n    if (event.defaultPrevented) return;\n    if (event.type !== \"click\") return;\n    const source = event.composedPath().find((el) => el.matches?.(\"button[commandfor], button[command]\"));\n    if (!source) return;\n\n    if (source.form && source.getAttribute(\"type\") !== \"button\") {\n      event.preventDefault();\n      throw new Error(\n        \"Element with `commandFor` is a form participant. \" +\n          \"It should explicitly set `type=button` in order for `commandFor` to work. \" +\n          \"In order for it to act as a Submit button, it must not have command or commandfor attributes\",\n      );\n    }\n\n    if (source.hasAttribute(\"command\") !== source.hasAttribute(\"commandfor\")) {\n      const attr = source.hasAttribute(\"command\") ? \"command\" : \"commandfor\";\n      const missing = source.hasAttribute(\"command\") ? \"commandfor\" : \"command\";\n      throw new Error(\n        `Element with ${attr} attribute must also have a ${missing} attribute to function.`,\n      );\n    }\n\n    if (\n      source.command !== \"show-popover\" &&\n      source.command !== \"hide-popover\" &&\n      source.command !== \"toggle-popover\" &&\n      source.command !== \"show-modal\" &&\n      source.command !== \"request-close\" &&\n      source.command !== \"close\" &&\n      !source.command.startsWith(\"--\")\n    ) {\n      console.warn(\n        `\"${source.command}\" is not a valid command value. Custom commands must begin with --`,\n      );\n      return;\n    }\n\n    const invokee = source.commandForElement;\n    if (!invokee) return;\n    const invokeEvent = new CommandEvent(\"command\", {\n      command: source.command,\n      source,\n      cancelable: true,\n    });\n    invokee.dispatchEvent(invokeEvent);\n    if (invokeEvent.defaultPrevented) return;\n\n    const command = invokeEvent.command.toLowerCase();\n\n    if (invokee.popover) {\n      const canShow = !invokee.matches(\":popover-open\");\n      const shouldShow =\n        canShow && (command === \"toggle-popover\" || command === \"show-popover\");\n      const shouldHide = !canShow && command === \"hide-popover\";\n\n      if (shouldShow) {\n        invokee.showPopover({ source });\n      } else if (shouldHide) {\n        invokee.hidePopover();\n      }\n    } else if (invokee.localName === \"dialog\") {\n      const canShow = !invokee.hasAttribute(\"open\");\n\n      if (canShow && command == \"show-modal\") {\n        invokee.showModal();\n      } else if (!canShow && command == \"close\") {\n        invokee.close(source.value ? source.value : undefined);\n      } else if (!canShow && command == \"request-close\") {\n        // requestClose is only supported from Safari 18.4, so we polyfill it on older browsers\n        if (!HTMLDialogElement.prototype.requestClose) {\n          HTMLDialogElement.prototype.requestClose = function () {\n            const cancelEvent = new Event(\"cancel\", { cancelable: true });\n            this.dispatchEvent(cancelEvent);\n\n            if (!cancelEvent.defaultPrevented) {\n              this.close();\n            }\n          };\n        }\n\n        invokee.requestClose(source.value ? source.value : undefined);\n      }\n    }\n  }\n\n  function setupInvokeListeners(target) {\n    target.addEventListener(\"click\", handleInvokerActivation, true);\n  }\n\n  function observeShadowRoots(ElementClass, callback) {\n    const attachShadow = ElementClass.prototype.attachShadow;\n    ElementClass.prototype.attachShadow = function (init) {\n      const shadow = attachShadow.call(this, init);\n      callback(shadow);\n      return shadow;\n    };\n    const attachInternals = ElementClass.prototype.attachInternals;\n    ElementClass.prototype.attachInternals = function () {\n      const internals = attachInternals.call(this);\n      if (internals.shadowRoot) callback(internals.shadowRoot);\n      return internals;\n    };\n  }\n\n  applyInvokerMixin(HTMLButtonElement);\n\n  observeShadowRoots(HTMLElement, (shadow) => {\n    setupInvokeListeners(shadow);\n    oncommandObserver.observe(shadow, { attributeFilter: [\"oncommand\"] });\n    applyOnCommandHandler(shadow.querySelectorAll(\"[oncommand]\"));\n  });\n\n  setupInvokeListeners(document);\n\n  Object.assign(globalThis, { CommandEvent });\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/cjs/breadcrumbs/breadcrumbs.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`),t=`aria-label`;var n=class extends e.DSElement{_items;_label=null;_render;_unresize;_unmutate;static get observedAttributes(){return[t]}connectedCallback(){this._label=e.attrOrCSS(this,t),this._items=this.getElementsByTagName(`a`),this._render=e.debounce(()=>r(this),100),this._unresize=e.on(window,`resize`,this._render),this._unmutate=e.onMutation(this,this._render,{childList:!0,subtree:!0})}attributeChangedCallback(e,t,n){n&&(this._label=n),this._render?.()}disconnectedCallback(){this._unresize?.(),this._unmutate?.(),this._unresize=this._unmutate=this._render=this._items=void 0}};const r=n=>{let r=n._items?.[n._items.length-1],i=r?.parentElement===n?null:r,a=!i?.offsetHeight;e.attr(n,`role`,a?null:`navigation`),e.attr(n,t,a?null:n._label);for(let t of n._items||[])e.attr(t,`aria-current`,t===i?`page`:null)};e.customElements.define(`ds-breadcrumbs`,n),exports.DSBreadcrumbsElement=n;
+const e=require(`../utils/utils.cjs`),t=`aria-label`;var n=class extends e.DSElement{_items;_label=null;_unresize;_unmutate;static get observedAttributes(){return[t]}connectedCallback(){let n=e.debounce(()=>r(this),100);this._label=e.attrOrCSS(this,t),this._items=this.getElementsByTagName(`a`),this._unresize=e.on(window,`resize`,n),this._unmutate=e.onMutation(this,r,{childList:!0,subtree:!0})}attributeChangedCallback(e,t,n){!this._unmutate||!n||(this._label=n,r(this))}disconnectedCallback(){this._unresize?.(),this._unmutate?.(),this._unresize=this._unmutate=this._items=void 0}};const r=n=>{let r=n._items?.[n._items.length-1],i=r?.parentElement===n?null:r,a=!i?.offsetHeight;e.attr(n,`role`,a?null:`navigation`),e.attr(n,t,a?null:n._label);for(let t of n._items||[])e.attr(t,`aria-current`,t===i?`page`:null)};e.customElements.define(`ds-breadcrumbs`,n),exports.DSBreadcrumbsElement=n;
 //# sourceMappingURL=breadcrumbs.cjs.map

package/dist/cjs/breadcrumbs/breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.cjs","names":["DSElement","attrOrCSS","debounce","on","onMutation","customElements"],"sources":["../../../src/breadcrumbs/breadcrumbs.ts"],"sourcesContent":["import {\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  on,\n  onMutation,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-breadcrumbs': DSBreadcrumbsElement;\n  }\n}\n\nconst ATTR_LABEL = 'aria-label';\n\nexport class DSBreadcrumbsElement extends DSElement {\n  _items?: HTMLCollectionOf<HTMLAnchorElement>; // Using underscore instead of private fields for backwards compatibility\n  _label: string | null = null;\n  _render?: () => void;\n  _unresize?: () => void;\n  _unmutate?: () => void;\n\n  static get observedAttributes() {\n    return [ATTR_LABEL]; // Using ES2015 syntax for backwards compatibility\n  }\n  connectedCallback() {\n    this._label = attrOrCSS(this, ATTR_LABEL); // Cache label for when list is hidden to prevent expensive DOM reads during resize\n    this._items = this.getElementsByTagName('a'); // Speed up by caching HTMLCollection\n    this._render = debounce(() => render(this), 100); // Debounce render to prevent multiple calls during resize and mutation observer calls\n    this._unresize = on(window, 'resize', this._render);\n    this._unmutate = onMutation(this, this._render, {\n      childList: true,\n      subtree: true,\n    });\n  }\n  attributeChangedCallback(_name: string, _prev?: string, next?: string) {\n    if (next) this._label = next; // Update cacheed label if aria-label attribute changes\n    this._render?.();\n  }\n  disconnectedCallback() {\n    this._unresize?.();\n    this._unmutate?.();\n    this._unresize = this._unmutate = this._render = this._items = undefined;\n  }\n}\n\nconst render = (self: DSBreadcrumbsElement) => {\n  const lastItem = self._items?.[self._items.length - 1];\n  const lastItemInList = lastItem?.parentElement === self ? null : lastItem;\n  const isListHidden = !lastItemInList?.offsetHeight;\n\n  attr(self, 'role', isListHidden ? null : 'navigation');\n  attr(self, ATTR_LABEL, isListHidden ? null : self._label); // Remove aria-label if list is hidden to prevent screen readers from announcing as breadcrumbs\n\n  for (const item of self._items || [])\n    attr(item, 'aria-current', item === lastItemInList ? 'page' : null);\n};\n\ncustomElements.define('ds-breadcrumbs', DSBreadcrumbsElement);\n"],"mappings":"sCAgBM,EAAa,aAEnB,IAAa,EAAb,cAA0CA,EAAAA,SAAU,CAClD,OACA,OAAwB,KACxB,QACA,UACA,UAEA,WAAW,oBAAqB,CAC9B,MAAO,CAAC,EAAW,CAErB,mBAAoB,CAClB,KAAK,OAASC,EAAAA,UAAU,KAAM,EAAW,CACzC,KAAK,OAAS,KAAK,qBAAqB,IAAI,CAC5C,KAAK,QAAUC,EAAAA,aAAe,EAAO,KAAK,CAAE,IAAI,CAChD,KAAK,UAAYC,EAAAA,GAAG,OAAQ,SAAU,KAAK,QAAQ,CACnD,KAAK,UAAYC,EAAAA,WAAW,KAAM,KAAK,QAAS,CAC9C,UAAW,GACX,QAAS,GACV,CAAC,CAEJ,yBAAyB,EAAe,EAAgB,EAAe,CACjE,IAAM,KAAK,OAAS,GACxB,KAAK,WAAW,CAElB,sBAAuB,CACrB,KAAK,aAAa,CAClB,KAAK,aAAa,CAClB,KAAK,UAAY,KAAK,UAAY,KAAK,QAAU,KAAK,OAAS,IAAA,KAInE,MAAM,EAAU,GAA+B,CAC7C,IAAM,EAAW,EAAK,SAAS,EAAK,OAAO,OAAS,GAC9C,EAAiB,GAAU,gBAAkB,EAAO,KAAO,EAC3D,EAAe,CAAC,GAAgB,aAEtC,EAAA,KAAK,EAAM,OAAQ,EAAe,KAAO,aAAa,CACtD,EAAA,KAAK,EAAM,EAAY,EAAe,KAAO,EAAK,OAAO,CAEzD,IAAK,IAAM,KAAQ,EAAK,QAAU,EAAE,CAClC,EAAA,KAAK,EAAM,eAAgB,IAAS,EAAiB,OAAS,KAAK,EAGvEC,EAAAA,eAAe,OAAO,iBAAkB,EAAqB"}
+{"version":3,"file":"breadcrumbs.cjs","names":["DSElement","debounce","attrOrCSS","on","onMutation","customElements"],"sources":["../../../src/breadcrumbs/breadcrumbs.ts"],"sourcesContent":["import {\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  on,\n  onMutation,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-breadcrumbs': DSBreadcrumbsElement;\n  }\n}\n\nconst ATTR_LABEL = 'aria-label';\n\nexport class DSBreadcrumbsElement extends DSElement {\n  _items?: HTMLCollectionOf<HTMLAnchorElement>; // Using underscore instead of private fields for backwards compatibility\n  _label: string | null = null;\n  _unresize?: () => void;\n  _unmutate?: () => void;\n\n  static get observedAttributes() {\n    return [ATTR_LABEL]; // Using ES2015 syntax for backwards compatibility\n  }\n  connectedCallback() {\n    const resize = debounce(() => render(this), 100);\n    this._label = attrOrCSS(this, ATTR_LABEL); // Label can have been set by attributeChangedCallback before connectedCallback\n    this._items = this.getElementsByTagName('a'); // Speed up by caching HTMLCollection\n    this._unresize = on(window, 'resize', resize);\n    this._unmutate = onMutation(this, render, {\n      childList: true,\n      subtree: true,\n    });\n  }\n  attributeChangedCallback(_name: string, _prev?: string, next?: string) {\n    if (!this._unmutate || !next) return; // Ensure we do not run unless connected and we have a label to set\n    this._label = next; // Update cacheed label if aria-label attribute changes\n    render(this);\n  }\n  disconnectedCallback() {\n    this._unresize?.();\n    this._unmutate?.();\n    this._unresize = this._unmutate = this._items = undefined;\n  }\n}\n\nconst render = (self: DSBreadcrumbsElement) => {\n  const lastItem = self._items?.[self._items.length - 1];\n  const lastItemInList = lastItem?.parentElement === self ? null : lastItem;\n  const isListHidden = !lastItemInList?.offsetHeight;\n\n  attr(self, 'role', isListHidden ? null : 'navigation');\n  attr(self, ATTR_LABEL, isListHidden ? null : self._label); // Remove aria-label if list is hidden to prevent screen readers from announcing as breadcrumbs\n\n  for (const item of self._items || [])\n    attr(item, 'aria-current', item === lastItemInList ? 'page' : null);\n};\n\ncustomElements.define('ds-breadcrumbs', DSBreadcrumbsElement);\n"],"mappings":"sCAgBM,EAAa,aAEnB,IAAa,EAAb,cAA0CA,EAAAA,SAAU,CAClD,OACA,OAAwB,KACxB,UACA,UAEA,WAAW,oBAAqB,CAC9B,MAAO,CAAC,EAAW,CAErB,mBAAoB,CAClB,IAAM,EAASC,EAAAA,aAAe,EAAO,KAAK,CAAE,IAAI,CAChD,KAAK,OAASC,EAAAA,UAAU,KAAM,EAAW,CACzC,KAAK,OAAS,KAAK,qBAAqB,IAAI,CAC5C,KAAK,UAAYC,EAAAA,GAAG,OAAQ,SAAU,EAAO,CAC7C,KAAK,UAAYC,EAAAA,WAAW,KAAM,EAAQ,CACxC,UAAW,GACX,QAAS,GACV,CAAC,CAEJ,yBAAyB,EAAe,EAAgB,EAAe,CACjE,CAAC,KAAK,WAAa,CAAC,IACxB,KAAK,OAAS,EACd,EAAO,KAAK,EAEd,sBAAuB,CACrB,KAAK,aAAa,CAClB,KAAK,aAAa,CAClB,KAAK,UAAY,KAAK,UAAY,KAAK,OAAS,IAAA,KAIpD,MAAM,EAAU,GAA+B,CAC7C,IAAM,EAAW,EAAK,SAAS,EAAK,OAAO,OAAS,GAC9C,EAAiB,GAAU,gBAAkB,EAAO,KAAO,EAC3D,EAAe,CAAC,GAAgB,aAEtC,EAAA,KAAK,EAAM,OAAQ,EAAe,KAAO,aAAa,CACtD,EAAA,KAAK,EAAM,EAAY,EAAe,KAAO,EAAK,OAAO,CAEzD,IAAK,IAAM,KAAQ,EAAK,QAAU,EAAE,CAClC,EAAA,KAAK,EAAM,eAAgB,IAAS,EAAiB,OAAS,KAAK,EAGvEC,EAAAA,eAAe,OAAO,iBAAkB,EAAqB"}

package/dist/cjs/clickdelegatefor/clickdelegatefor.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`),t=`:click-delegate-hover`,n=`data-clickdelegatefor`,r=`[${n}]`,i=e=>{let t=e.button===1||e.metaKey||e.ctrlKey,n=e.isTrusted&&e.button<2&&s(e);if(!(!n||n.contains(e.target))){if(t&&n instanceof HTMLAnchorElement)return window.open(n.href,void 0,n.rel);e.stopImmediatePropagation(),n.click()}};let a;const o=e=>{let n=s(e);a!==n&&(a&&a.classList.remove(t),n&&n.classList.add(t),a=n)},s=({target:e})=>{let t=(e instanceof Element?e.closest(r):null)?.getAttribute(n),i=t&&document.getElementById(t)||void 0,a=i&&e.closest(`a,button,label,input,select,textarea,details,dialog,[role="button"],[popover],[contenteditable]`);return(!a||a===i)&&!i?.disabled?i:void 0};e.onHotReload(`clickdelegatefor`,()=>[e.on(window,`click auxclick`,i,!0),e.on(document,`mouseover`,o,e.QUICK_EVENT)]);
+const e=require(`../utils/utils.cjs`),t=`:click-delegate-hover`,n=`data-clickdelegatefor`,r=`[${n}]`,i=e=>{let t=e.button===1||e.metaKey||e.ctrlKey,n=e.button<2&&s(e);if(!(!n||n.contains(e.target))){if(t&&n instanceof HTMLAnchorElement)return window.open(n.href,void 0,n.rel);e.stopImmediatePropagation(),n.click()}};let a;const o=e=>{let n=s(e);a!==n&&(a&&a.classList.remove(t),n&&n.classList.add(t),a=n)},s=({target:e})=>{let t=(e instanceof Element?e.closest(r):null)?.getAttribute(n),i=t&&document.getElementById(t)||void 0,a=i&&e.closest(`a,button,label,input,select,textarea,details,dialog,[role="button"],[popover],[contenteditable]`);return(!a||a===i)&&!i?.disabled?i:void 0};e.onHotReload(`clickdelegatefor`,()=>[e.on(window,`click auxclick`,i,!0),e.on(document,`mouseover`,o,e.QUICK_EVENT)]);
 //# sourceMappingURL=clickdelegatefor.cjs.map

package/dist/cjs/clickdelegatefor/clickdelegatefor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"clickdelegatefor.cjs","names":["onHotReload","on","QUICK_EVENT"],"sources":["../../../src/clickdelegatefor/clickdelegatefor.ts"],"sourcesContent":["// Adding support for click deletagtion, following\n// https://open-ui.org/components/link-area-delegation-explainer/\n// and https://github.com/openui/open-ui/issues/1104#issuecomment-3151387080\nimport { on, onHotReload, QUICK_EVENT } from '../utils/utils';\n\nconst CLASS_HOVER = ':click-delegate-hover';\nconst ATTR_CLICKDELEGATEFOR = 'data-clickdelegatefor';\nconst SELECTOR_CLICKDELEGATEFOR = `[${ATTR_CLICKDELEGATEFOR}]`;\nconst SELECTOR_SKIP =\n  'a,button,label,input,select,textarea,details,dialog,[role=\"button\"],[popover],[contenteditable]';\n\nconst handleClickDelegateFor = (event: MouseEvent) => {\n  const isNewTab = event.button === 1 || event.metaKey || event.ctrlKey; // Middle click or cmd/ctrl + click should open in new tab\n  const isUserLeftOrMiddleClick = event.isTrusted && event.button < 2; // Only accept left or middle clicks, and ignore the programatic .click() we're about to trigger\n  const delegateTarget = isUserLeftOrMiddleClick && getDelegateTarget(event);\n\n  if (!delegateTarget || delegateTarget.contains(event.target as Node)) return; // Only proxy event if delegated target isn't part of the original target\n  if (isNewTab && delegateTarget instanceof HTMLAnchorElement)\n    return window.open(delegateTarget.href, undefined, delegateTarget.rel); // If middle click or cmd/ctrl click on link, open in new tab\n  event.stopImmediatePropagation(); // We'll trigger a new click event anyway, so prevent actions on this one\n  delegateTarget.click(); // Forward click to the clickable element\n};\n\nlet HOVER: Element | undefined;\nconst handleMouseOver = (event: Event) => {\n  const delegateTarget = getDelegateTarget(event);\n  if (HOVER === delegateTarget) return; // No change\n  if (HOVER) HOVER.classList.remove(CLASS_HOVER);\n  if (delegateTarget) delegateTarget.classList.add(CLASS_HOVER);\n  HOVER = delegateTarget;\n};\n\nconst getDelegateTarget = ({ target: el }: Event) => {\n  const scope =\n    el instanceof Element ? el.closest(SELECTOR_CLICKDELEGATEFOR) : null;\n  const id = scope?.getAttribute(ATTR_CLICKDELEGATEFOR);\n  const target = (id && document.getElementById(id)) || undefined;\n  const skip = target && (el as Element).closest(SELECTOR_SKIP); // Ignore if interactive\n\n  return (!skip || skip === target) && !(target as HTMLInputElement)?.disabled\n    ? target\n    : undefined; // Skip disabled inputs\n};\n\nonHotReload('clickdelegatefor', () => [\n  on(window, 'click auxclick', handleClickDelegateFor as EventListener, true), // Use capture to ensure we run before other click listeners\n  on(document, 'mouseover', handleMouseOver, QUICK_EVENT), // Use passive for better performance\n]);\n"],"mappings":"sCAKM,EAAc,wBACd,EAAwB,wBACxB,EAA4B,IAAI,EAAsB,GAItD,EAA0B,GAAsB,CACpD,IAAM,EAAW,EAAM,SAAW,GAAK,EAAM,SAAW,EAAM,QAExD,EAD0B,EAAM,WAAa,EAAM,OAAS,GAChB,EAAkB,EAAM,CAEtE,MAAC,GAAkB,EAAe,SAAS,EAAM,OAAe,EACpE,IAAI,GAAY,aAA0B,kBACxC,OAAO,OAAO,KAAK,EAAe,KAAM,IAAA,GAAW,EAAe,IAAI,CACxE,EAAM,0BAA0B,CAChC,EAAe,OAAO,GAGxB,IAAI,EACJ,MAAM,EAAmB,GAAiB,CACxC,IAAM,EAAiB,EAAkB,EAAM,CAC3C,IAAU,IACV,GAAO,EAAM,UAAU,OAAO,EAAY,CAC1C,GAAgB,EAAe,UAAU,IAAI,EAAY,CAC7D,EAAQ,IAGJ,GAAqB,CAAE,OAAQ,KAAgB,CAGnD,IAAM,GADJ,aAAc,QAAU,EAAG,QAAQ,EAA0B,CAAG,OAChD,aAAa,EAAsB,CAC/C,EAAU,GAAM,SAAS,eAAe,EAAG,EAAK,IAAA,GAChD,EAAO,GAAW,EAAe,QAAQ,kGAAc,CAE7D,OAAQ,CAAC,GAAQ,IAAS,IAAW,CAAE,GAA6B,SAChE,EACA,IAAA,IAGNA,EAAAA,YAAY,uBAA0B,CACpCC,EAAAA,GAAG,OAAQ,iBAAkB,EAAyC,GAAK,CAC3EA,EAAAA,GAAG,SAAU,YAAa,EAAiBC,EAAAA,YAAY,CACxD,CAAC"}
+{"version":3,"file":"clickdelegatefor.cjs","names":["onHotReload","on","QUICK_EVENT"],"sources":["../../../src/clickdelegatefor/clickdelegatefor.ts"],"sourcesContent":["// Adding support for click deletagtion, following\n// https://open-ui.org/components/link-area-delegation-explainer/\n// and https://github.com/openui/open-ui/issues/1104#issuecomment-3151387080\nimport { on, onHotReload, QUICK_EVENT } from '../utils/utils';\n\nconst CLASS_HOVER = ':click-delegate-hover';\nconst ATTR_CLICKDELEGATEFOR = 'data-clickdelegatefor';\nconst SELECTOR_CLICKDELEGATEFOR = `[${ATTR_CLICKDELEGATEFOR}]`;\nconst SELECTOR_SKIP =\n  'a,button,label,input,select,textarea,details,dialog,[role=\"button\"],[popover],[contenteditable]';\n\nconst handleClickDelegateFor = (event: MouseEvent) => {\n  const isNewTab = event.button === 1 || event.metaKey || event.ctrlKey; // Middle click or cmd/ctrl + click should open in new tab\n  const delegateTarget = event.button < 2 && getDelegateTarget(event); // Only accept left or middle clicks\n\n  if (!delegateTarget || delegateTarget.contains(event.target as Node)) return; // Only proxy event if delegated target isn't part of the original target\n  if (isNewTab && delegateTarget instanceof HTMLAnchorElement)\n    return window.open(delegateTarget.href, undefined, delegateTarget.rel); // If middle click or cmd/ctrl click on link, open in new tab\n  event.stopImmediatePropagation(); // We'll trigger a new click event anyway, so prevent actions on this one\n  delegateTarget.click(); // Forward click to the clickable element\n};\n\nlet HOVER: Element | undefined;\nconst handleMouseOver = (event: Event) => {\n  const delegateTarget = getDelegateTarget(event);\n  if (HOVER === delegateTarget) return; // No change\n  if (HOVER) HOVER.classList.remove(CLASS_HOVER);\n  if (delegateTarget) delegateTarget.classList.add(CLASS_HOVER);\n  HOVER = delegateTarget;\n};\n\nconst getDelegateTarget = ({ target: el }: Event) => {\n  const scope =\n    el instanceof Element ? el.closest(SELECTOR_CLICKDELEGATEFOR) : null;\n  const id = scope?.getAttribute(ATTR_CLICKDELEGATEFOR);\n  const target = (id && document.getElementById(id)) || undefined;\n  const skip = target && (el as Element).closest(SELECTOR_SKIP); // Ignore if interactive\n\n  return (!skip || skip === target) && !(target as HTMLInputElement)?.disabled\n    ? target\n    : undefined; // Skip disabled inputs\n};\n\nonHotReload('clickdelegatefor', () => [\n  on(window, 'click auxclick', handleClickDelegateFor as EventListener, true), // Use capture to ensure we run before other click listeners\n  on(document, 'mouseover', handleMouseOver, QUICK_EVENT), // Use passive for better performance\n]);\n"],"mappings":"sCAKM,EAAc,wBACd,EAAwB,wBACxB,EAA4B,IAAI,EAAsB,GAItD,EAA0B,GAAsB,CACpD,IAAM,EAAW,EAAM,SAAW,GAAK,EAAM,SAAW,EAAM,QACxD,EAAiB,EAAM,OAAS,GAAK,EAAkB,EAAM,CAE/D,MAAC,GAAkB,EAAe,SAAS,EAAM,OAAe,EACpE,IAAI,GAAY,aAA0B,kBACxC,OAAO,OAAO,KAAK,EAAe,KAAM,IAAA,GAAW,EAAe,IAAI,CACxE,EAAM,0BAA0B,CAChC,EAAe,OAAO,GAGxB,IAAI,EACJ,MAAM,EAAmB,GAAiB,CACxC,IAAM,EAAiB,EAAkB,EAAM,CAC3C,IAAU,IACV,GAAO,EAAM,UAAU,OAAO,EAAY,CAC1C,GAAgB,EAAe,UAAU,IAAI,EAAY,CAC7D,EAAQ,IAGJ,GAAqB,CAAE,OAAQ,KAAgB,CAGnD,IAAM,GADJ,aAAc,QAAU,EAAG,QAAQ,EAA0B,CAAG,OAChD,aAAa,EAAsB,CAC/C,EAAU,GAAM,SAAS,eAAe,EAAG,EAAK,IAAA,GAChD,EAAO,GAAW,EAAe,QAAQ,kGAAc,CAE7D,OAAQ,CAAC,GAAQ,IAAS,IAAW,CAAE,GAA6B,SAChE,EACA,IAAA,IAGNA,EAAAA,YAAY,uBAA0B,CACpCC,EAAAA,GAAG,OAAQ,iBAAkB,EAAyC,GAAK,CAC3EA,EAAAA,GAAG,SAAU,YAAa,EAAiBC,EAAAA,YAAY,CACxD,CAAC"}

package/dist/cjs/dialog/dialog.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`);let t=!1;const n=({type:n,target:r,clientX:i=0,clientY:a=0})=>{if(n===`pointerdown`){let e=r?.closest?.(`dialog`)?.getBoundingClientRect();t=!!(e&&e.top<=a&&a<=e.bottom&&e.left<=i&&i<=e.right)}else{let n=r instanceof HTMLDialogElement&&!t&&e.attr(r,`closedby`)===`any`;t=!1,n&&requestAnimationFrame(()=>r.open&&r.close())}},r=()=>{for(let t of document.querySelectorAll(`button[command="show-modal"]`))e.attr(t,`aria-haspopup`,`dialog`)},i=({command:e,target:t})=>e===`--show-non-modal`&&t instanceof HTMLDialogElement&&t.show();e.onHotReload(`dialog`,()=>[e.on(document,`command`,i,e.QUICK_EVENT),e.on(document,`pointerdown pointerup`,n,e.QUICK_EVENT),e.onMutation(document,r,{attributeFilter:[`command`],attributes:!0,childList:!0,subtree:!0})]);
+const e=require(`../utils/utils.cjs`);let t=!1;const n=({type:n,target:r,clientX:i=0,clientY:a=0})=>{if(n===`pointerdown`){let e=r?.closest?.(`dialog`)?.getBoundingClientRect();t=!!(e&&e.top<=a&&a<=e.bottom&&e.left<=i&&i<=e.right)}else{let n=r instanceof HTMLDialogElement&&!t&&e.attr(r,`closedby`)===`any`;t=!1,n&&requestAnimationFrame(()=>r.open&&r.close())}},r=e.isBrowser()?document.getElementsByTagName(`button`):[],i=()=>{for(let e of r)e.getAttribute(`command`)?.endsWith(`-modal`)&&e.setAttribute(`aria-haspopup`,`dialog`)},a=({command:e,target:t})=>e===`--show-non-modal`&&t instanceof HTMLDialogElement&&t.show();e.onHotReload(`dialog`,()=>[e.on(document,`command`,a,e.QUICK_EVENT),e.on(document,`pointerdown pointerup`,n,e.QUICK_EVENT),e.onMutation(document,i,{attributeFilter:[`command`],attributes:!0,childList:!0,subtree:!0})]);
 //# sourceMappingURL=dialog.cjs.map

package/dist/cjs/dialog/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","names":["attr","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/dialog/dialog.ts"],"sourcesContent":["import { attr, on, onHotReload, onMutation, QUICK_EVENT } from '../utils/utils';\n\n// Polyfill closedby functionaliy in Safari\n// Also in Safari 26.2 where `closedBy` property is supported natively,\n// but no corresponding functionality/behavior is implemented.\nlet DOWN_INSIDE = false; // Prevent close if selecting text inside dialog\nconst handleClosedbyAny = ({\n  type,\n  target: el,\n  clientX: x = 0,\n  clientY: y = 0,\n}: Partial<MouseEvent>) => {\n  if (type === 'pointerdown') {\n    const r = (el as Element)?.closest?.('dialog')?.getBoundingClientRect();\n    const isInside =\n      r && r.top <= y && y <= r.bottom && r.left <= x && x <= r.right;\n\n    DOWN_INSIDE = !!isInside;\n  } else {\n    const isDialog = el instanceof HTMLDialogElement;\n    const isClose = isDialog && !DOWN_INSIDE && attr(el, 'closedby') === 'any';\n\n    DOWN_INSIDE = false; // Reset on every pointerup\n    if (isClose) requestAnimationFrame(() => el.open && el.close()); // Close if browser did not do it\n  }\n};\n\n// Ensure buttons that trigger a modeal dialog has aria-haspopup=\"dialog\" for better screen reader experience\nconst handleAriaAttributes = () => {\n  for (const btn of document.querySelectorAll('button[command=\"show-modal\"]'))\n    attr(btn, 'aria-haspopup', 'dialog');\n};\n\nconst handleCommand = ({ command, target }: Event & { command?: string }) =>\n  command === '--show-non-modal' &&\n  target instanceof HTMLDialogElement &&\n  target.show();\n\nonHotReload('dialog', () => [\n  on(document, 'command', handleCommand, QUICK_EVENT),\n  on(document, 'pointerdown pointerup', handleClosedbyAny, QUICK_EVENT),\n  onMutation(document, handleAriaAttributes, {\n    attributeFilter: ['command'],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"sCAKA,IAAI,EAAc,GAClB,MAAM,GAAqB,CACzB,OACA,OAAQ,EACR,QAAS,EAAI,EACb,QAAS,EAAI,KACY,CACzB,GAAI,IAAS,cAAe,CAC1B,IAAM,EAAK,GAAgB,UAAU,SAAS,EAAE,uBAAuB,CAIvE,EAAc,CAAC,EAFb,GAAK,EAAE,KAAO,GAAK,GAAK,EAAE,QAAU,EAAE,MAAQ,GAAK,GAAK,EAAE,WAGvD,CAEL,IAAM,EADW,aAAc,mBACH,CAAC,GAAeA,EAAAA,KAAK,EAAI,WAAW,GAAK,MAErE,EAAc,GACV,GAAS,0BAA4B,EAAG,MAAQ,EAAG,OAAO,CAAC,GAK7D,MAA6B,CACjC,IAAK,IAAM,KAAO,SAAS,iBAAiB,+BAA+B,CACzE,EAAA,KAAK,EAAK,gBAAiB,SAAS,EAGlC,GAAiB,CAAE,UAAS,YAChC,IAAY,oBACZ,aAAkB,mBAClB,EAAO,MAAM,CAEfC,EAAAA,YAAY,aAAgB,CAC1BC,EAAAA,GAAG,SAAU,UAAW,EAAeC,EAAAA,YAAY,CACnDD,EAAAA,GAAG,SAAU,wBAAyB,EAAmBC,EAAAA,YAAY,CACrEC,EAAAA,WAAW,SAAU,EAAsB,CACzC,gBAAiB,CAAC,UAAU,CAC5B,WAAY,GACZ,UAAW,GACX,QAAS,GACV,CAAC,CACH,CAAC"}
+{"version":3,"file":"dialog.cjs","names":["attr","isBrowser","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/dialog/dialog.ts"],"sourcesContent":["import {\n  attr,\n  isBrowser,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n} from '../utils/utils';\n\n// Polyfill closedby functionaliy in Safari\n// Also in Safari 26.2 where `closedBy` property is supported natively,\n// but no corresponding functionality/behavior is implemented.\nlet DOWN_INSIDE = false; // Prevent close if selecting text inside dialog\nconst handleClosedbyAny = ({\n  type,\n  target: el,\n  clientX: x = 0,\n  clientY: y = 0,\n}: Partial<MouseEvent>) => {\n  if (type === 'pointerdown') {\n    const r = (el as Element)?.closest?.('dialog')?.getBoundingClientRect();\n    const isInside =\n      r && r.top <= y && y <= r.bottom && r.left <= x && x <= r.right;\n\n    DOWN_INSIDE = !!isInside;\n  } else {\n    const isDialog = el instanceof HTMLDialogElement;\n    const isClose = isDialog && !DOWN_INSIDE && attr(el, 'closedby') === 'any';\n\n    DOWN_INSIDE = false; // Reset on every pointerup\n    if (isClose) requestAnimationFrame(() => el.open && el.close()); // Close if browser did not do it\n  }\n};\n\n// Ensure buttons that trigger a modeal dialog has aria-haspopup=\"dialog\" for better screen reader experience\nconst BUTTONS = isBrowser() ? document.getElementsByTagName('button') : [];\nconst handleAriaAttributes = () => {\n  for (const btn of BUTTONS)\n    if (btn.getAttribute('command')?.endsWith('-modal'))\n      btn.setAttribute('aria-haspopup', 'dialog'); // Using get/setAttribute for performance\n};\n\nconst handleCommand = ({ command, target }: Event & { command?: string }) =>\n  command === '--show-non-modal' &&\n  target instanceof HTMLDialogElement &&\n  target.show();\n\nonHotReload('dialog', () => [\n  on(document, 'command', handleCommand, QUICK_EVENT),\n  on(document, 'pointerdown pointerup', handleClosedbyAny, QUICK_EVENT),\n  onMutation(document, handleAriaAttributes, {\n    attributeFilter: ['command'],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"sCAYA,IAAI,EAAc,GAClB,MAAM,GAAqB,CACzB,OACA,OAAQ,EACR,QAAS,EAAI,EACb,QAAS,EAAI,KACY,CACzB,GAAI,IAAS,cAAe,CAC1B,IAAM,EAAK,GAAgB,UAAU,SAAS,EAAE,uBAAuB,CAIvE,EAAc,CAAC,EAFb,GAAK,EAAE,KAAO,GAAK,GAAK,EAAE,QAAU,EAAE,MAAQ,GAAK,GAAK,EAAE,WAGvD,CAEL,IAAM,EADW,aAAc,mBACH,CAAC,GAAeA,EAAAA,KAAK,EAAI,WAAW,GAAK,MAErE,EAAc,GACV,GAAS,0BAA4B,EAAG,MAAQ,EAAG,OAAO,CAAC,GAK7D,EAAUC,EAAAA,WAAW,CAAG,SAAS,qBAAqB,SAAS,CAAG,EAAE,CACpE,MAA6B,CACjC,IAAK,IAAM,KAAO,EACZ,EAAI,aAAa,UAAU,EAAE,SAAS,SAAS,EACjD,EAAI,aAAa,gBAAiB,SAAS,EAG3C,GAAiB,CAAE,UAAS,YAChC,IAAY,oBACZ,aAAkB,mBAClB,EAAO,MAAM,CAEfC,EAAAA,YAAY,aAAgB,CAC1BC,EAAAA,GAAG,SAAU,UAAW,EAAeC,EAAAA,YAAY,CACnDD,EAAAA,GAAG,SAAU,wBAAyB,EAAmBC,EAAAA,YAAY,CACrEC,EAAAA,WAAW,SAAU,EAAsB,CACzC,gBAAiB,CAAC,UAAU,CAC5B,WAAY,GACZ,UAAW,GACX,QAAS,GACV,CAAC,CACH,CAAC"}

package/dist/cjs/error-summary/error-summary.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`);var t=class extends e.DSElement{connectedCallback(){e.on(this,`animationend`,this,e.QUICK_EVENT),requestAnimationFrame(()=>this.handleEvent({target:this}))}handleEvent({target:t}){if(t!==this)return;let n=this.querySelector(`h2,h3,h4,h5,h6`);n&&e.attr(this,`aria-labelledby`,e.useId(n)),e.attr(this,`tabindex`,`-1`),this.focus()}disconnectedCallback(){e.off(this,`animationend`,this,e.QUICK_EVENT)}};e.customElements.define(`ds-error-summary`,t),exports.DSErrorSummaryElement=t;
+const e=require(`../utils/utils.cjs`);var t=class extends e.DSElement{_unmutate;connectedCallback(){e.on(this,`animationend`,this,e.QUICK_EVENT),e.attr(this,`tabindex`,`-1`),this._unmutate=e.onMutation(this,n,{childList:!0,subtree:!0}),this.focus()}handleEvent({target:e}){e===this&&this.focus()}disconnectedCallback(){e.off(this,`animationend`,this,e.QUICK_EVENT),this._unmutate?.(),this._unmutate=void 0}};const n=t=>{let n=t.querySelector(`h2,h3,h4,h5,h6`);n&&e.attr(t,`aria-labelledby`,e.useId(n))};e.customElements.define(`ds-error-summary`,t),exports.DSErrorSummaryElement=t;
 //# sourceMappingURL=error-summary.cjs.map

package/dist/cjs/error-summary/error-summary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"error-summary.cjs","names":["DSElement","QUICK_EVENT","useId","customElements"],"sources":["../../../src/error-summary/error-summary.ts"],"sourcesContent":["import {\n  attr,\n  customElements,\n  DSElement,\n  off,\n  on,\n  QUICK_EVENT,\n  useId,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-error-summary': DSErrorSummaryElement;\n  }\n}\n\nexport class DSErrorSummaryElement extends DSElement {\n  connectedCallback() {\n    on(this, 'animationend', this, QUICK_EVENT); // Using animationend to detect when element is visible\n    requestAnimationFrame(() => this.handleEvent({ target: this })); // Initial setup when children has rendered\n  }\n  handleEvent({ target }: Partial<Event>) {\n    if (target !== this) return; // Ignore if animation event was triggered by child\n    const heading = this.querySelector('h2,h3,h4,h5,h6');\n    if (heading) attr(this, 'aria-labelledby', useId(heading));\n    attr(this, 'tabindex', '-1');\n    this.focus();\n  }\n  disconnectedCallback() {\n    off(this, 'animationend', this, QUICK_EVENT);\n  }\n}\n\ncustomElements.define('ds-error-summary', DSErrorSummaryElement);\n"],"mappings":"sCAgBA,IAAa,EAAb,cAA2CA,EAAAA,SAAU,CACnD,mBAAoB,CAClB,EAAA,GAAG,KAAM,eAAgB,KAAMC,EAAAA,YAAY,CAC3C,0BAA4B,KAAK,YAAY,CAAE,OAAQ,KAAM,CAAC,CAAC,CAEjE,YAAY,CAAE,UAA0B,CACtC,GAAI,IAAW,KAAM,OACrB,IAAM,EAAU,KAAK,cAAc,iBAAiB,CAChD,GAAS,EAAA,KAAK,KAAM,kBAAmBC,EAAAA,MAAM,EAAQ,CAAC,CAC1D,EAAA,KAAK,KAAM,WAAY,KAAK,CAC5B,KAAK,OAAO,CAEd,sBAAuB,CACrB,EAAA,IAAI,KAAM,eAAgB,KAAMD,EAAAA,YAAY,GAIhDE,EAAAA,eAAe,OAAO,mBAAoB,EAAsB"}
+{"version":3,"file":"error-summary.cjs","names":["DSElement","QUICK_EVENT","onMutation","useId","customElements"],"sources":["../../../src/error-summary/error-summary.ts"],"sourcesContent":["import {\n  attr,\n  customElements,\n  DSElement,\n  off,\n  on,\n  onMutation,\n  QUICK_EVENT,\n  useId,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-error-summary': DSErrorSummaryElement;\n  }\n}\n\nexport class DSErrorSummaryElement extends DSElement {\n  _unmutate?: () => void; // Using underscore instead of private fields for backwards compatibility\n\n  connectedCallback() {\n    on(this, 'animationend', this, QUICK_EVENT); // Using animationend to detect when element is visible\n    attr(this, 'tabindex', '-1');\n    this._unmutate = onMutation(this, render, {\n      childList: true,\n      subtree: true,\n    });\n    this.focus();\n  }\n  handleEvent({ target }: Event) {\n    if (target === this) this.focus(); // Ignore if animation event was triggered by child\n  }\n  disconnectedCallback() {\n    off(this, 'animationend', this, QUICK_EVENT);\n    this._unmutate?.();\n    this._unmutate = undefined;\n  }\n}\n\nconst render = (self: DSErrorSummaryElement) => {\n  const heading = self.querySelector('h2,h3,h4,h5,h6');\n  if (heading) attr(self, 'aria-labelledby', useId(heading));\n};\n\ncustomElements.define('ds-error-summary', DSErrorSummaryElement);\n"],"mappings":"sCAiBA,IAAa,EAAb,cAA2CA,EAAAA,SAAU,CACnD,UAEA,mBAAoB,CAClB,EAAA,GAAG,KAAM,eAAgB,KAAMC,EAAAA,YAAY,CAC3C,EAAA,KAAK,KAAM,WAAY,KAAK,CAC5B,KAAK,UAAYC,EAAAA,WAAW,KAAM,EAAQ,CACxC,UAAW,GACX,QAAS,GACV,CAAC,CACF,KAAK,OAAO,CAEd,YAAY,CAAE,UAAiB,CACzB,IAAW,MAAM,KAAK,OAAO,CAEnC,sBAAuB,CACrB,EAAA,IAAI,KAAM,eAAgB,KAAMD,EAAAA,YAAY,CAC5C,KAAK,aAAa,CAClB,KAAK,UAAY,IAAA,KAIrB,MAAM,EAAU,GAAgC,CAC9C,IAAM,EAAU,EAAK,cAAc,iBAAiB,CAChD,GAAS,EAAA,KAAK,EAAM,kBAAmBE,EAAAA,MAAM,EAAQ,CAAC,EAG5DC,EAAAA,eAAe,OAAO,mBAAoB,EAAsB"}

package/dist/cjs/field/field.cjs

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

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

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

package/dist/cjs/fieldset/fieldset.cjs

@@ -0,0 +1,2 @@
+const e=require(`../utils/utils.cjs`),t=e.isBrowser()?document.getElementsByTagName(`fieldset`):[],n=()=>{for(let n of t)n.hasAttribute(`aria-labelledby`)||e.attr(n,`aria-labelledby`,`${e.useId(n.querySelector(`legend`))} ${e.useId(n.querySelector(`:scope > :is([data-field="description"],legend + p)`))}`.trim()||null)};e.onHotReload(`fieldset`,()=>[e.onMutation(document,n,{childList:!0,subtree:!0})]);
+//# sourceMappingURL=fieldset.cjs.map

package/dist/cjs/fieldset/fieldset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.cjs","names":["isBrowser","useId","onHotReload","onMutation"],"sources":["../../../src/fieldset/fieldset.ts"],"sourcesContent":["import {\n  attr,\n  isBrowser,\n  onHotReload,\n  onMutation,\n  useId,\n} from '../utils/utils';\n\nconst FIELDSETS = isBrowser() ? document.getElementsByTagName('fieldset') : [];\n\n// NOTE:\n// <fieldset> descriptions should be accessible to screen reader users. However, using aria-describedby\n// on <fieldset> causes all child <input> elements to inherit the same description, resulting in redundant and confusing announcements.\n// To avoid this, we use aria-labelledby to reference both the legend and the description.\n// aria-labelledby is only announced when screen readers enter the fieldset, not when navigating its child elements.\n// This means the accessible name of <fieldset> includes both the legend and description, which may differ from some test expectations,\n// but as of March 2026, this approach provides the best user experience across assistive technologies.\n// This approach is also verified by the chief of accessibility at NRK and the accessibility expert at NAV\nconst handleFieldsetMutations = () => {\n  for (const el of FIELDSETS) {\n    if (el.hasAttribute('aria-labelledby')) continue; // Speed up by skipping labelled fieldsets\n    const labelledby = `${useId(el.querySelector('legend'))} ${useId(el.querySelector(':scope > :is([data-field=\"description\"],legend + p)'))}`;\n    attr(el, 'aria-labelledby', labelledby.trim() || null);\n  }\n};\n\nonHotReload('fieldset', () => [\n  onMutation(document, handleFieldsetMutations, {\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"sCAQM,EAAYA,EAAAA,WAAW,CAAG,SAAS,qBAAqB,WAAW,CAAG,EAAE,CAUxE,MAAgC,CACpC,IAAK,IAAM,KAAM,EACX,EAAG,aAAa,kBAAkB,EAEtC,EAAA,KAAK,EAAI,kBADU,GAAGC,EAAAA,MAAM,EAAG,cAAc,SAAS,CAAC,CAAC,GAAGA,EAAAA,MAAM,EAAG,cAAc,sDAAsD,CAAC,GAClG,MAAM,EAAI,KAAK,EAI1DC,EAAAA,YAAY,eAAkB,CAC5BC,EAAAA,WAAW,SAAU,EAAyB,CAC5C,UAAW,GACX,QAAS,GACV,CAAC,CACH,CAAC"}

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./utils/utils.cjs`);require(`./clickdelegatefor/clickdelegatefor.cjs`),require(`./dialog/dialog.cjs`),require(`./popover/popover.cjs`),require(`./readonly/readonly.cjs`),require(`./toggle-group/toggle-group.cjs`);const t=require(`./tooltip/tooltip.cjs`),n=require(`./breadcrumbs/breadcrumbs.cjs`),r=require(`./error-summary/error-summary.cjs`),i=require(`./field/field.cjs`),a=require(`./pagination/pagination.cjs`),o=require(`./suggestion/suggestion.cjs`),s=require(`./tabs/tabs.cjs`);let c=require(`invokers-polyfill/fn`);require(`@u-elements/u-details/polyfill`),e.isBrowser()&&!(0,c.isSupported)()&&(0,c.apply)(),exports.DSBreadcrumbsElement=n.DSBreadcrumbsElement,exports.DSErrorSummaryElement=r.DSErrorSummaryElement,exports.DSFieldElement=i.DSFieldElement,exports.DSPaginationElement=a.DSPaginationElement,exports.DSSuggestionElement=o.DSSuggestionElement,exports.DSTabElement=s.DSTabElement,exports.DSTabListElement=s.DSTabListElement,exports.DSTabPanelElement=s.DSTabPanelElement,exports.DSTabsElement=s.DSTabsElement,exports.pagination=a.pagination,exports.setTooltipElement=t.setTooltipElement;var l=require(`@u-elements/u-datalist`);Object.keys(l).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return l[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./_vendors/invokers-polyfill/invoker.cjs`),t=require(`./utils/utils.cjs`);require(`./clickdelegatefor/clickdelegatefor.cjs`),require(`./dialog/dialog.cjs`),require(`./fieldset/fieldset.cjs`),require(`./popover/popover.cjs`),require(`./readonly/readonly.cjs`),require(`./toggle-group/toggle-group.cjs`);const n=require(`./tooltip/tooltip.cjs`),r=require(`./breadcrumbs/breadcrumbs.cjs`),i=require(`./error-summary/error-summary.cjs`),a=require(`./field/field.cjs`),o=require(`./pagination/pagination.cjs`),s=require(`./suggestion/suggestion.cjs`),c=require(`./tabs/tabs.cjs`);require(`@u-elements/u-details/polyfill`),t.isBrowser()&&!e.isSupported()&&e.apply(),exports.DSBreadcrumbsElement=r.DSBreadcrumbsElement,exports.DSErrorSummaryElement=i.DSErrorSummaryElement,exports.DSFieldElement=a.DSFieldElement,exports.DSPaginationElement=o.DSPaginationElement,exports.DSSuggestionElement=s.DSSuggestionElement,exports.DSTabElement=c.DSTabElement,exports.DSTabListElement=c.DSTabListElement,exports.DSTabPanelElement=c.DSTabPanelElement,exports.DSTabsElement=c.DSTabsElement,exports.pagination=o.pagination,exports.setTooltipElement=n.setTooltipElement;var l=require(`@u-elements/u-datalist`);Object.keys(l).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return l[e]}})});
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["isBrowser"],"sources":["../../src/index.ts"],"sourcesContent":["import { isSupported, apply as polyfillInvokers } from 'invokers-polyfill/fn';\nimport { isBrowser } from './utils/utils';\nimport '@u-elements/u-details/polyfill'; // Polyfill for <details> element for Android Firefox + Talkback\nimport './clickdelegatefor/clickdelegatefor';\nimport './dialog/dialog';\nimport './popover/popover';\nimport './readonly/readonly';\nimport './toggle-group/toggle-group';\nimport './tooltip/tooltip';\n\nexport * from '@u-elements/u-datalist'; // Re-export u-datalist since this is a pure polyfill and not custom Designsystemet elements\nexport * from './breadcrumbs/breadcrumbs';\nexport * from './error-summary/error-summary';\nexport * from './field/field';\nexport * from './pagination/pagination';\nexport * from './suggestion/suggestion';\nexport * from './tabs/tabs';\nexport * from './tooltip/tooltip';\n\nif (isBrowser() && !isSupported()) polyfillInvokers(); // Ensure invoker commands polyfill is loaded in browser environment only\n"],"mappings":"srBAmBIA,EAAAA,WAAW,EAAI,EAAA,EAAA,EAAA,cAAc,GAAE,EAAA,EAAA,QAAkB"}
+{"version":3,"file":"index.cjs","names":["isBrowser","isSupported"],"sources":["../../src/index.ts"],"sourcesContent":["import { isSupported, apply as polyfillInvokers } from 'invokers-polyfill/fn';\nimport { isBrowser } from './utils/utils';\nimport '@u-elements/u-details/polyfill'; // Polyfill for <details> element for Android Firefox + Talkback\nimport './clickdelegatefor/clickdelegatefor';\nimport './dialog/dialog';\nimport './fieldset/fieldset';\nimport './popover/popover';\nimport './readonly/readonly';\nimport './toggle-group/toggle-group';\nimport './tooltip/tooltip';\n\nexport * from '@u-elements/u-datalist'; // Re-export u-datalist since this is a pure polyfill and not custom Designsystemet elements\nexport * from './breadcrumbs/breadcrumbs';\nexport * from './error-summary/error-summary';\nexport * from './field/field';\nexport * from './pagination/pagination';\nexport * from './suggestion/suggestion';\nexport * from './tabs/tabs';\nexport * from './tooltip/tooltip';\n\nif (isBrowser() && !isSupported()) polyfillInvokers(); // Ensure invoker commands polyfill is loaded in browser environment only\n"],"mappings":"6rBAoBIA,EAAAA,WAAW,EAAI,CAACC,EAAAA,aAAa,EAAE,EAAA,OAAkB"}

package/dist/cjs/pagination/pagination.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`),t=`aria-label`,n=`data-current`,r=`data-total`,i=`data-href`,a=({current:e=1,total:t=10,show:n=7})=>({prev:e>1?e-1:0,next:e<t?e+1:0,pages:c(e,t,n).map((t,n)=>({current:t===e&&`page`,key:`key-${t}-${n}`,page:t}))});var o=class extends e.DSElement{_unmutate;_render;static get observedAttributes(){return[t,n,r,i]}connectedCallback(){let i=e.attr(this,r),a=e.attr(this,n);a&&!i&&e.warn(`Missing ${r} attribute on:`,this),i&&!a&&e.warn(`Missing ${n} attribute on:`,this),e.attr(this,t,e.attrOrCSS(this,t)),e.attr(this,`role`,`navigation`),this._render=e.debounce(()=>s(this),0),this._unmutate=e.onMutation(this,this._render,{childList:!0,subtree:!0})}attributeChangedCallback(){this._render?.()}disconnectedCallback(){this._unmutate?.(),this._unmutate=this._render=void 0}};const s=t=>{let o=Number(e.attr(t,n)),s=Number(e.attr(t,r));if(o&&s){let n=t.querySelectorAll(`button,a`),r=n.length-2,c=e.attr(t,i),{next:l,prev:u,pages:d}=a({current:o,total:s,show:r});n.forEach((t,r)=>{let i=r?n[r+1]?d[r-1]?.page:l:u;e.attr(t,`aria-current`,d[r-1]?.current?`true`:null),e.attr(t,`aria-label`,`${i??`hidden`}`),e.attr(t,`role`,i?null:`none`),e.attr(t,`tabindex`,i?null:`-1`),t instanceof HTMLButtonElement&&e.attr(t,`value`,`${i}`),c&&t instanceof HTMLAnchorElement&&e.attr(t,`href`,c.replace(`%d`,`${i}`))})}},c=(e,t,n=1/0)=>{let r=(n-1)/2,i=Math.max(Math.min(e-Math.floor(r),t-n+1),1),a=Math.min(Math.max(e+Math.ceil(r),n),t),o=Array.from({length:a+1-i},(e,t)=>t+i);return n>4&&i>1&&o.splice(0,2,1,0),n>3&&a<t&&o.splice(-2,2,0,t),o};e.customElements.define(`ds-pagination`,o),exports.DSPaginationElement=o,exports.pagination=a;
+const e=require(`../utils/utils.cjs`),t=`aria-label`,n=`data-current`,r=`data-total`,i=`data-href`,a=({current:e=1,total:t=10,show:n=7})=>({prev:e>1?e-1:0,next:e<t?e+1:0,pages:c(e,t,n).map((t,n)=>({current:t===e&&`page`,key:`key-${t}-${n}`,page:t}))});var o=class extends e.DSElement{_unmutate;_render;static get observedAttributes(){return[t,n,r,i]}connectedCallback(){let i=e.attr(this,r),a=e.attr(this,n);a&&!i&&e.warn(`Missing ${r} attribute on:`,this),i&&!a&&e.warn(`Missing ${n} attribute on:`,this),e.attr(this,t,e.attrOrCSS(this,t)),e.attr(this,`role`,`navigation`),this._unmutate=e.onMutation(this,s,{childList:!0,subtree:!0})}attributeChangedCallback(){this._unmutate&&s(this)}disconnectedCallback(){this._unmutate?.(),this._unmutate=this._render=void 0}};const s=t=>{let o=Number(e.attr(t,n)),s=Number(e.attr(t,r));if(o&&s){let n=t.querySelectorAll(`button,a`),r=n.length-2,c=e.attr(t,i),{next:l,prev:u,pages:d}=a({current:o,total:s,show:r});n.forEach((t,r)=>{let i=r?n[r+1]?d[r-1]?.page:l:u;e.attr(t,`aria-current`,d[r-1]?.current?`true`:null),e.attr(t,`aria-label`,`${i??`hidden`}`),e.attr(t,`role`,i?null:`none`),e.attr(t,`tabindex`,i?null:`-1`),t instanceof HTMLButtonElement&&e.attr(t,`value`,`${i}`),c&&t instanceof HTMLAnchorElement&&e.attr(t,`href`,c.replace(`%d`,`${i}`))})}},c=(e,t,n=1/0)=>{let r=(n-1)/2,i=Math.max(Math.min(e-Math.floor(r),t-n+1),1),a=Math.min(Math.max(e+Math.ceil(r),n),t),o=Array.from({length:a+1-i},(e,t)=>t+i);return n>4&&i>1&&o.splice(0,2,1,0),n>3&&a<t&&o.splice(-2,2,0,t),o};e.customElements.define(`ds-pagination`,o),exports.DSPaginationElement=o,exports.pagination=a;
 //# sourceMappingURL=pagination.cjs.map

package/dist/cjs/pagination/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["DSElement","attr","attrOrCSS","debounce","onMutation","customElements"],"sources":["../../../src/pagination/pagination.ts"],"sourcesContent":["import {\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  onMutation,\n  warn,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-pagination': DSPaginationElement;\n  }\n}\n\nconst ATTR_LABEL = 'aria-label';\nconst ATTR_CURRENT = 'data-current';\nconst ATTR_TOTAL = 'data-total';\nconst ATTR_HREF = 'data-href';\n\n// Expose pagination logic if wanting to do custom rendering (i.e. in React/Vue/etc)\nexport const pagination = ({ current = 1, total = 10, show = 7 }) => ({\n  prev: current > 1 ? current - 1 : 0,\n  next: current < total ? current + 1 : 0,\n  pages: getSteps(current, total, show).map((page, index) => ({\n    current: page === current && ('page' as const),\n    key: `key-${page}-${index}`,\n    page,\n  })),\n});\n\nexport class DSPaginationElement extends DSElement {\n  _unmutate?: () => void; // Using underscore instead of private fields for backwards compatibility\n  _render?: () => void;\n\n  static get observedAttributes() {\n    return [ATTR_LABEL, ATTR_CURRENT, ATTR_TOTAL, ATTR_HREF]; // Using ES2015 syntax for backwards compatibility\n  }\n  connectedCallback() {\n    // Check for required attributes\n    const total = attr(this, ATTR_TOTAL);\n    const current = attr(this, ATTR_CURRENT);\n    if (current && !total) warn(`Missing ${ATTR_TOTAL} attribute on:`, this);\n    if (total && !current) warn(`Missing ${ATTR_CURRENT} attribute on:`, this);\n\n    attr(this, ATTR_LABEL, attrOrCSS(this, ATTR_LABEL));\n    attr(this, 'role', 'navigation');\n    this._render = debounce(() => render(this), 0); // Debounce groups mutation observer calls and attributeChangedCallback calls\n    this._unmutate = onMutation(this, this._render, {\n      childList: true,\n      subtree: true,\n    });\n  }\n  attributeChangedCallback() {\n    this._render?.();\n  }\n  disconnectedCallback() {\n    this._unmutate?.();\n    this._unmutate = this._render = undefined;\n  }\n}\n\nconst render = (self: DSPaginationElement) => {\n  const current = Number(attr(self, ATTR_CURRENT));\n  const total = Number(attr(self, ATTR_TOTAL));\n\n  // Allowing server side generated pagination, buy only doing client side updates if total/current attributes are provided\n  if (current && total) {\n    const items = self.querySelectorAll('button,a');\n    const show = items.length - 2;\n    const href = attr(self, ATTR_HREF);\n    const { next, prev, pages } = pagination({ current, total, show });\n    items.forEach((item, i) => {\n      const page = i ? (items[i + 1] ? pages[i - 1]?.page : next) : prev; // First is prev, last is next\n      attr(item, 'aria-current', pages[i - 1]?.current ? 'true' : null);\n      attr(item, 'aria-label', `${page ?? 'hidden'}`); // Used for CSS content and to hide if more items than pages, using aria-label to make Axe tests and VoiceOver rotor happy\n      attr(item, 'role', page ? null : 'none'); // Prevent validation errors for aria-hidden buttons\n      attr(item, 'tabindex', page ? null : '-1');\n      if (item instanceof HTMLButtonElement) attr(item, 'value', `${page}`);\n      if (href && item instanceof HTMLAnchorElement)\n        attr(item, 'href', href.replace('%d', `${page}`));\n    });\n  }\n};\n\nconst getSteps = (\n  now: number,\n  max: number,\n  show = Number.POSITIVE_INFINITY,\n) => {\n  const offset = (show - 1) / 2;\n  const start = Math.max(Math.min(now - Math.floor(offset), max - show + 1), 1);\n  const end = Math.min(Math.max(now + Math.ceil(offset), show), max);\n  const pages = Array.from({ length: end + 1 - start }, (_, i) => i + start);\n\n  if (show > 4 && start > 1) pages.splice(0, 2, 1, 0);\n  if (show > 3 && end < max) pages.splice(-2, 2, 0, max);\n  return pages;\n};\n\ncustomElements.define('ds-pagination', DSPaginationElement);\n"],"mappings":"sCAgBM,EAAa,aACb,EAAe,eACf,EAAa,aACb,EAAY,YAGL,GAAc,CAAE,UAAU,EAAG,QAAQ,GAAI,OAAO,MAAS,CACpE,KAAM,EAAU,EAAI,EAAU,EAAI,EAClC,KAAM,EAAU,EAAQ,EAAU,EAAI,EACtC,MAAO,EAAS,EAAS,EAAO,EAAK,CAAC,KAAK,EAAM,KAAW,CAC1D,QAAS,IAAS,GAAY,OAC9B,IAAK,OAAO,EAAK,GAAG,IACpB,OACD,EAAE,CACJ,EAED,IAAa,EAAb,cAAyCA,EAAAA,SAAU,CACjD,UACA,QAEA,WAAW,oBAAqB,CAC9B,MAAO,CAAC,EAAY,EAAc,EAAY,EAAU,CAE1D,mBAAoB,CAElB,IAAM,EAAQC,EAAAA,KAAK,KAAM,EAAW,CAC9B,EAAUA,EAAAA,KAAK,KAAM,EAAa,CACpC,GAAW,CAAC,GAAO,EAAA,KAAK,WAAW,EAAW,gBAAiB,KAAK,CACpE,GAAS,CAAC,GAAS,EAAA,KAAK,WAAW,EAAa,gBAAiB,KAAK,CAE1E,EAAA,KAAK,KAAM,EAAYC,EAAAA,UAAU,KAAM,EAAW,CAAC,CACnD,EAAA,KAAK,KAAM,OAAQ,aAAa,CAChC,KAAK,QAAUC,EAAAA,aAAe,EAAO,KAAK,CAAE,EAAE,CAC9C,KAAK,UAAYC,EAAAA,WAAW,KAAM,KAAK,QAAS,CAC9C,UAAW,GACX,QAAS,GACV,CAAC,CAEJ,0BAA2B,CACzB,KAAK,WAAW,CAElB,sBAAuB,CACrB,KAAK,aAAa,CAClB,KAAK,UAAY,KAAK,QAAU,IAAA,KAIpC,MAAM,EAAU,GAA8B,CAC5C,IAAM,EAAU,OAAOH,EAAAA,KAAK,EAAM,EAAa,CAAC,CAC1C,EAAQ,OAAOA,EAAAA,KAAK,EAAM,EAAW,CAAC,CAG5C,GAAI,GAAW,EAAO,CACpB,IAAM,EAAQ,EAAK,iBAAiB,WAAW,CACzC,EAAO,EAAM,OAAS,EACtB,EAAOA,EAAAA,KAAK,EAAM,EAAU,CAC5B,CAAE,OAAM,OAAM,SAAU,EAAW,CAAE,UAAS,QAAO,OAAM,CAAC,CAClE,EAAM,SAAS,EAAM,IAAM,CACzB,IAAM,EAAO,EAAK,EAAM,EAAI,GAAK,EAAM,EAAI,IAAI,KAAO,EAAQ,EAC9D,EAAA,KAAK,EAAM,eAAgB,EAAM,EAAI,IAAI,QAAU,OAAS,KAAK,CACjE,EAAA,KAAK,EAAM,aAAc,GAAG,GAAQ,WAAW,CAC/C,EAAA,KAAK,EAAM,OAAQ,EAAO,KAAO,OAAO,CACxC,EAAA,KAAK,EAAM,WAAY,EAAO,KAAO,KAAK,CACtC,aAAgB,mBAAmB,EAAA,KAAK,EAAM,QAAS,GAAG,IAAO,CACjE,GAAQ,aAAgB,mBAC1B,EAAA,KAAK,EAAM,OAAQ,EAAK,QAAQ,KAAM,GAAG,IAAO,CAAC,EACnD,GAIA,GACJ,EACA,EACA,EAAO,MACJ,CACH,IAAM,GAAU,EAAO,GAAK,EACtB,EAAQ,KAAK,IAAI,KAAK,IAAI,EAAM,KAAK,MAAM,EAAO,CAAE,EAAM,EAAO,EAAE,CAAE,EAAE,CACvE,EAAM,KAAK,IAAI,KAAK,IAAI,EAAM,KAAK,KAAK,EAAO,CAAE,EAAK,CAAE,EAAI,CAC5D,EAAQ,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAI,EAAO,EAAG,EAAG,IAAM,EAAI,EAAM,CAI1E,OAFI,EAAO,GAAK,EAAQ,GAAG,EAAM,OAAO,EAAG,EAAG,EAAG,EAAE,CAC/C,EAAO,GAAK,EAAM,GAAK,EAAM,OAAO,GAAI,EAAG,EAAG,EAAI,CAC/C,GAGTI,EAAAA,eAAe,OAAO,gBAAiB,EAAoB"}
+{"version":3,"file":"pagination.cjs","names":["DSElement","attr","attrOrCSS","onMutation","customElements"],"sources":["../../../src/pagination/pagination.ts"],"sourcesContent":["import {\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  onMutation,\n  warn,\n} from '../utils/utils';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ds-pagination': DSPaginationElement;\n  }\n}\n\nconst ATTR_LABEL = 'aria-label';\nconst ATTR_CURRENT = 'data-current';\nconst ATTR_TOTAL = 'data-total';\nconst ATTR_HREF = 'data-href';\n\n// Expose pagination logic if wanting to do custom rendering (i.e. in React/Vue/etc)\nexport const pagination = ({ current = 1, total = 10, show = 7 }) => ({\n  prev: current > 1 ? current - 1 : 0,\n  next: current < total ? current + 1 : 0,\n  pages: getSteps(current, total, show).map((page, index) => ({\n    current: page === current && ('page' as const),\n    key: `key-${page}-${index}`,\n    page,\n  })),\n});\n\nexport class DSPaginationElement extends DSElement {\n  _unmutate?: () => void; // Using underscore instead of private fields for backwards compatibility\n  _render?: () => void;\n\n  static get observedAttributes() {\n    return [ATTR_LABEL, ATTR_CURRENT, ATTR_TOTAL, ATTR_HREF]; // Using ES2015 syntax for backwards compatibility\n  }\n  connectedCallback() {\n    // Check for required attributes\n    const total = attr(this, ATTR_TOTAL);\n    const current = attr(this, ATTR_CURRENT);\n    if (current && !total) warn(`Missing ${ATTR_TOTAL} attribute on:`, this);\n    if (total && !current) warn(`Missing ${ATTR_CURRENT} attribute on:`, this);\n\n    attr(this, ATTR_LABEL, attrOrCSS(this, ATTR_LABEL));\n    attr(this, 'role', 'navigation');\n    this._unmutate = onMutation(this, render, {\n      childList: true,\n      subtree: true,\n    });\n  }\n  attributeChangedCallback() {\n    if (this._unmutate) render(this); // Ensure we do not run any renders before connectedCallback\n  }\n  disconnectedCallback() {\n    this._unmutate?.();\n    this._unmutate = this._render = undefined;\n  }\n}\n\nconst render = (self: DSPaginationElement) => {\n  const current = Number(attr(self, ATTR_CURRENT));\n  const total = Number(attr(self, ATTR_TOTAL));\n\n  // Allowing server side generated pagination, buy only doing client side updates if total/current attributes are provided\n  if (current && total) {\n    const items = self.querySelectorAll('button,a');\n    const show = items.length - 2;\n    const href = attr(self, ATTR_HREF);\n    const { next, prev, pages } = pagination({ current, total, show });\n    items.forEach((item, i) => {\n      const page = i ? (items[i + 1] ? pages[i - 1]?.page : next) : prev; // First is prev, last is next\n      attr(item, 'aria-current', pages[i - 1]?.current ? 'true' : null);\n      attr(item, 'aria-label', `${page ?? 'hidden'}`); // Used for CSS content and to hide if more items than pages, using aria-label to make Axe tests and VoiceOver rotor happy\n      attr(item, 'role', page ? null : 'none'); // Prevent validation errors for aria-hidden buttons\n      attr(item, 'tabindex', page ? null : '-1');\n      if (item instanceof HTMLButtonElement) attr(item, 'value', `${page}`);\n      if (href && item instanceof HTMLAnchorElement)\n        attr(item, 'href', href.replace('%d', `${page}`));\n    });\n  }\n};\n\nconst getSteps = (\n  now: number,\n  max: number,\n  show = Number.POSITIVE_INFINITY,\n) => {\n  const offset = (show - 1) / 2;\n  const start = Math.max(Math.min(now - Math.floor(offset), max - show + 1), 1);\n  const end = Math.min(Math.max(now + Math.ceil(offset), show), max);\n  const pages = Array.from({ length: end + 1 - start }, (_, i) => i + start);\n\n  if (show > 4 && start > 1) pages.splice(0, 2, 1, 0);\n  if (show > 3 && end < max) pages.splice(-2, 2, 0, max);\n  return pages;\n};\n\ncustomElements.define('ds-pagination', DSPaginationElement);\n"],"mappings":"sCAeM,EAAa,aACb,EAAe,eACf,EAAa,aACb,EAAY,YAGL,GAAc,CAAE,UAAU,EAAG,QAAQ,GAAI,OAAO,MAAS,CACpE,KAAM,EAAU,EAAI,EAAU,EAAI,EAClC,KAAM,EAAU,EAAQ,EAAU,EAAI,EACtC,MAAO,EAAS,EAAS,EAAO,EAAK,CAAC,KAAK,EAAM,KAAW,CAC1D,QAAS,IAAS,GAAY,OAC9B,IAAK,OAAO,EAAK,GAAG,IACpB,OACD,EAAE,CACJ,EAED,IAAa,EAAb,cAAyCA,EAAAA,SAAU,CACjD,UACA,QAEA,WAAW,oBAAqB,CAC9B,MAAO,CAAC,EAAY,EAAc,EAAY,EAAU,CAE1D,mBAAoB,CAElB,IAAM,EAAQC,EAAAA,KAAK,KAAM,EAAW,CAC9B,EAAUA,EAAAA,KAAK,KAAM,EAAa,CACpC,GAAW,CAAC,GAAO,EAAA,KAAK,WAAW,EAAW,gBAAiB,KAAK,CACpE,GAAS,CAAC,GAAS,EAAA,KAAK,WAAW,EAAa,gBAAiB,KAAK,CAE1E,EAAA,KAAK,KAAM,EAAYC,EAAAA,UAAU,KAAM,EAAW,CAAC,CACnD,EAAA,KAAK,KAAM,OAAQ,aAAa,CAChC,KAAK,UAAYC,EAAAA,WAAW,KAAM,EAAQ,CACxC,UAAW,GACX,QAAS,GACV,CAAC,CAEJ,0BAA2B,CACrB,KAAK,WAAW,EAAO,KAAK,CAElC,sBAAuB,CACrB,KAAK,aAAa,CAClB,KAAK,UAAY,KAAK,QAAU,IAAA,KAIpC,MAAM,EAAU,GAA8B,CAC5C,IAAM,EAAU,OAAOF,EAAAA,KAAK,EAAM,EAAa,CAAC,CAC1C,EAAQ,OAAOA,EAAAA,KAAK,EAAM,EAAW,CAAC,CAG5C,GAAI,GAAW,EAAO,CACpB,IAAM,EAAQ,EAAK,iBAAiB,WAAW,CACzC,EAAO,EAAM,OAAS,EACtB,EAAOA,EAAAA,KAAK,EAAM,EAAU,CAC5B,CAAE,OAAM,OAAM,SAAU,EAAW,CAAE,UAAS,QAAO,OAAM,CAAC,CAClE,EAAM,SAAS,EAAM,IAAM,CACzB,IAAM,EAAO,EAAK,EAAM,EAAI,GAAK,EAAM,EAAI,IAAI,KAAO,EAAQ,EAC9D,EAAA,KAAK,EAAM,eAAgB,EAAM,EAAI,IAAI,QAAU,OAAS,KAAK,CACjE,EAAA,KAAK,EAAM,aAAc,GAAG,GAAQ,WAAW,CAC/C,EAAA,KAAK,EAAM,OAAQ,EAAO,KAAO,OAAO,CACxC,EAAA,KAAK,EAAM,WAAY,EAAO,KAAO,KAAK,CACtC,aAAgB,mBAAmB,EAAA,KAAK,EAAM,QAAS,GAAG,IAAO,CACjE,GAAQ,aAAgB,mBAC1B,EAAA,KAAK,EAAM,OAAQ,EAAK,QAAQ,KAAM,GAAG,IAAO,CAAC,EACnD,GAIA,GACJ,EACA,EACA,EAAO,MACJ,CACH,IAAM,GAAU,EAAO,GAAK,EACtB,EAAQ,KAAK,IAAI,KAAK,IAAI,EAAM,KAAK,MAAM,EAAO,CAAE,EAAM,EAAO,EAAE,CAAE,EAAE,CACvE,EAAM,KAAK,IAAI,KAAK,IAAI,EAAM,KAAK,KAAK,EAAO,CAAE,EAAK,CAAE,EAAI,CAC5D,EAAQ,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAI,EAAO,EAAG,EAAG,IAAM,EAAI,EAAM,CAI1E,OAFI,EAAO,GAAK,EAAQ,GAAG,EAAM,OAAO,EAAG,EAAG,EAAG,EAAE,CAC/C,EAAO,GAAK,EAAM,GAAK,EAAM,OAAO,GAAI,EAAG,EAAG,EAAI,CAC/C,GAGTG,EAAAA,eAAe,OAAO,gBAAiB,EAAoB"}

package/dist/cjs/popover/popover.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/utils.cjs`);let t=require(`@floating-ui/dom`);const n=`data-placement`,r=`data-autoplacement`,i=new Map;function a(a){let{newState:o,oldState:s,target:u,source:d=a.detail}=a,f=u instanceof HTMLElement&&e.attr(u,`popover`)!==null&&c(u,`--_ds-floating`);if(!f)return;if(o===`closed`)return i.get(u)?.();if(!d){let e=u.getRootNode(),t=`[popovertarget="${u.id}"],[commandfor="${u.id}"]`;d=u.id&&e?.querySelector?.(t)||void 0}if(!d||d===u||s&&s===o)return;let p=c(u,`--_ds-floating-overscroll`),m=e.attr(u,n)||e.attr(d,n)||f,h=e.attr(u,r)||e.attr(d,r),g=parseFloat(getComputedStyle(u,`::before`).height)||0,_=m.match(/left|right/gi)?`Height`:`Width`,v=d[`offset${_}`]/2+g;if(m===`none`)return;let y={strategy:`absolute`,placement:m,middleware:[(0,t.offset)(g||0),(0,t.shift)({padding:10,limiter:(0,t.limitShift)({offset:{mainAxis:v}})}),l(),...h===`false`?[]:[(0,t.flip)({padding:10,crossAxis:!1})],...p?[(0,t.size)({apply({availableHeight:e}){p===`fit`&&(u.style.width=`${d.clientWidth}px`),u.style.maxHeight=`${Math.max(50,e-20)}px`}})]:[]]},b=(0,t.autoUpdate)(d,u,async()=>{if(!d?.isConnected)return i.get(u)?.();let{x:e,y:n}=await(0,t.computePosition)(d,u,y);u.style.translate=`${e}px ${n}px`});i.set(u,()=>i.delete(u)&&b())}let o;const s=({type:e})=>{if(e===`mousedown`&&(o=!1),e===`scroll`&&o===!1&&(o=!0),e===`mouseup`&&o)for(let[e]of i)e.showPopover()};e.onHotReload(`popover`,()=>[e.on(document,`mousedown scroll mouseup`,s,!0),e.on(document,`toggle ds-toggle-source`,a,e.QUICK_EVENT)]);const c=(e,t)=>getComputedStyle(e).getPropertyValue(t).trim(),l=()=>({name:`arrowPseudo`,fn(t){let n=t.elements.floating,r=t.rects.reference,i=`${Math.round(r.width/2+r.x-t.x)}px`,a=`${Math.round(r.height/2+r.y-t.y)}px`;return n.style.setProperty(`--_ds-floating-arrow-x`,i),n.style.setProperty(`--_ds-floating-arrow-y`,a),e.attr(n,`data-floating`,t.placement),t}});
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/utils.cjs`);let t=require(`@floating-ui/dom`);const n=`data-placement`,r=`data-autoplacement`,i=new Map;function a(a){let{newState:o,oldState:s,target:l,source:u=a.detail}=a,d=l instanceof HTMLElement&&e.attr(l,`popover`)!==null&&e.getCSSProp(l,`--_ds-floating`);if(!d)return;if(o===`closed`)return i.get(l)?.();if(!u){let e=l.getRootNode(),t=`[popovertarget="${l.id}"],[commandfor="${l.id}"]`;u=l.id&&e?.querySelector?.(t)||void 0}if(!u||u===l||s&&s===o)return;let f=e.getCSSProp(l,`--_ds-floating-overscroll`),p=e.attr(l,n)||e.attr(u,n)||d,m=e.attr(l,r)||e.attr(u,r),h=parseFloat(getComputedStyle(l,`::before`).height)||0,g=p.match(/left|right/gi)?`Height`:`Width`,_=u[`offset${g}`]/2+h;if(p===`none`)return;let v={strategy:`absolute`,placement:p,middleware:[(0,t.offset)(h||0),(0,t.shift)({padding:10,limiter:(0,t.limitShift)({offset:{mainAxis:_}})}),c(),...m===`false`?[]:[(0,t.flip)({padding:10,crossAxis:!1})],...f?[(0,t.size)({apply({availableHeight:e}){f===`fit`&&(l.style.width=`${u.clientWidth}px`),l.style.maxHeight=`${Math.max(50,e-20)}px`}})]:[]]},y=(0,t.autoUpdate)(u,l,async()=>{if(!u?.isConnected)return i.get(l)?.();let{x:e,y:n}=await(0,t.computePosition)(u,l,v);l.style.translate=`${e}px ${n}px`});i.set(l,()=>i.delete(l)&&y())}let o;const s=({type:e})=>{if(e===`mousedown`&&(o=!1),e===`scroll`&&o===!1&&(o=!0),e===`mouseup`&&o)for(let[e]of i)e.showPopover()};e.onHotReload(`popover`,()=>[e.on(document,`mousedown scroll mouseup`,s,!0),e.on(document,`toggle ds-toggle-source`,a,e.QUICK_EVENT)]);const c=()=>({name:`arrowPseudo`,fn(t){let n=t.elements.floating,r=t.rects.reference,i=`${Math.round(r.width/2+r.x-t.x)}px`,a=`${Math.round(r.height/2+r.y-t.y)}px`;return n.style.setProperty(`--_ds-floating-arrow-x`,i),n.style.setProperty(`--_ds-floating-arrow-y`,a),e.attr(n,`data-floating`,t.placement),t}});
 //# sourceMappingURL=popover.cjs.map

package/dist/cjs/popover/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["attr","onHotReload","on","QUICK_EVENT"],"sources":["../../../src/popover/popover.ts"],"sourcesContent":["import type { ComputePositionConfig, MiddlewareState } from '@floating-ui/dom';\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { attr, on, onHotReload, QUICK_EVENT } from '../utils/utils';\n\ndeclare global {\n  interface GlobalEventHandlersEventMap {\n    'ds-toggle-source': CustomEvent<Element>;\n  }\n}\n\nconst ATTR_PLACE = 'data-placement';\nconst ATTR_AUTO = 'data-autoplacement';\nconst POPOVERS = new Map<HTMLElement, () => void>();\n\n// Sometimes use \"ds-toggle\" event while waiting for better support of\n// event.source (https://developer.mozilla.org/en-US/docs/Web/API/ToggleEvent/source)\nfunction handleToggle(\n  event: Partial<ToggleEvent> & {\n    detail?: HTMLElement;\n    source?: HTMLElement;\n  },\n) {\n  let { newState, oldState, target: el, source = event.detail } = event;\n  const isPopover = el instanceof HTMLElement && attr(el, 'popover') !== null;\n  const float = isPopover && getCSSProp(el, '--_ds-floating');\n\n  if (!float) return;\n  if (newState === 'closed') return POPOVERS.get(el)?.(); // Cleanup on close\n  if (!source) {\n    const root = el.getRootNode() as Document; // Support shadow DOM\n    const css = `[popovertarget=\"${el.id}\"],[commandfor=\"${el.id}\"]`;\n    source = (el.id && root?.querySelector?.<HTMLElement>(css)) || undefined; // Polyfill ToggleEvent .source for older browsers\n  }\n  if (!source || source === el || (oldState && oldState === newState)) return; // No need to update\n  const padding = 10;\n  const overscroll = getCSSProp(el, '--_ds-floating-overscroll');\n  const placement = attr(el, ATTR_PLACE) || attr(source, ATTR_PLACE) || float;\n  const auto = attr(el, ATTR_AUTO) || attr(source, ATTR_AUTO);\n  const arrowSize = parseFloat(getComputedStyle(el, '::before').height) || 0;\n  const shiftProp = placement.match(/left|right/gi) ? 'Height' : 'Width';\n  const shiftLimit = source[`offset${shiftProp}`] / 2 + arrowSize;\n\n  if (placement === 'none') return; // No need to position\n\n  const options = {\n    strategy: 'absolute',\n    placement,\n    middleware: [\n      offset(arrowSize || 0), // Add space for arrow or default to 8px\n      shift({\n        padding,\n        limiter: limitShift({ offset: { mainAxis: shiftLimit } }), // Prevent from shifing away from source\n      }),\n      arrowPseudo(),\n      ...(auto !== 'false' ? [flip({ padding, crossAxis: false })] : []),\n      ...(overscroll\n        ? [\n            size({\n              apply({ availableHeight }) {\n                if (overscroll === 'fit')\n                  el.style.width = `${source.clientWidth}px`;\n                el.style.maxHeight = `${Math.max(50, availableHeight - padding * 2)}px`;\n              },\n            }),\n          ]\n        : []),\n    ],\n  } as ComputePositionConfig;\n  const unfloat = autoUpdate(source, el, async () => {\n    if (!source?.isConnected) return POPOVERS.get(el)?.(); // Cleanup if source element is removed\n    const { x, y } = await computePosition(source, el, options);\n    el.style.translate = `${x}px ${y}px`;\n  });\n  POPOVERS.set(el, () => POPOVERS.delete(el) && unfloat());\n}\n\n// Prevent closing when mouse interacts with scrollbar\nlet IS_SCROLL: boolean | undefined;\nconst handleScrollbar = ({ type }: Event) => {\n  if (type === 'mousedown') IS_SCROLL = false;\n  if (type === 'scroll' && IS_SCROLL === false) IS_SCROLL = true;\n  if (type === 'mouseup' && IS_SCROLL)\n    for (const [popover] of POPOVERS) popover.showPopover(); // Immediately show again to prevent flicker\n};\n\nonHotReload('popover', () => [\n  on(document, 'mousedown scroll mouseup', handleScrollbar, true),\n  on(document, 'toggle ds-toggle-source', handleToggle, QUICK_EVENT), // Use capture since the toggle event does not bubble\n]);\n\nconst getCSSProp = (el: Element, prop: string) =>\n  getComputedStyle(el).getPropertyValue(prop).trim();\n\nconst arrowPseudo = () => ({\n  name: 'arrowPseudo',\n  fn(data: MiddlewareState) {\n    const target = data.elements.floating;\n    const source = data.rects.reference;\n    const x = `${Math.round(source.width / 2 + source.x - data.x)}px`;\n    const y = `${Math.round(source.height / 2 + source.y - data.y)}px`;\n\n    target.style.setProperty('--_ds-floating-arrow-x', x);\n    target.style.setProperty('--_ds-floating-arrow-y', y);\n    attr(target, 'data-floating', data.placement);\n    return data;\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"popover.cjs","names":["attr","getCSSProp","onHotReload","on","QUICK_EVENT"],"sources":["../../../src/popover/popover.ts"],"sourcesContent":["import type { ComputePositionConfig, MiddlewareState } from '@floating-ui/dom';\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { attr, getCSSProp, on, onHotReload, QUICK_EVENT } from '../utils/utils';\n\ndeclare global {\n  interface GlobalEventHandlersEventMap {\n    'ds-toggle-source': CustomEvent<Element>;\n  }\n}\n\nconst ATTR_PLACE = 'data-placement';\nconst ATTR_AUTO = 'data-autoplacement';\nconst POPOVERS = new Map<HTMLElement, () => void>();\n\n// Sometimes use \"ds-toggle\" event while waiting for better support of\n// event.source (https://developer.mozilla.org/en-US/docs/Web/API/ToggleEvent/source)\nfunction handleToggle(\n  event: Partial<ToggleEvent> & {\n    detail?: HTMLElement;\n    source?: HTMLElement;\n  },\n) {\n  let { newState, oldState, target: el, source = event.detail } = event;\n  const isPopover = el instanceof HTMLElement && attr(el, 'popover') !== null;\n  const float = isPopover && getCSSProp(el, '--_ds-floating');\n\n  if (!float) return;\n  if (newState === 'closed') return POPOVERS.get(el)?.(); // Cleanup on close\n  if (!source) {\n    const root = el.getRootNode() as Document; // Support shadow DOM\n    const css = `[popovertarget=\"${el.id}\"],[commandfor=\"${el.id}\"]`;\n    source = (el.id && root?.querySelector?.<HTMLElement>(css)) || undefined; // Polyfill ToggleEvent .source for older browsers\n  }\n  if (!source || source === el || (oldState && oldState === newState)) return; // No need to update\n  const padding = 10;\n  const overscroll = getCSSProp(el, '--_ds-floating-overscroll');\n  const placement = attr(el, ATTR_PLACE) || attr(source, ATTR_PLACE) || float;\n  const auto = attr(el, ATTR_AUTO) || attr(source, ATTR_AUTO);\n  const arrowSize = parseFloat(getComputedStyle(el, '::before').height) || 0;\n  const shiftProp = placement.match(/left|right/gi) ? 'Height' : 'Width';\n  const shiftLimit = source[`offset${shiftProp}`] / 2 + arrowSize;\n\n  if (placement === 'none') return; // No need to position\n\n  const options = {\n    strategy: 'absolute',\n    placement,\n    middleware: [\n      offset(arrowSize || 0), // Add space for arrow or default to 8px\n      shift({\n        padding,\n        limiter: limitShift({ offset: { mainAxis: shiftLimit } }), // Prevent from shifing away from source\n      }),\n      arrowPseudo(),\n      ...(auto !== 'false' ? [flip({ padding, crossAxis: false })] : []),\n      ...(overscroll\n        ? [\n            size({\n              apply({ availableHeight }) {\n                if (overscroll === 'fit')\n                  el.style.width = `${source.clientWidth}px`;\n                el.style.maxHeight = `${Math.max(50, availableHeight - padding * 2)}px`;\n              },\n            }),\n          ]\n        : []),\n    ],\n  } as ComputePositionConfig;\n  const unfloat = autoUpdate(source, el, async () => {\n    if (!source?.isConnected) return POPOVERS.get(el)?.(); // Cleanup if source element is removed\n    const { x, y } = await computePosition(source, el, options);\n    el.style.translate = `${x}px ${y}px`;\n  });\n  POPOVERS.set(el, () => POPOVERS.delete(el) && unfloat());\n}\n\n// Prevent closing when mouse interacts with scrollbar\nlet IS_SCROLL: boolean | undefined;\nconst handleScrollbar = ({ type }: Event) => {\n  if (type === 'mousedown') IS_SCROLL = false;\n  if (type === 'scroll' && IS_SCROLL === false) IS_SCROLL = true;\n  if (type === 'mouseup' && IS_SCROLL)\n    for (const [popover] of POPOVERS) popover.showPopover(); // Immediately show again to prevent flicker\n};\n\nonHotReload('popover', () => [\n  on(document, 'mousedown scroll mouseup', handleScrollbar, true),\n  on(document, 'toggle ds-toggle-source', handleToggle, QUICK_EVENT), // Use capture since the toggle event does not bubble\n]);\n\nconst arrowPseudo = () => ({\n  name: 'arrowPseudo',\n  fn(data: MiddlewareState) {\n    const target = data.elements.floating;\n    const source = data.rects.reference;\n    const x = `${Math.round(source.width / 2 + source.x - data.x)}px`;\n    const y = `${Math.round(source.height / 2 + source.y - data.y)}px`;\n\n    target.style.setProperty('--_ds-floating-arrow-x', x);\n    target.style.setProperty('--_ds-floating-arrow-y', y);\n    attr(target, 'data-floating', data.placement);\n    return data;\n  },\n});\n"],"mappings":"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"}

package/dist/cjs/readonly/readonly.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`),t=t=>(t instanceof HTMLSelectElement||t instanceof HTMLInputElement)&&(t.hasAttribute(`readonly`)||e.attr(t,`aria-readonly`)===`true`),n=n=>{if(n.key!==`Tab`&&t(n.target)&&(n.preventDefault(),n.key?.startsWith(`Arrow`)&&e.attr(n.target,`type`)===`radio`)){let e=document.querySelectorAll(`input[name="${n.target.name}"]`),t=n.key?.match(/Arrow(Right|Down)/)?1:-1;e[(e.length+[...e].indexOf(n.target)+t)%e.length]?.focus()}},r=e=>{let n=e.target?.closest?.(`label`)?.control||e.target;t(n)&&(e.preventDefault(),n.focus())},i=e=>{e.target instanceof HTMLSelectElement&&t(e.target)&&e.preventDefault()};e.onHotReload(`readonly`,()=>[e.on(document,`keydown`,n),e.on(document,`click`,r),e.on(document,`mousedown`,i)]);
+const e=require(`../utils/utils.cjs`),t=t=>(t instanceof HTMLSelectElement||t instanceof HTMLInputElement)&&(t.hasAttribute(`readonly`)||e.attr(t,`aria-readonly`)===`true`),n=n=>{if(n.key!==`Tab`&&t(n.target)){let t=n.key?.startsWith(`Arrow`),r=n.altKey||n.ctrlKey||n.metaKey;if((t||!r)&&n.preventDefault(),t&&e.attr(n.target,`type`)===`radio`){let e=document.querySelectorAll(`input[name="${n.target.name}"]`),t=n.key?.match(/Arrow(Right|Down)/)?1:-1;e[(e.length+[...e].indexOf(n.target)+t)%e.length]?.focus()}}},r=e=>{let n=e.target?.closest?.(`label`)?.control||e.target;t(n)&&(e.preventDefault(),n.focus())},i=e=>{e.target instanceof HTMLSelectElement&&t(e.target)&&e.preventDefault()};e.onHotReload(`readonly`,()=>[e.on(document,`keydown`,n),e.on(document,`click`,r),e.on(document,`mousedown`,i)]);
 //# sourceMappingURL=readonly.cjs.map

package/dist/cjs/readonly/readonly.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"readonly.cjs","names":["attr","onHotReload","on"],"sources":["../../../src/readonly/readonly.ts"],"sourcesContent":["import { attr, on, onHotReload } from '../utils/utils';\n\nconst isReadOnly = (el: unknown): el is HTMLInputElement | HTMLSelectElement =>\n  (el instanceof HTMLSelectElement || el instanceof HTMLInputElement) &&\n  (el.hasAttribute('readonly') || attr(el, 'aria-readonly') === 'true');\n\n// Allow tabbing when readonly, and only fix readonly input/select elements (since type select and non-text-inputs do not support readonly)\n// If radio buttons, move focus without changing checked state\nconst handleKeyDown = (e: Event & Partial<KeyboardEvent>) => {\n  if (e.key !== 'Tab' && isReadOnly(e.target)) {\n    e.preventDefault();\n    if (e.key?.startsWith('Arrow') && attr(e.target, 'type') === 'radio') {\n      const all = document.querySelectorAll(`input[name=\"${e.target.name}\"]`);\n      const move = e.key?.match(/Arrow(Right|Down)/) ? 1 : -1;\n      const next = all.length + [...all].indexOf(e.target) + move;\n      (all[next % all.length] as HTMLElement)?.focus();\n    }\n  }\n};\n\nconst handleClick = (e: Event) => {\n  const input = (e.target as Element)?.closest?.('label')?.control || e.target;\n  if (isReadOnly(input)) {\n    e.preventDefault();\n    input.focus();\n  }\n};\n\nconst handleMouseDown = (e: Event) => {\n  if (e.target instanceof HTMLSelectElement && isReadOnly(e.target))\n    e.preventDefault();\n};\n\nonHotReload('readonly', () => [\n  on(document, 'keydown', handleKeyDown),\n  on(document, 'click', handleClick), // click needed for <label> and <input>\n  on(document, 'mousedown', handleMouseDown), // mousedown needed for <select>\n]);\n"],"mappings":"sCAEM,EAAc,IACjB,aAAc,mBAAqB,aAAc,oBACjD,EAAG,aAAa,WAAW,EAAIA,EAAAA,KAAK,EAAI,gBAAgB,GAAK,QAI1D,EAAiB,GAAsC,CAC3D,GAAI,EAAE,MAAQ,OAAS,EAAW,EAAE,OAAO,GACzC,EAAE,gBAAgB,CACd,EAAE,KAAK,WAAW,QAAQ,EAAIA,EAAAA,KAAK,EAAE,OAAQ,OAAO,GAAK,SAAS,CACpE,IAAM,EAAM,SAAS,iBAAiB,eAAe,EAAE,OAAO,KAAK,IAAI,CACjE,EAAO,EAAE,KAAK,MAAM,oBAAoB,CAAG,EAAI,GAEpD,GADY,EAAI,OAAS,CAAC,GAAG,EAAI,CAAC,QAAQ,EAAE,OAAO,CAAG,GAC3C,EAAI,SAAyB,OAAO,GAKhD,EAAe,GAAa,CAChC,IAAM,EAAS,EAAE,QAAoB,UAAU,QAAQ,EAAE,SAAW,EAAE,OAClE,EAAW,EAAM,GACnB,EAAE,gBAAgB,CAClB,EAAM,OAAO,GAIX,EAAmB,GAAa,CAChC,EAAE,kBAAkB,mBAAqB,EAAW,EAAE,OAAO,EAC/D,EAAE,gBAAgB,EAGtBC,EAAAA,YAAY,eAAkB,CAC5BC,EAAAA,GAAG,SAAU,UAAW,EAAc,CACtCA,EAAAA,GAAG,SAAU,QAAS,EAAY,CAClCA,EAAAA,GAAG,SAAU,YAAa,EAAgB,CAC3C,CAAC"}
+{"version":3,"file":"readonly.cjs","names":["attr","onHotReload","on"],"sources":["../../../src/readonly/readonly.ts"],"sourcesContent":["import { attr, on, onHotReload } from '../utils/utils';\n\nconst isReadOnly = (el: unknown): el is HTMLInputElement | HTMLSelectElement =>\n  (el instanceof HTMLSelectElement || el instanceof HTMLInputElement) &&\n  (el.hasAttribute('readonly') || attr(el, 'aria-readonly') === 'true');\n\n// Allow tabbing when readonly, and only fix readonly input/select elements (since type select and non-text-inputs do not support readonly)\n// If radio buttons, move focus without changing checked state\nconst handleKeyDown = (e: Event & Partial<KeyboardEvent>) => {\n  if (e.key !== 'Tab' && isReadOnly(e.target)) {\n    const isArrow = e.key?.startsWith('Arrow'); // Always control arrow keys\n    const isModifier = e.altKey || e.ctrlKey || e.metaKey; // Allow modifier keys so native functions like CMD + D to bookmark  etc. still works\n\n    if (isArrow || !isModifier) e.preventDefault(); // Prevent changing <select> value with keyboard, but allow non-arrow modifier keys\n    if (isArrow && attr(e.target, 'type') === 'radio') {\n      const all = document.querySelectorAll(`input[name=\"${e.target.name}\"]`);\n      const move = e.key?.match(/Arrow(Right|Down)/) ? 1 : -1;\n      const next = all.length + [...all].indexOf(e.target) + move;\n      (all[next % all.length] as HTMLElement)?.focus();\n    }\n  }\n};\n\nconst handleClick = (e: Event) => {\n  const input = (e.target as Element)?.closest?.('label')?.control || e.target;\n  if (isReadOnly(input)) {\n    e.preventDefault();\n    input.focus();\n  }\n};\n\nconst handleMouseDown = (e: Event) => {\n  if (e.target instanceof HTMLSelectElement && isReadOnly(e.target))\n    e.preventDefault();\n};\n\nonHotReload('readonly', () => [\n  on(document, 'keydown', handleKeyDown),\n  on(document, 'click', handleClick), // click needed for <label> and <input>\n  on(document, 'mousedown', handleMouseDown), // mousedown needed for <select>\n]);\n"],"mappings":"sCAEM,EAAc,IACjB,aAAc,mBAAqB,aAAc,oBACjD,EAAG,aAAa,WAAW,EAAIA,EAAAA,KAAK,EAAI,gBAAgB,GAAK,QAI1D,EAAiB,GAAsC,CAC3D,GAAI,EAAE,MAAQ,OAAS,EAAW,EAAE,OAAO,CAAE,CAC3C,IAAM,EAAU,EAAE,KAAK,WAAW,QAAQ,CACpC,EAAa,EAAE,QAAU,EAAE,SAAW,EAAE,QAG9C,IADI,GAAW,CAAC,IAAY,EAAE,gBAAgB,CAC1C,GAAWA,EAAAA,KAAK,EAAE,OAAQ,OAAO,GAAK,QAAS,CACjD,IAAM,EAAM,SAAS,iBAAiB,eAAe,EAAE,OAAO,KAAK,IAAI,CACjE,EAAO,EAAE,KAAK,MAAM,oBAAoB,CAAG,EAAI,GAEpD,GADY,EAAI,OAAS,CAAC,GAAG,EAAI,CAAC,QAAQ,EAAE,OAAO,CAAG,GAC3C,EAAI,SAAyB,OAAO,IAKhD,EAAe,GAAa,CAChC,IAAM,EAAS,EAAE,QAAoB,UAAU,QAAQ,EAAE,SAAW,EAAE,OAClE,EAAW,EAAM,GACnB,EAAE,gBAAgB,CAClB,EAAM,OAAO,GAIX,EAAmB,GAAa,CAChC,EAAE,kBAAkB,mBAAqB,EAAW,EAAE,OAAO,EAC/D,EAAE,gBAAgB,EAGtBC,EAAAA,YAAY,eAAkB,CAC5BC,EAAAA,GAAG,SAAU,UAAW,EAAc,CACtCA,EAAAA,GAAG,SAAU,QAAS,EAAY,CAClCA,EAAAA,GAAG,SAAU,YAAa,EAAgB,CAC3C,CAAC"}

package/dist/cjs/suggestion/suggestion.cjs

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

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

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

package/dist/cjs/toggle-group/toggle-group.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`),t=`data-toggle-group`,n=`[${t}]`,r=e.debounce(()=>{for(let r of document.querySelectorAll(n))e.attr(r,`aria-label`,e.attrOrCSS(r,t))},0),i=e=>{let t=e.target instanceof HTMLInputElement&&e.target.closest(n);if(t&&(e.key===`Enter`&&e.target.click(),e.key?.startsWith(`Arrow`))){e.preventDefault?.();let n=[...t.getElementsByTagName(`input`)],r=n.indexOf(e.target),i=e.key.match(/Arrow(Right|Down)/)?1:-1,a=r;for(let e=0;e<n.length;e++)if(a=(n.length+a+i)%n.length,!n[a]?.disabled){n[a]?.focus();break}}};e.onHotReload(`toggle-group`,()=>[e.on(document,`keydown`,i),e.onMutation(document,r,{attributeFilter:[t],attributes:!0,childList:!0,subtree:!0})]);
+const e=require(`../utils/utils.cjs`),t=`aria-label`,n=`data-toggle-group`,r=`[${n}]`,i=()=>{for(let t of document.querySelectorAll(r))e.attr(t,`aria-label`,e.attrOrCSS(t,n))},a=i=>{let{key:a,target:o}=i,s=o instanceof HTMLInputElement&&o.closest(r);if(s&&(!e.attr(s,t)&&!e.attr(s,`aria-labelledby`)&&e.attr(s,t,e.attrOrCSS(s,n)),a===`Enter`&&o.click(),a?.startsWith(`Arrow`))){i.preventDefault?.();let e=[...s.getElementsByTagName(`input`)],t=e.indexOf(o),n=a.match(/Arrow(Right|Down)/)?1:-1,r=t;for(let t=0;t<e.length;t++)if(r=(e.length+r+n)%e.length,!e[r]?.disabled){e[r]?.focus();break}}};e.onHotReload(`toggle-group`,()=>[e.on(document,`keydown`,a),e.onMutation(document,i,{attributeFilter:[n],attributes:!0,childList:!0,subtree:!0})]);
 //# sourceMappingURL=toggle-group.cjs.map

package/dist/cjs/toggle-group/toggle-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.cjs","names":["debounce","attrOrCSS","onHotReload","on","onMutation"],"sources":["../../../src/toggle-group/toggle-group.ts"],"sourcesContent":["import {\n  attr,\n  attrOrCSS,\n  debounce,\n  on,\n  onHotReload,\n  onMutation,\n} from '../utils/utils';\n\nconst ATTR_TOGGLEGROUP = 'data-toggle-group';\nconst SELECTOR_TOGGLEGROUP = `[${ATTR_TOGGLEGROUP}]`;\n\nconst handleAriaAttributes = debounce(() => {\n  for (const group of document.querySelectorAll(SELECTOR_TOGGLEGROUP))\n    attr(group, 'aria-label', attrOrCSS(group, ATTR_TOGGLEGROUP));\n}, 0); // Debounce to merge multiple mutations\n\nconst handleKeydown = (event: Partial<KeyboardEvent>) => {\n  const group =\n    event.target instanceof HTMLInputElement &&\n    event.target.closest(SELECTOR_TOGGLEGROUP);\n\n  if (!group) return;\n  if (event.key === 'Enter') event.target.click(); // Forward Enter, but no need to listen for space key, as this is handled by the browser\n  if (event.key?.startsWith('Arrow')) {\n    event.preventDefault?.();\n    const inputs = [...group.getElementsByTagName('input')];\n    const index = inputs.indexOf(event.target);\n    const move = event.key.match(/Arrow(Right|Down)/) ? 1 : -1;\n    let nextIndex = index;\n\n    for (let i = 0; i < inputs.length; i++) {\n      nextIndex = (inputs.length + nextIndex + move) % inputs.length;\n      if (!inputs[nextIndex]?.disabled) {\n        inputs[nextIndex]?.focus();\n        break;\n      }\n    }\n  }\n};\n\nonHotReload('toggle-group', () => [\n  on(document, 'keydown', handleKeydown),\n  onMutation(document, handleAriaAttributes, {\n    attributeFilter: [ATTR_TOGGLEGROUP],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"sCASM,EAAmB,oBACnB,EAAuB,IAAI,EAAiB,GAE5C,EAAuBA,EAAAA,aAAe,CAC1C,IAAK,IAAM,KAAS,SAAS,iBAAiB,EAAqB,CACjE,EAAA,KAAK,EAAO,aAAcC,EAAAA,UAAU,EAAO,EAAiB,CAAC,EAC9D,EAAE,CAEC,EAAiB,GAAkC,CACvD,IAAM,EACJ,EAAM,kBAAkB,kBACxB,EAAM,OAAO,QAAQ,EAAqB,CAEvC,OACD,EAAM,MAAQ,SAAS,EAAM,OAAO,OAAO,CAC3C,EAAM,KAAK,WAAW,QAAQ,EAAE,CAClC,EAAM,kBAAkB,CACxB,IAAM,EAAS,CAAC,GAAG,EAAM,qBAAqB,QAAQ,CAAC,CACjD,EAAQ,EAAO,QAAQ,EAAM,OAAO,CACpC,EAAO,EAAM,IAAI,MAAM,oBAAoB,CAAG,EAAI,GACpD,EAAY,EAEhB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAEjC,GADA,GAAa,EAAO,OAAS,EAAY,GAAQ,EAAO,OACpD,CAAC,EAAO,IAAY,SAAU,CAChC,EAAO,IAAY,OAAO,CAC1B,SAMRC,EAAAA,YAAY,mBAAsB,CAChCC,EAAAA,GAAG,SAAU,UAAW,EAAc,CACtCC,EAAAA,WAAW,SAAU,EAAsB,CACzC,gBAAiB,CAAC,EAAiB,CACnC,WAAY,GACZ,UAAW,GACX,QAAS,GACV,CAAC,CACH,CAAC"}
+{"version":3,"file":"toggle-group.cjs","names":["attrOrCSS","attr","onHotReload","on","onMutation"],"sources":["../../../src/toggle-group/toggle-group.ts"],"sourcesContent":["import { attr, attrOrCSS, on, onHotReload, onMutation } from '../utils/utils';\n\nconst ARIA_LABELLEDBY = 'aria-labelledby';\nconst ARIA_LABEL = 'aria-label';\nconst ATTR_TOGGLEGROUP = 'data-toggle-group';\nconst SELECTOR_TOGGLEGROUP = `[${ATTR_TOGGLEGROUP}]`;\n\nconst handleAriaAttributes = () => {\n  for (const group of document.querySelectorAll(SELECTOR_TOGGLEGROUP))\n    attr(group, 'aria-label', attrOrCSS(group, ATTR_TOGGLEGROUP));\n};\n\nconst handleKeydown = (event: Partial<KeyboardEvent>) => {\n  const { key, target: el } = event;\n  const group =\n    el instanceof HTMLInputElement && el.closest(SELECTOR_TOGGLEGROUP);\n\n  if (!group) return;\n  if (!attr(group, ARIA_LABEL) && !attr(group, ARIA_LABELLEDBY))\n    attr(group, ARIA_LABEL, attrOrCSS(group, ATTR_TOGGLEGROUP));\n  if (key === 'Enter') el.click(); // Forward Enter, but no need to listen for space key, as this is handled by the browser\n  if (key?.startsWith('Arrow')) {\n    event.preventDefault?.();\n    const inputs = [...group.getElementsByTagName('input')];\n    const index = inputs.indexOf(el);\n    const move = key.match(/Arrow(Right|Down)/) ? 1 : -1;\n    let nextIndex = index;\n\n    for (let i = 0; i < inputs.length; i++) {\n      nextIndex = (inputs.length + nextIndex + move) % inputs.length;\n      if (!inputs[nextIndex]?.disabled) {\n        inputs[nextIndex]?.focus();\n        break;\n      }\n    }\n  }\n};\n\nonHotReload('toggle-group', () => [\n  on(document, 'keydown', handleKeydown),\n  onMutation(document, handleAriaAttributes, {\n    attributeFilter: [ATTR_TOGGLEGROUP],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"sCAGM,EAAa,aACb,EAAmB,oBACnB,EAAuB,IAAI,EAAiB,GAE5C,MAA6B,CACjC,IAAK,IAAM,KAAS,SAAS,iBAAiB,EAAqB,CACjE,EAAA,KAAK,EAAO,aAAcA,EAAAA,UAAU,EAAO,EAAiB,CAAC,EAG3D,EAAiB,GAAkC,CACvD,GAAM,CAAE,MAAK,OAAQ,GAAO,EACtB,EACJ,aAAc,kBAAoB,EAAG,QAAQ,EAAqB,CAE/D,OACD,CAACC,EAAAA,KAAK,EAAO,EAAW,EAAI,CAACA,EAAAA,KAAK,EAAO,kBAAgB,EAC3D,EAAA,KAAK,EAAO,EAAYD,EAAAA,UAAU,EAAO,EAAiB,CAAC,CACzD,IAAQ,SAAS,EAAG,OAAO,CAC3B,GAAK,WAAW,QAAQ,EAAE,CAC5B,EAAM,kBAAkB,CACxB,IAAM,EAAS,CAAC,GAAG,EAAM,qBAAqB,QAAQ,CAAC,CACjD,EAAQ,EAAO,QAAQ,EAAG,CAC1B,EAAO,EAAI,MAAM,oBAAoB,CAAG,EAAI,GAC9C,EAAY,EAEhB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAEjC,GADA,GAAa,EAAO,OAAS,EAAY,GAAQ,EAAO,OACpD,CAAC,EAAO,IAAY,SAAU,CAChC,EAAO,IAAY,OAAO,CAC1B,SAMRE,EAAAA,YAAY,mBAAsB,CAChCC,EAAAA,GAAG,SAAU,UAAW,EAAc,CACtCC,EAAAA,WAAW,SAAU,EAAsB,CACzC,gBAAiB,CAAC,EAAiB,CACnC,WAAY,GACZ,UAAW,GACX,QAAS,GACV,CAAC,CACH,CAAC"}

package/dist/cjs/tooltip/tooltip.cjs

@@ -1,2 +1,2 @@
-const e=require(`../utils/utils.cjs`);let t,n,r=0,i=0;const a=e.isBrowser()&&/iPad|iPhone|iPod/.test(navigator.userAgent),o=`data-tooltip`,s=`data-color`,c=`aria-label`,l=`aria-description`,u=`[${s}]`,d=`[${o}]`,f=`data-color-scheme`,p=`[${f}]`,m=n=>{n&&!(n instanceof HTMLElement)&&e.warn(`setTooltipElement expects an HTMLElement, got: `,n),t=n||void 0},h=e.debounce(()=>{for(let r of document.querySelectorAll(d)){let i=r.getAttribute(c)||r.getAttribute(l),a=r.getAttribute(o)||e.attrOrCSS(r,o);if(i!==a){let t=e.attr(r,`role`)!==`img`&&r.textContent?.trim();e.attr(r,o,a),e.attr(r,c,t?null:a),e.attr(r,l,t?a:null),r.matches(`a,button,input,label,select,textarea,[tabindex]`)||e.warn(`Missing tabindex="0" attribute on: `,r)}let s=r===n&&t?.matches(`:popover-open`),u=s&&a&&t?.textContent!==a;s&&u&&(t&&e.setTextWithoutMutation(t,a),document.activeElement===r&&e.announce(a))}},0),g=({type:c,target:l})=>{if(clearTimeout(r),l===t)return;if(c===`mouseover`&&!n&&!a){r=setTimeout(g,300,{target:l});return}let d=l?.closest?.(`[${o}]`);if(d===n)return;if(!d)return _();t||=e.tag(`div`,{class:`ds-tooltip`}),t.isConnected||document.body.appendChild(t);let m=d.closest(u),h=d.closest(p),v=m!==h&&m?.contains(h);clearTimeout(i),e.attr(t,`popover`,`manual`),e.attr(t,f,h?.getAttribute(f)||null),e.attr(t,s,v&&m?.getAttribute(s)||null),e.setTextWithoutMutation(t,e.attr(d,o)),t.showPopover(),t.dispatchEvent(new CustomEvent(`ds-toggle-source`,{detail:d})),n=d},_=()=>t?.isConnected&&t.popover&&t.hidePopover(),v=e=>{if(e?.type===`keydown`)return e?.key===`Escape`&&_();e?e.target===t&&e.newState===`closed`&&(i=setTimeout(v,300)):n=void 0};e.onHotReload(`tooltip`,()=>[e.on(document,`blur focus mouseover`,g,e.QUICK_EVENT),e.on(document,`toggle keydown`,v,e.QUICK_EVENT),e.onMutation(document,h,{attributeFilter:[o],attributes:!0,childList:!0,subtree:!0})]),exports.setTooltipElement=m;
+const e=require(`../utils/utils.cjs`);let t,n,r=!1,i=0,a=0;const o=e.isBrowser()&&/iPad|iPhone|iPod/.test(navigator.userAgent),s=`data-tooltip`,c=`data-color`,l=`aria-label`,u=`aria-description`,d=`[${c}]`,f=`[${s}]`,p=`data-color-scheme`,m=`[${p}]`,h=o=>{o&&!(o instanceof HTMLElement)&&e.warn(`setTooltipElement expects an HTMLElement, got: `,o),clearTimeout(a),clearTimeout(i),n=void 0,r=!1,t=o||void 0},g=()=>{for(let r of document.querySelectorAll(f)){let i=e.attrOrCSS(r,s);if(!i)return;if(i!==(r.getAttribute(l)||r.getAttribute(u))){let t=e.attr(r,`role`)!==`img`&&r.textContent?.trim();e.attr(r,s,i),e.attr(r,l,t?null:i),e.attr(r,u,t?i:null),r.matches(`a,button,input,label,select,textarea,[tabindex]`)||e.warn(`Missing tabindex="0" attribute on: `,r)}let a=r===n&&t?.offsetHeight&&t?.offsetWidth,o=a&&i&&t?.textContent!==i;a&&o&&(t&&(t.textContent=i),document.activeElement===r&&e.announce(i))}},_=({type:l,target:u})=>{if(clearTimeout(i),u===t)return;if(l===`mouseover`&&!r&&!o){i=setTimeout(_,300,{target:u});return}let f=u?.closest?.(`[${s}]`);if(f===n)return;if(!f)return v();t||=e.tag(`div`,{class:`ds-tooltip`}),t.isConnected||document.body.appendChild(t);let h=f.closest(d),g=f.closest(m),y=h!==g&&h?.contains(g);clearTimeout(a),e.attr(t,`popover`,`manual`),e.attr(t,p,g?.getAttribute(p)||null),e.attr(t,c,y&&h?.getAttribute(c)||null),t.textContent=e.attr(f,s),t.showPopover(),t.dispatchEvent(new CustomEvent(`ds-toggle-source`,{detail:f})),r=!0,n=f},v=()=>t?.isConnected&&t.popover&&t.hidePopover(),y=e=>{if(e?.type===`keydown`)return e?.key===`Escape`&&v();e?e.target===t&&e.newState===`closed`&&(n=void 0,a=setTimeout(y,300)):r=!1};e.onHotReload(`tooltip`,()=>[e.on(document,`blur focus mouseover`,_,e.QUICK_EVENT),e.on(document,`toggle keydown`,y,e.QUICK_EVENT),e.onMutation(document,g,{attributeFilter:[s],attributes:!0,childList:!0,subtree:!0})]),exports.setTooltipElement=h;
 //# sourceMappingURL=tooltip.cjs.map

package/dist/cjs/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":["isBrowser","debounce","attrOrCSS","attr","tag","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/tooltip/tooltip.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  debounce,\n  isBrowser,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  setTextWithoutMutation,\n  tag,\n  warn,\n} from '../utils/utils';\n\nlet TIP: HTMLElement | undefined;\nlet SOURCE: Element | undefined;\nlet HOVER_TIMER: number | ReturnType<typeof setTimeout> = 0;\nlet SKIP_TIMER: number | ReturnType<typeof setTimeout> = 0;\n/*needed to omit DELAY_HOVER on iOS that otherwise causes interaction delay \n(iOS triggers mouseover before click when an element is tapped)*/\nconst IS_IOS = isBrowser() && /iPad|iPhone|iPod/.test(navigator.userAgent);\nconst ATTR_TOOLTIP = 'data-tooltip';\nconst ATTR_COLOR = 'data-color';\nconst ARIA_LABEL = 'aria-label';\nconst ARIA_DESC = 'aria-description';\nconst SELECTOR_COLOR = `[${ATTR_COLOR}]`;\nconst SELECTOR_TOOLTIP = `[${ATTR_TOOLTIP}]`;\nconst ATTR_SCHEME = 'data-color-scheme';\nconst SELECTOR_SCHEME = `[${ATTR_SCHEME}]`;\nconst SELECTOR_INTERACTIVE = 'a,button,input,label,select,textarea,[tabindex]';\nconst DELAY_HOVER = 300;\nconst DELAY_SKIP = 300;\n\n/**\n * setTooltipElement\n * @description Allows setting a custom tooltip element. It does not need to, and should not, be injected to document.body, as we inject on hover to ensure React hydration works as expected.\n * @param el The HTMLElement to use as tooltip\n */\nexport const setTooltipElement = (el?: HTMLElement | null) => {\n  if (el && !(el instanceof HTMLElement))\n    warn('setTooltipElement expects an HTMLElement, got: ', el);\n  TIP = el || undefined;\n};\n\nconst handleAriaAttributes = debounce(() => {\n  for (const el of document.querySelectorAll(SELECTOR_TOOLTIP)) {\n    const aria = el.getAttribute(ARIA_LABEL) || el.getAttribute(ARIA_DESC); // Using getAttribute for best performance\n    const text = el.getAttribute(ATTR_TOOLTIP) || attrOrCSS(el, ATTR_TOOLTIP); // Only parse CSS if attribute is empty for better performance\n\n    if (aria !== text) {\n      const hasText = attr(el, 'role') !== 'img' && el.textContent?.trim(); // If role=\"img\", ignore text\n      attr(el, ATTR_TOOLTIP, text); // Set data-tooltip attribute to speed up future mutations\n      attr(el, ARIA_LABEL, hasText ? null : text); // Set aria-label if element does not have text\n      attr(el, ARIA_DESC, hasText ? text : null); // Set aria-description if element has text\n      if (!el.matches(SELECTOR_INTERACTIVE))\n        warn('Missing tabindex=\"0\" attribute on: ', el);\n    }\n\n    // If an existing tooltip has changed programmatically, update tooltip text and announce change\n    const isCurrent = el === SOURCE && TIP?.matches(':popover-open');\n    const isChanged = isCurrent && text && TIP?.textContent !== text; // Only update if mutation is on source element and tooltip is open to avoid unnecessary updates\n    if (isCurrent && isChanged) {\n      if (TIP) setTextWithoutMutation(TIP, text);\n      if (document.activeElement === el) announce(text); // Only announce if focus is on the button\n    }\n  }\n}, 0); // Debounce to merge multiple mutations\n\nconst handleInterest = ({ type, target }: Event) => {\n  clearTimeout(HOVER_TIMER);\n\n  if (target === TIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n  if (type === 'mouseover' && !SOURCE && !IS_IOS) {\n    HOVER_TIMER = setTimeout(handleInterest, DELAY_HOVER, { target }); // Delay mouse showing tooltip if not already shown\n    return;\n  }\n\n  const source = (target as Element)?.closest?.(`[${ATTR_TOOLTIP}]`);\n  if (source === SOURCE) return; // No need to update\n  if (!source) return hideTooltip(); // If no new anchor, cleanup previous autoUpdate\n  if (!TIP) TIP = tag('div', { class: 'ds-tooltip' });\n  if (!TIP.isConnected) document.body.appendChild(TIP); // Ensure connected\n\n  const color = source.closest(SELECTOR_COLOR); // Match source color of source element\n  const scheme = source.closest(SELECTOR_SCHEME); // Match source color-scheme of source element\n  const isReset = color !== scheme && color?.contains(scheme as Node); // If data-scheme is closer to target, it will reset data-color\n  clearTimeout(SKIP_TIMER);\n  attr(TIP, 'popover', 'manual'); // Ensure popover behavior\n  attr(TIP, ATTR_SCHEME, scheme?.getAttribute(ATTR_SCHEME) || null); // Fallback to null to reset if not scheme found\n  attr(TIP, ATTR_COLOR, (isReset && color?.getAttribute(ATTR_COLOR)) || null); // Fallback to null to reset if not scheme found\n  setTextWithoutMutation(TIP, attr(source, ATTR_TOOLTIP));\n  TIP.showPopover();\n  TIP.dispatchEvent(new CustomEvent('ds-toggle-source', { detail: source })); // Since showPopover({ source }) is not supported in all browsers yet\n  SOURCE = source;\n};\n\nconst hideTooltip = () => TIP?.isConnected && TIP.popover && TIP.hidePopover(); // Only hide if connected and activated\n\nconst handleClose = (event?: Partial<ToggleEvent & KeyboardEvent>) => {\n  if (event?.type === 'keydown')\n    return event?.key === 'Escape' && hideTooltip();\n  if (!event) SOURCE = undefined;\n  else if (event.target === TIP && event.newState === 'closed')\n    SKIP_TIMER = setTimeout(handleClose, DELAY_SKIP);\n};\n\nonHotReload('tooltip', () => [\n  on(document, 'blur focus mouseover', handleInterest, QUICK_EVENT),\n  on(document, 'toggle keydown', handleClose, QUICK_EVENT),\n  onMutation(document, handleAriaAttributes, {\n    attributeFilter: [ATTR_TOOLTIP],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs","names":["isBrowser","attrOrCSS","attr","tag","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/tooltip/tooltip.ts"],"sourcesContent":["import {\n  announce,\n  attr,\n  attrOrCSS,\n  isBrowser,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  tag,\n  warn,\n} from '../utils/utils';\n\nlet TIP: HTMLElement | undefined;\nlet SOURCE: Element | undefined;\nlet IS_HOVERING = false;\nlet HOVER_TIMER: number | ReturnType<typeof setTimeout> = 0;\nlet SKIP_TIMER: number | ReturnType<typeof setTimeout> = 0;\nconst IS_IOS = isBrowser() && /iPad|iPhone|iPod/.test(navigator.userAgent); // Needed to omit DELAY_HOVER since iOS triggers mouseover before click\nconst ATTR_TOOLTIP = 'data-tooltip';\nconst ATTR_COLOR = 'data-color';\nconst ARIA_LABEL = 'aria-label';\nconst ARIA_DESC = 'aria-description';\nconst SELECTOR_COLOR = `[${ATTR_COLOR}]`;\nconst SELECTOR_TOOLTIP = `[${ATTR_TOOLTIP}]`;\nconst ATTR_SCHEME = 'data-color-scheme';\nconst SELECTOR_SCHEME = `[${ATTR_SCHEME}]`;\nconst SELECTOR_INTERACTIVE = 'a,button,input,label,select,textarea,[tabindex]';\nconst DELAY_HOVER = 300;\nconst DELAY_SKIP = 300;\n\n/**\n * setTooltipElement\n * @description Allows setting a custom tooltip element. It does not need to, and should not, be injected to document.body, as we inject on hover to ensure React hydration works as expected.\n * @param el The HTMLElement to use as tooltip\n */\nexport const setTooltipElement = (el?: HTMLElement | null) => {\n  if (el && !(el instanceof HTMLElement))\n    warn('setTooltipElement expects an HTMLElement, got: ', el);\n  clearTimeout(SKIP_TIMER); // Reset when changing source\n  clearTimeout(HOVER_TIMER);\n  SOURCE = undefined;\n  IS_HOVERING = false;\n  TIP = el || undefined;\n};\n\nconst handleAriaAttributes = () => {\n  for (const el of document.querySelectorAll(SELECTOR_TOOLTIP)) {\n    const text = attrOrCSS(el, ATTR_TOOLTIP);\n\n    if (!text) return; // Early return if no tooltip text\n    if (text !== (el.getAttribute(ARIA_LABEL) || el.getAttribute(ARIA_DESC))) {\n      const hasText = attr(el, 'role') !== 'img' && el.textContent?.trim(); // If role=\"img\", ignore text\n      attr(el, ATTR_TOOLTIP, text); // Set data-tooltip attribute to speed up future mutations\n      attr(el, ARIA_LABEL, hasText ? null : text); // Set aria-label if element does not have text\n      attr(el, ARIA_DESC, hasText ? text : null); // Set aria-description if element has text\n      if (!el.matches(SELECTOR_INTERACTIVE))\n        warn('Missing tabindex=\"0\" attribute on: ', el);\n    }\n\n    // If an existing tooltip has changed programmatically, update tooltip text and announce change\n    const isCurrent = el === SOURCE && TIP?.offsetHeight && TIP?.offsetWidth; // Using offsetHeight+Width to check visibility as :popover-open is not well supported by JSDOM\n    const isChanged = isCurrent && text && TIP?.textContent !== text; // Only update if mutation is on source element and tooltip is open to avoid unnecessary updates\n    if (isCurrent && isChanged) {\n      if (TIP) TIP.textContent = text;\n      if (document.activeElement === el) announce(text); // Only announce if focus is on the button\n    }\n  }\n};\n\nconst handleInterest = ({ type, target }: Event) => {\n  clearTimeout(HOVER_TIMER);\n\n  if (target === TIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n  if (type === 'mouseover' && !IS_HOVERING && !IS_IOS) {\n    HOVER_TIMER = setTimeout(handleInterest, DELAY_HOVER, { target }); // Delay mouse showing tooltip if not already shown\n    return;\n  }\n\n  const source = (target as Element)?.closest?.(`[${ATTR_TOOLTIP}]`);\n  if (source === SOURCE) return; // No need to update\n  if (!source) return hideTooltip(); // If no new anchor, cleanup previous autoUpdate\n  if (!TIP) TIP = tag('div', { class: 'ds-tooltip' });\n  if (!TIP.isConnected) document.body.appendChild(TIP); // Ensure connected\n\n  const color = source.closest(SELECTOR_COLOR); // Match source color of source element\n  const scheme = source.closest(SELECTOR_SCHEME); // Match source color-scheme of source element\n  const isReset = color !== scheme && color?.contains(scheme as Node); // If data-scheme is closer to target, it will reset data-color\n\n  clearTimeout(SKIP_TIMER);\n  attr(TIP, 'popover', 'manual'); // Ensure popover behavior\n  attr(TIP, ATTR_SCHEME, scheme?.getAttribute(ATTR_SCHEME) || null); // Fallback to null to reset if not scheme found\n  attr(TIP, ATTR_COLOR, (isReset && color?.getAttribute(ATTR_COLOR)) || null); // Fallback to null to reset if not scheme found\n  TIP.textContent = attr(source, ATTR_TOOLTIP);\n  TIP.showPopover();\n  TIP.dispatchEvent(new CustomEvent('ds-toggle-source', { detail: source })); // Since showPopover({ source }) is not supported in all browsers yet\n  IS_HOVERING = true;\n  SOURCE = source;\n};\n\nconst hideTooltip = () => TIP?.isConnected && TIP.popover && TIP.hidePopover(); // Only hide if connected and activated\n\nconst handleClose = (event?: Partial<ToggleEvent & KeyboardEvent>) => {\n  if (event?.type === 'keydown')\n    return event?.key === 'Escape' && hideTooltip();\n  if (!event) IS_HOVERING = false;\n  else if (event.target === TIP && event.newState === 'closed') {\n    SOURCE = undefined;\n    SKIP_TIMER = setTimeout(handleClose, DELAY_SKIP);\n  }\n};\n\nonHotReload('tooltip', () => [\n  on(document, 'blur focus mouseover', handleInterest, QUICK_EVENT),\n  on(document, 'toggle keydown', handleClose, QUICK_EVENT),\n  onMutation(document, handleAriaAttributes, {\n    attributeFilter: [ATTR_TOOLTIP],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}