@digdir/designsystemet-web 0.0.1 → 1.12.0

package/dist/cjs/utils/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","names":[],"sources":["../../../src/utils/utils.ts"],"sourcesContent":["export const QUICK_EVENT = { passive: true, capture: true };\n\n// Using function instead of constant to support evnironments where DOM can be unloaded (like Vitest with jsdom)\nexport const isBrowser = () =>\n  typeof window !== 'undefined' && typeof document !== 'undefined';\n\nexport const isWindows = () =>\n  isBrowser() &&\n  // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n  /^Win/i.test(navigator.userAgentData?.platform || navigator.platform);\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const DSElement =\n  typeof HTMLElement === 'undefined'\n    ? (class {} as typeof HTMLElement)\n    : HTMLElement;\n\nexport function debounce<T extends unknown[]>(\n  callback: (...args: T) => void,\n  delay: number,\n) {\n  let timer: ReturnType<typeof setTimeout>;\n\n  return function (this: unknown, ...args: T) {\n    clearTimeout(timer);\n    timer = setTimeout(() => callback.apply(this, args), delay);\n  };\n}\n\n/**\n * warn\n * @description Utility to console.warn, but can be silenced in production with window.dsWarnings = false;\n */\ndeclare global {\n  interface Window {\n    dsWarnings?: boolean;\n  }\n}\nexport const warn = (\n  message: string,\n  ...args: Parameters<typeof console.warn>\n) =>\n  typeof window === 'undefined' ||\n  window.dsWarnings === false ||\n  console.warn(`Designsystemet: ${message}`, ...args);\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to read/write attributes from\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport const attr = (\n  el: Element,\n  name: string,\n  value?: string | null,\n): string | null => {\n  if (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n  if (value === null) el.removeAttribute(name);\n  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n  return null;\n};\n\n/**\n * attrOrCSS\n * @description Retrieves and updates attribute based on attribute or CSS property value\n * @param el The Element to read attributes/CSS from\n * @param name Attribute or CSS property to get\n * @return string attribute or CSS property value\n */\nconst STRIP_SURROUNDING_QUOTES = /^[\"']|[\"']$/g; // Matches surrounding single or double quotes\nexport const attrOrCSS = (el: Element, name: string) => {\n  let value = attr(el, name);\n  if (!value) {\n    const prop = getComputedStyle(el).getPropertyValue(`--_ds-${name}`);\n    value = prop.replace(STRIP_SURROUNDING_QUOTES, '').trim() || null;\n  }\n  if (!value) warn(`Missing ${name} on:`, el);\n  return value;\n};\n\n/**\n * on\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n  el: Node | Window | ShadowRoot,\n  ...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n  const [types, ...options] = rest;\n  for (const type of types.split(' ')) el.addEventListener(type, ...options);\n  return () => off(el, ...rest);\n};\n\n/**\n * off\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n  el: Node | Window | ShadowRoot,\n  ...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => {\n  const [types, ...options] = rest;\n  for (const type of types.split(' ')) el.removeEventListener(type, ...options);\n};\n\n// Used to store cleanup functions for hot-reloading\ndeclare global {\n  interface Window {\n    _dsHotReloadCleanup?: Map<string, Array<() => void>>;\n  }\n}\n\n/**\n * onHotReload\n * @description Runs a callback when window is loaded in browser, and ensures cleanup when hot-reloading\n * @param key The key to identify setup and corresponding cleanup\n * @param callback The callback to run when the page is ready\n */\nexport const onHotReload = (key: string, setup: () => Array<() => void>) => {\n  if (!isBrowser()) return; // Skip if not in modern browser environment, but on each call as Vitest might have unloaded jsdom between tests\n  if (!window._dsHotReloadCleanup) window._dsHotReloadCleanup = new Map(); // Hot reload cleanup support supporting all build tools\n\n  window._dsHotReloadCleanup?.get(key)?.map((cleanup) => cleanup()); // Run previous cleanup\n  window._dsHotReloadCleanup?.set(key, setup()); // Store new cleanup\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nlet SKIP_MUTATIONS = false;\nexport const onMutation = (\n  el: Node,\n  callback: (observer: MutationObserver) => void,\n  options: MutationObserverInit,\n) => {\n  let queue = 0;\n  const onFrame = () => {\n    if (!el.isConnected) return cleanup(); // Stop observing if element is removed from DOM\n    callback(observer);\n    observer.takeRecords(); // Clear records in case mutations happened during callback\n    queue = 0;\n  };\n  const cleanup = () => observer?.disconnect?.();\n  const observer = new MutationObserver(() => {\n    if (!SKIP_MUTATIONS && !queue) queue = requestAnimationFrame(onFrame); // requestAnimationFrame only runs when page is visible\n  });\n\n  observer.observe(el, options);\n  requestAnimationFrame(onFrame); // Initial run when page is visible and children has mounted\n  return cleanup;\n};\n\n/**\n * Many mutation observers need to watch childNodes, thus running on all `textContent` changes\n * This utility allows skipping mutation observers while updating textContent\n */\nexport const setTextWithoutMutation = (el: Element, text: string | null) => {\n  SKIP_MUTATIONS = true;\n  el.textContent = text;\n  requestAnimationFrame(enableMutations); // Let all mutationobservers run before enabling again\n};\nconst enableMutations = () => {\n  SKIP_MUTATIONS = false;\n};\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n  tagName: TagName,\n  attrs?: Record<string, string | null> | null,\n): HTMLElementTagNameMap[TagName] => {\n  const el = document.createElement(tagName);\n  if (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n  return el;\n};\n\n/**\n * customElements.define\n * @description Defines a customElement if running in browser and if not already registered\n * Scoped/named \"customElements.define\" so @custom-elements-manifest/analyzer can find tag names\n */\nexport const customElements = {\n  define: (name: string, instance: CustomElementConstructor) =>\n    !isBrowser() ||\n    window.customElements.get(name) ||\n    window.customElements.define(name, instance),\n};\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst hash = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId(el?: Element | null) {\n  if (el && !el.id) el.id = `${hash}${++id}`;\n  return el?.id || '';\n}\n"],"mappings":"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"}

package/dist/custom-elements.json

@@ -0,0 +1,531 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "@u-elements/u-datalist"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/breadcrumbs/breadcrumbs"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/error-summary/error-summary"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/field/field"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/pagination/pagination"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/suggestion/suggestion"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tabs/tabs"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tooltip/tooltip"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumbs/breadcrumbs.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSBreadcrumbsElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_items",
+              "type": {
+                "text": "HTMLCollectionOf<HTMLAnchorElement> | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_render",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_unresize",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_unmutate",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "DSElement",
+            "module": "/src/utils/utils"
+          },
+          "tagName": "ds-breadcrumbs",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DSBreadcrumbsElement",
+          "declaration": {
+            "name": "DSBreadcrumbsElement",
+            "module": "src/breadcrumbs/breadcrumbs.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-breadcrumbs",
+          "declaration": {
+            "name": "DSBreadcrumbsElement",
+            "module": "src/breadcrumbs/breadcrumbs.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/clickdelegatefor/clickdelegatefor.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dialog/dialog.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/error-summary/error-summary.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSErrorSummaryElement",
+          "members": [
+            {
+              "kind": "method",
+              "name": "handleEvent",
+              "parameters": [
+                {
+                  "name": "{ target }",
+                  "type": {
+                    "text": "Partial<Event>"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "DSElement",
+            "module": "/src/utils/utils"
+          },
+          "tagName": "ds-error-summary",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DSErrorSummaryElement",
+          "declaration": {
+            "name": "DSErrorSummaryElement",
+            "module": "src/error-summary/error-summary.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-error-summary",
+          "declaration": {
+            "name": "DSErrorSummaryElement",
+            "module": "src/error-summary/error-summary.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/field/field.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSFieldElement",
+          "superclass": {
+            "name": "DSElement",
+            "module": "/src/utils/utils"
+          },
+          "tagName": "ds-field",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DSFieldElement",
+          "declaration": {
+            "name": "DSFieldElement",
+            "module": "src/field/field.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-field",
+          "declaration": {
+            "name": "DSFieldElement",
+            "module": "src/field/field.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pagination/pagination.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "pagination",
+          "parameters": [
+            {
+              "name": "{ current = 1, total = 10, show = 7 }"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSPaginationElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_unmutate",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_render",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "DSElement",
+            "module": "/src/utils/utils"
+          },
+          "tagName": "ds-pagination",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "pagination",
+          "declaration": {
+            "name": "pagination",
+            "module": "src/pagination/pagination.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DSPaginationElement",
+          "declaration": {
+            "name": "DSPaginationElement",
+            "module": "src/pagination/pagination.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-pagination",
+          "declaration": {
+            "name": "DSPaginationElement",
+            "module": "src/pagination/pagination.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/popover/popover.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "placement"
+        }
+      ],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/readonly/readonly.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/suggestion/suggestion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSSuggestionElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_unmutate",
+              "type": {
+                "text": "ReturnType<typeof onMutation> | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_render",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UHTMLComboboxElement",
+            "package": "@u-elements/u-combobox"
+          },
+          "tagName": "ds-suggestion",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DSSuggestionElement",
+          "declaration": {
+            "name": "DSSuggestionElement",
+            "module": "src/suggestion/suggestion.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-suggestion",
+          "declaration": {
+            "name": "DSSuggestionElement",
+            "module": "src/suggestion/suggestion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/tabs.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSTabsElement",
+          "superclass": {
+            "module": "src/tabs/tabs.ts"
+          },
+          "tagName": "ds-tabs",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSTabListElement",
+          "superclass": {
+            "module": "src/tabs/tabs.ts"
+          },
+          "tagName": "ds-tablist",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSTabElement",
+          "superclass": {
+            "module": "src/tabs/tabs.ts"
+          },
+          "tagName": "ds-tab",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSTabPanelElement",
+          "superclass": {
+            "module": "src/tabs/tabs.ts"
+          },
+          "tagName": "ds-tabpanel",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DSTabsElement",
+          "declaration": {
+            "name": "DSTabsElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DSTabListElement",
+          "declaration": {
+            "name": "DSTabListElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DSTabElement",
+          "declaration": {
+            "name": "DSTabElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DSTabPanelElement",
+          "declaration": {
+            "name": "DSTabPanelElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-tabs",
+          "declaration": {
+            "name": "DSTabsElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-tablist",
+          "declaration": {
+            "name": "DSTabListElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-tab",
+          "declaration": {
+            "name": "DSTabElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-tabpanel",
+          "declaration": {
+            "name": "DSTabPanelElement",
+            "module": "src/tabs/tabs.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/toggle-group/toggle-group.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tooltip/tooltip.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "setTooltipElement",
+          "parameters": [
+            {
+              "name": "el",
+              "optional": true,
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "The HTMLElement to use as tooltip"
+            }
+          ],
+          "description": "setTooltipElement"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "setTooltipElement",
+          "declaration": {
+            "name": "setTooltipElement",
+            "module": "src/tooltip/tooltip.ts"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/esm/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,2 @@
+import{DSElement as e,attr as t,attrOrCSS as n,customElements as r,debounce as i,on as a,onMutation as o}from"../utils/utils.js";const s=`aria-label`;var c=class extends e{_items;_label=null;_render;_unresize;_unmutate;static get observedAttributes(){return[s]}connectedCallback(){this._label=n(this,s),this._items=this.getElementsByTagName(`a`),this._render=i(()=>l(this),100),this._unresize=a(window,`resize`,this._render),this._unmutate=o(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 l=e=>{let n=e._items?.[e._items.length-1],r=n?.parentElement===e?null:n,i=!r?.offsetHeight;t(e,`role`,i?null:`navigation`),t(e,s,i?null:e._label);for(let n of e._items||[])t(n,`aria-current`,n===r?`page`:null)};r.define(`ds-breadcrumbs`,c);export{c as DSBreadcrumbsElement};
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/esm/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":[],"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":"iIAgBA,MAAM,EAAa,aAEnB,IAAa,EAAb,cAA0C,CAAU,CAClD,OACA,OAAwB,KACxB,QACA,UACA,UAEA,WAAW,oBAAqB,CAC9B,MAAO,CAAC,EAAW,CAErB,mBAAoB,CAClB,KAAK,OAAS,EAAU,KAAM,EAAW,CACzC,KAAK,OAAS,KAAK,qBAAqB,IAAI,CAC5C,KAAK,QAAU,MAAe,EAAO,KAAK,CAAE,IAAI,CAChD,KAAK,UAAY,EAAG,OAAQ,SAAU,KAAK,QAAQ,CACnD,KAAK,UAAY,EAAW,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,EAAK,EAAM,OAAQ,EAAe,KAAO,aAAa,CACtD,EAAK,EAAM,EAAY,EAAe,KAAO,EAAK,OAAO,CAEzD,IAAK,IAAM,KAAQ,EAAK,QAAU,EAAE,CAClC,EAAK,EAAM,eAAgB,IAAS,EAAiB,OAAS,KAAK,EAGvE,EAAe,OAAO,iBAAkB,EAAqB"}

package/dist/esm/clickdelegatefor/clickdelegatefor.js

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

package/dist/esm/clickdelegatefor/clickdelegatefor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickdelegatefor.js","names":[],"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":"yEAKA,MAAM,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,IAGN,EAAY,uBAA0B,CACpC,EAAG,OAAQ,iBAAkB,EAAyC,GAAK,CAC3E,EAAG,SAAU,YAAa,EAAiB,EAAY,CACxD,CAAC"}

package/dist/esm/dialog/dialog.js

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

package/dist/esm/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"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":"mGAKA,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,GAAe,EAAK,EAAI,WAAW,GAAK,MAErE,EAAc,GACV,GAAS,0BAA4B,EAAG,MAAQ,EAAG,OAAO,CAAC,GAK7D,MAA6B,CACjC,IAAK,IAAM,KAAO,SAAS,iBAAiB,+BAA+B,CACzE,EAAK,EAAK,gBAAiB,SAAS,EAGlC,GAAiB,CAAE,UAAS,YAChC,IAAY,oBACZ,aAAkB,mBAClB,EAAO,MAAM,CAEf,EAAY,aAAgB,CAC1B,EAAG,SAAU,UAAW,EAAe,EAAY,CACnD,EAAG,SAAU,wBAAyB,EAAmB,EAAY,CACrE,EAAW,SAAU,EAAsB,CACzC,gBAAiB,CAAC,UAAU,CAC5B,WAAY,GACZ,UAAW,GACX,QAAS,GACV,CAAC,CACH,CAAC"}

package/dist/esm/error-summary/error-summary.js

@@ -0,0 +1,2 @@
+import{DSElement as e,QUICK_EVENT as t,attr as n,customElements as r,off as i,on as a,useId as o}from"../utils/utils.js";var s=class extends e{connectedCallback(){a(this,`animationend`,this,t),requestAnimationFrame(()=>this.handleEvent({target:this}))}handleEvent({target:e}){if(e!==this)return;let t=this.querySelector(`h2,h3,h4,h5,h6`);t&&n(this,`aria-labelledby`,o(t)),n(this,`tabindex`,`-1`),this.focus()}disconnectedCallback(){i(this,`animationend`,this,t)}};r.define(`ds-error-summary`,s);export{s as DSErrorSummaryElement};
+//# sourceMappingURL=error-summary.js.map

package/dist/esm/error-summary/error-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.js","names":[],"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":"yHAgBA,IAAa,EAAb,cAA2C,CAAU,CACnD,mBAAoB,CAClB,EAAG,KAAM,eAAgB,KAAM,EAAY,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,EAAK,KAAM,kBAAmB,EAAM,EAAQ,CAAC,CAC1D,EAAK,KAAM,WAAY,KAAK,CAC5B,KAAK,OAAO,CAEd,sBAAuB,CACrB,EAAI,KAAM,eAAgB,KAAM,EAAY,GAIhD,EAAe,OAAO,mBAAoB,EAAsB"}

package/dist/esm/field/field.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n  attr,\n  attrOrCSS,\n  customElements,\n  DSElement,\n  debounce,\n  isBrowser,\n  isWindows,\n  on,\n  onHotReload,\n  onMutation,\n  QUICK_EVENT,\n  setTextWithoutMutation,\n  tag,\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 SR_ONLY = 'position:fixed;white-space:nowrap;clip:rect(0 0 0 0)';\nconst SR_LIVE = isBrowser()\n  ? tag('div', { 'aria-live': 'polite', style: SR_ONLY })\n  : null;\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' && SR_LIVE && label) {\n      if (!SR_LIVE?.isConnected) document.body.appendChild(SR_LIVE); // Prepare live region\n      debouncedCounterLiveRegion(input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n    }\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  const hasFocus = document.activeElement === input; // Only announce if input is still focused\n  if (SR_LIVE?.isConnected && hasFocus) setTextWithoutMutation(SR_LIVE, text);\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: ['value', 'hidden', 'data-field', INDETERMINATE],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  }),\n]);\n"],"mappings":"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"}