@digdir/designsystemet-web 1.21.1 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/_vendors/@oddbird/popover-polyfill/dist/popover-fn.cjs +2 -2
- package/dist/cjs/_vendors/@oddbird/popover-polyfill/dist/popover-fn.cjs.map +1 -1
- package/dist/cjs/_virtual/_rolldown/runtime.cjs +1 -1
- package/dist/cjs/field/field.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/packages/web/package.cjs +1 -1
- package/dist/cjs/pagination/pagination.cjs +1 -1
- package/dist/cjs/pagination/pagination.cjs.map +1 -1
- package/dist/cjs/popover/popover.cjs +1 -1
- package/dist/cjs/popover/popover.cjs.map +1 -1
- package/dist/cjs/suggestion/suggestion.cjs +1 -1
- package/dist/cjs/suggestion/suggestion.cjs.map +1 -1
- package/dist/cjs/toggle-group/toggle-group.cjs.map +1 -1
- package/dist/cjs/tooltip/tooltip.cjs +1 -1
- package/dist/cjs/tooltip/tooltip.cjs.map +1 -1
- package/dist/cjs/utils/utils.cjs +1 -1
- package/dist/cjs/utils/utils.cjs.map +1 -1
- package/dist/custom-elements.json +8 -8
- package/dist/esm/_vendors/@oddbird/popover-polyfill/dist/popover-fn.js +2 -2
- package/dist/esm/_vendors/@oddbird/popover-polyfill/dist/popover-fn.js.map +1 -1
- package/dist/esm/field/field.js.map +1 -1
- package/dist/esm/packages/web/package.js +1 -1
- package/dist/esm/pagination/pagination.js +1 -1
- package/dist/esm/pagination/pagination.js.map +1 -1
- package/dist/esm/popover/popover.js +1 -1
- package/dist/esm/popover/popover.js.map +1 -1
- package/dist/esm/suggestion/suggestion.js +1 -1
- package/dist/esm/suggestion/suggestion.js.map +1 -1
- package/dist/esm/toggle-group/toggle-group.js.map +1 -1
- package/dist/esm/tooltip/tooltip.js +1 -1
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/esm/utils/utils.js +1 -1
- package/dist/esm/utils/utils.js.map +1 -1
- package/dist/index.js +62 -38
- package/dist/umd/index.js +8 -8
- package/dist/umd/index.js.map +1 -1
- package/package.json +7 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.cjs","names":["getComposedTarget","getComposedPath","attr","attrOrCSS","ARIA_LABELLEDBY","ARIA_LABEL","onHotReload","on","onMutation"],"sources":["../../../src/toggle-group/toggle-group.ts"],"sourcesContent":["import {\n ARIA_LABEL,\n ARIA_LABELLEDBY,\n attr,\n attrOrCSS,\n getComposedPath,\n getComposedTarget,\n on,\n onHotReload,\n onMutation,\n warn,\n} from '../utils/utils';\n\nconst ATTR_FOCUSGROUP = 'focusgroup';\nconst ATTR_TOGGLEGROUP = 'data-toggle-group';\nconst SELECTOR_TOGGLEGROUP = `[${ATTR_TOGGLEGROUP}]`;\nlet IS_ARROW: boolean | undefined; // Used to prevent clicks that are a result of keyboard navigation\n\nconst handleMutations = (root: Document, records?: MutationRecord[]) => {\n for (const r of records || [null]) {\n if (r?.attributeName === ATTR_TOGGLEGROUP) deprecate(r.target as Element);\n else if (!r || r.addedNodes.length) {\n const scope = (r?.target as Element) || root;\n for (const el of scope.querySelectorAll(SELECTOR_TOGGLEGROUP))\n deprecate(el);\n }\n }\n};\n\n// Prevent clicks that are a result of keyboard navigation\nconst handleRadioClick = (e: Event & Partial<PointerEvent>) => {\n if (IS_ARROW && getRadioInFocusGroup(e)) {\n e.preventDefault(); // Only handle clicks that are a result of keyboard navigation\n e.stopImmediatePropagation(); // Prevent stopped \"click\" from reaching React and other listeners\n }\n};\n\nconst resetIsArrow = () => (IS_ARROW = false);\nconst handleKeydown = (e: Event & Partial<KeyboardEvent>) => {\n IS_ARROW = e.key?.startsWith('Arrow');\n if (e.key === 'Enter') getRadioInFocusGroup(e)?.click(); // Allow Enter to activate the radio input\n if (IS_ARROW) setTimeout(resetIsArrow, 0); // Reset after event loop so we can check if next focus event is a result of arrow key navigation\n};\n\n// This function does not handle nested focusgroups, but toggle-groups should not be nested so this is not a problem\nconst getRadioInFocusGroup = (e: Event) => {\n const el = getComposedTarget(e) as HTMLInputElement | null;\n if (el?.nodeName !== 'INPUT' || el.type !== 'radio' || !el.name) return;\n for (const group of getComposedPath(el) as Set<Element>) {\n if (group.nodeType !== 1 || !group.hasAttribute(ATTR_FOCUSGROUP)) continue; // Ignore non-group nodes\n if (!attr(group, ATTR_FOCUSGROUP)?.includes('radiogroup')) return; // Ignore invalid groups\n return el;\n }\n};\n\nconst deprecate = (el: Element) => {\n if (el.hasAttribute(ATTR_FOCUSGROUP)) return; // Ignore if already migrated\n const label = attrOrCSS(el, ATTR_TOGGLEGROUP);\n const labelledby = attr(el, ARIA_LABELLEDBY)?.trim();\n const message = `Please use ${ATTR_FOCUSGROUP}=\"radiogroup\" and ${labelledby ? ARIA_LABELLEDBY : ARIA_LABEL}=\"${labelledby || label}\" instead of deprecated ${ATTR_TOGGLEGROUP} on:`;\n\n attr(el, ARIA_LABEL, labelledby ? null : label);\n attr(el, ATTR_FOCUSGROUP, 'radiogroup');\n warn(message, el);\n};\n\nonHotReload('toggle-group', () => [\n on(document, 'click', handleRadioClick, true), // Use capture to ensure we run before React and other listeners\n on(document, 'keydown', handleKeydown),\n onMutation(document, handleMutations, {\n attributeFilter: [ATTR_TOGGLEGROUP],\n attributes: true,\n childList: true,\n subtree: true,\n }),\n]);\n"],"mappings":"sCAaM,EAAkB,aAClB,EAAmB,oBACnB,EAAuB,IAAI,EAAiB,GAClD,IAAI,EAEJ,MAAM,GAAmB,EAAgB,IAA+B,CACtE,IAAK,IAAM,KAAK,GAAW,CAAC,IAAI,EAC9B,GAAI,GAAG,gBAAkB,EAAkB,EAAU,EAAE,MAAiB,OACnE,GAAI,CAAC,GAAK,EAAE,WAAW,OAAQ,CAClC,IAAM,EAAS,GAAG,QAAsB,EACxC,IAAK,IAAM,KAAM,EAAM,iBAAiB,CAAoB,EAC1D,EAAU,CAAE,CAChB,CAEJ,EAGM,EAAoB,GAAqC,CACzD,GAAY,EAAqB,CAAC,IACpC,EAAE,eAAe,EACjB,EAAE,yBAAyB,EAE/B,EAEM,MAAsB,EAAW,GACjC,EAAiB,GAAsC,CAC3D,EAAW,EAAE,KAAK,WAAW,OAAO,EAChC,EAAE,MAAQ,SAAS,EAAqB,CAAC,CAAC,EAAE,MAAM,EAClD,GAAU,WAAW,EAAc,CAAC,CAC1C,EAGM,EAAwB,GAAa,CACzC,IAAM,EAAKA,EAAAA,kBAAkB,CAAC,EAC1B,QAAI,WAAa,SAAW,EAAG,OAAS,SAAW,CAAC,EAAG,MAC3D,KAAK,IAAM,KAASC,EAAAA,gBAAgB,CAAE,EAChC,OAAM,WAAa,GAAK,CAAC,EAAM,aAAa,CAAe,GAE/D,OADKC,EAAAA,KAAK,EAAO,CAAe,CAAC,EAAE,SAAS,YAAY,EACjD,EADoD,MAE7D,CACF,
|
|
1
|
+
{"version":3,"file":"toggle-group.cjs","names":["getComposedTarget","getComposedPath","attr","attrOrCSS","ARIA_LABELLEDBY","ARIA_LABEL","onHotReload","on","onMutation"],"sources":["../../../src/toggle-group/toggle-group.ts"],"sourcesContent":["import {\n ARIA_LABEL,\n ARIA_LABELLEDBY,\n attr,\n attrOrCSS,\n getComposedPath,\n getComposedTarget,\n on,\n onHotReload,\n onMutation,\n warn,\n} from '../utils/utils';\n\nconst ATTR_FOCUSGROUP = 'focusgroup';\nconst ATTR_TOGGLEGROUP = 'data-toggle-group';\nconst SELECTOR_TOGGLEGROUP = `[${ATTR_TOGGLEGROUP}]`;\nlet IS_ARROW: boolean | undefined; // Used to prevent clicks that are a result of keyboard navigation\n\nconst handleMutations = (root: Document, records?: MutationRecord[]) => {\n for (const r of records || [null]) {\n if (r?.attributeName === ATTR_TOGGLEGROUP) deprecate(r.target as Element);\n else if (!r || r.addedNodes.length) {\n const scope = (r?.target as Element) || root;\n for (const el of scope.querySelectorAll(SELECTOR_TOGGLEGROUP))\n deprecate(el);\n }\n }\n};\n\n// Prevent clicks that are a result of keyboard navigation\nconst handleRadioClick = (e: Event & Partial<PointerEvent>) => {\n if (IS_ARROW && getRadioInFocusGroup(e)) {\n e.preventDefault(); // Only handle clicks that are a result of keyboard navigation\n e.stopImmediatePropagation(); // Prevent stopped \"click\" from reaching React and other listeners\n }\n};\n\nconst resetIsArrow = () => (IS_ARROW = false);\nconst handleKeydown = (e: Event & Partial<KeyboardEvent>) => {\n IS_ARROW = e.key?.startsWith('Arrow');\n if (e.key === 'Enter') getRadioInFocusGroup(e)?.click(); // Allow Enter to activate the radio input\n if (IS_ARROW) setTimeout(resetIsArrow, 0); // Reset after event loop so we can check if next focus event is a result of arrow key navigation\n};\n\n// This function does not handle nested focusgroups, but toggle-groups should not be nested so this is not a problem\nconst getRadioInFocusGroup = (e: Event) => {\n const el = getComposedTarget(e) as HTMLInputElement | null;\n if (el?.nodeName !== 'INPUT' || el.type !== 'radio' || !el.name) return;\n for (const group of getComposedPath(el) as Set<Element>) {\n if (group.nodeType !== 1 || !group.hasAttribute(ATTR_FOCUSGROUP)) continue; // Ignore non-group nodes\n if (!attr(group, ATTR_FOCUSGROUP)?.includes('radiogroup')) return; // Ignore invalid groups\n return el;\n }\n};\n\n// @deprecated: Supports migration from data-toggle-group to focusgroup=\"radiogroup\".\nconst deprecate = (el: Element) => {\n if (el.hasAttribute(ATTR_FOCUSGROUP)) return; // Ignore if already migrated\n const label = attrOrCSS(el, ATTR_TOGGLEGROUP);\n const labelledby = attr(el, ARIA_LABELLEDBY)?.trim();\n const message = `Please use ${ATTR_FOCUSGROUP}=\"radiogroup\" and ${labelledby ? ARIA_LABELLEDBY : ARIA_LABEL}=\"${labelledby || label}\" instead of deprecated ${ATTR_TOGGLEGROUP} on:`;\n\n attr(el, ARIA_LABEL, labelledby ? null : label);\n attr(el, ATTR_FOCUSGROUP, 'radiogroup');\n warn(message, el);\n};\n\nonHotReload('toggle-group', () => [\n on(document, 'click', handleRadioClick, true), // Use capture to ensure we run before React and other listeners\n on(document, 'keydown', handleKeydown),\n onMutation(document, handleMutations, {\n attributeFilter: [ATTR_TOGGLEGROUP],\n attributes: true,\n childList: true,\n subtree: true,\n }),\n]);\n"],"mappings":"sCAaM,EAAkB,aAClB,EAAmB,oBACnB,EAAuB,IAAI,EAAiB,GAClD,IAAI,EAEJ,MAAM,GAAmB,EAAgB,IAA+B,CACtE,IAAK,IAAM,KAAK,GAAW,CAAC,IAAI,EAC9B,GAAI,GAAG,gBAAkB,EAAkB,EAAU,EAAE,MAAiB,OACnE,GAAI,CAAC,GAAK,EAAE,WAAW,OAAQ,CAClC,IAAM,EAAS,GAAG,QAAsB,EACxC,IAAK,IAAM,KAAM,EAAM,iBAAiB,CAAoB,EAC1D,EAAU,CAAE,CAChB,CAEJ,EAGM,EAAoB,GAAqC,CACzD,GAAY,EAAqB,CAAC,IACpC,EAAE,eAAe,EACjB,EAAE,yBAAyB,EAE/B,EAEM,MAAsB,EAAW,GACjC,EAAiB,GAAsC,CAC3D,EAAW,EAAE,KAAK,WAAW,OAAO,EAChC,EAAE,MAAQ,SAAS,EAAqB,CAAC,CAAC,EAAE,MAAM,EAClD,GAAU,WAAW,EAAc,CAAC,CAC1C,EAGM,EAAwB,GAAa,CACzC,IAAM,EAAKA,EAAAA,kBAAkB,CAAC,EAC1B,QAAI,WAAa,SAAW,EAAG,OAAS,SAAW,CAAC,EAAG,MAC3D,KAAK,IAAM,KAASC,EAAAA,gBAAgB,CAAE,EAChC,OAAM,WAAa,GAAK,CAAC,EAAM,aAAa,CAAe,GAE/D,OADKC,EAAAA,KAAK,EAAO,CAAe,CAAC,EAAE,SAAS,YAAY,EACjD,EADoD,MAE7D,CACF,EAGM,EAAa,GAAgB,CACjC,GAAI,EAAG,aAAa,CAAe,EAAG,OACtC,IAAM,EAAQC,EAAAA,UAAU,EAAI,CAAgB,EACtC,EAAaD,EAAAA,KAAK,EAAIE,EAAAA,eAAe,CAAC,EAAE,KAAK,EAC7C,EAAU,cAAc,EAAgB,oBAAoB,EAAaA,EAAAA,gBAAkBC,EAAAA,WAAW,IAAI,GAAc,EAAM,0BAA0B,EAAiB,MAE/K,EAAA,KAAK,EAAIA,EAAAA,WAAY,EAAa,KAAO,CAAK,EAC9C,EAAA,KAAK,EAAI,EAAiB,YAAY,EACtC,EAAA,KAAK,EAAS,CAAE,CAClB,EAEAC,EAAAA,YAAY,mBAAsB,CAChCC,EAAAA,GAAG,SAAU,QAAS,EAAkB,EAAI,EAC5CA,EAAAA,GAAG,SAAU,UAAW,CAAa,EACrCC,EAAAA,WAAW,SAAU,EAAiB,CACpC,gBAAiB,CAAC,CAAgB,EAClC,WAAY,GACZ,UAAW,GACX,QAAS,EACX,CAAC,CACH,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../utils/utils.cjs");require("../popover/popover.cjs");let t,n,r,i,a=0;const o=`data-color`,s=`data-color-scheme`,c=`data-size`,l=`data-tooltip`,u=e.isBrowser()&&/iPad|iPhone|iPod/.test(navigator.userAgent),d=`[${o}]`,f=`[${s}]`,p=`[${c}]`,m=`[${l}]`,h=n=>{n&&!(n instanceof HTMLElement)&&e.warn(`setTooltipElement expects an HTMLElement, got: `,n),x(),a=0,t=n||void 0},g=(e=document)=>{for(let t of e?.querySelectorAll(m)||[])v(t)},_=(e,n)=>{if(!n)return g();for(let e of n)if(e.target!==t)if(e.attributeName===l)v(e.target);else for(let t of e.addedNodes)t.nodeType===1&&(t.hasAttribute(l)?v(t):g(t))},v=(n,r=!0)=>{let a=e.attrOrCSS(n,l)||``;if(a[0]===`#`&&(a=e.getRoot(n).getElementById(a.slice(1))?.textContent?.trim()||``),a!==(n.getAttribute(`aria-label`)||n.getAttribute(`aria-description`))){let t=e.attr(n,`role`)!==`img`&&n.textContent?.trim();e.attr(n,l,a),e.attr(n,e.ARIA_LABEL,t?null:a),e.attr(n,e.ARIA_DESC,t?a:null),n.tabIndex===-1&&e.warn(`Missing tabindex="0" attribute on: `,n)}n===i&&t?.textContent!==a&&(t&&(t.textContent=a),a&&r&&document.activeElement===n&&e.announce(a))},y=o=>{let s=e.getComposedTarget(o);if(!s||r===s||t?.contains(s))return;r=s;let c=r?.closest?.(m)||void 0;if(i!==c&&(i&&x(),i=c,c)){if(o.type===`focus`||u||300>Date.now()-a)return b();o.type===`mousemove`&&(n=setTimeout(b,300))}},b=()=>{if(!i)return x();t||=e.tag(`div`,{class:`ds-tooltip`}),t.isConnected||document.body.appendChild(t);let n=i.closest(d),r=i.closest(f),a=i.closest(p),l=n!==r&&n?.contains(r);e.attr(t,`popover`,`manual`),e.attr(t,s,r?.getAttribute(s)||null),e.attr(t,o,l&&n?.getAttribute(o)||null),e.attr(t,c,a?.getAttribute(c)||null),v(i,!1),t.showPopover(),t.dispatchEvent(new CustomEvent(`ds-toggle-source`,{bubbles:!0,composed:!0,detail:i}))},x=e=>{(e?.type!==`keydown`||e?.key===`Escape`)&&(i&&t?.isConnected&&t.popover&&t.hidePopover(),e||(a=Date.now()),clearTimeout(n),i=void 0)};e.onHotReload(`tooltip`,()=>[e.on(document,`focus mousemove`,y,e.QUICK_EVENT),e.on(document,`keydown`,x,e.QUICK_EVENT),e.onMutation(document,_,{attributeFilter:[l],attributes:!0,childList:!0,subtree:!0})]),exports.initTooltips=g,exports.setTooltipElement=h;
|
|
1
|
+
const e=require("../utils/utils.cjs");require("../popover/popover.cjs");let t,n,r,i,a=0;const o=`data-color`,s=`data-color-scheme`,c=`data-size`,l=`data-tooltip`,u=e.isBrowser()&&/iPad|iPhone|iPod/.test(navigator.userAgent),d=`[${o}]`,f=`[${s}]`,p=`[${c}]`,m=`[${l}]`,h=n=>{n&&!(n instanceof HTMLElement)&&e.warn(`setTooltipElement expects an HTMLElement, got: `,n),x(),a=0,t=n||void 0},g=(e=document)=>{for(let t of e?.querySelectorAll(m)||[])v(t)},_=(e,n)=>{if(!n)return g();for(let e of n)if(e.target!==t)if(e.attributeName===l)v(e.target);else for(let t of e.addedNodes)t.nodeType===1&&(t.hasAttribute(l)?v(t):g(t))},v=(n,r=!0)=>{let a=e.attrOrCSS(n,l)||``;if(a[0]===`#`&&(a=e.getRoot(n).getElementById(a.slice(1))?.textContent?.trim()||``),a!==(n.getAttribute(`aria-label`)||n.getAttribute(`aria-description`))){let t=e.attr(n,`role`)!==`img`&&n.textContent?.trim();e.attr(n,l,a),e.attr(n,e.ARIA_LABEL,t?null:a),e.attr(n,e.ARIA_DESC,t?a:null),n.tabIndex===-1&&!n.hasAttribute(`tabindex`)&&n.nodeName!==`LABEL`&&e.warn(`Missing tabindex="0" attribute on: `,n)}n===i&&t?.textContent!==a&&(t&&(t.textContent=a),a&&r&&document.activeElement===n&&e.announce(a))},y=o=>{let s=e.getComposedTarget(o);if(!s||r===s||t?.contains(s))return;r=s;let c=r?.closest?.(m)||void 0;if(i!==c&&(i&&x(),i=c,c)){if(o.type===`focus`||u||300>Date.now()-a)return b();o.type===`mousemove`&&(n=setTimeout(b,300))}},b=()=>{if(!i)return x();t||=e.tag(`div`,{class:`ds-tooltip`}),t.isConnected||document.body.appendChild(t);let n=i.closest(d),r=i.closest(f),a=i.closest(p),l=n!==r&&n?.contains(r);e.attr(t,`popover`,`manual`),e.attr(t,s,r?.getAttribute(s)||null),e.attr(t,o,l&&n?.getAttribute(o)||null),e.attr(t,c,a?.getAttribute(c)||null),v(i,!1),t.showPopover(),t.dispatchEvent(new CustomEvent(`ds-toggle-source`,{bubbles:!0,composed:!0,detail:i}))},x=e=>{(e?.type!==`keydown`||e?.key===`Escape`)&&(i&&t?.isConnected&&t.popover&&t.hidePopover(),e||(a=Date.now()),clearTimeout(n),i=void 0)};e.onHotReload(`tooltip`,()=>[e.on(document,`focus mousemove`,y,e.QUICK_EVENT),e.on(document,`keydown`,x,e.QUICK_EVENT),e.onMutation(document,_,{attributeFilter:[l],attributes:!0,childList:!0,subtree:!0})]),exports.initTooltips=g,exports.setTooltipElement=h;
|
|
2
2
|
//# sourceMappingURL=tooltip.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.cjs","names":["isBrowser","attrOrCSS","getRoot","attr","ARIA_LABEL","ARIA_DESC","getComposedTarget","tag","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/tooltip/tooltip.ts"],"sourcesContent":["import '../popover/popover'; // Ensure popover is imported when using individual imports, since tooltip relies on it\nimport {\n ARIA_DESC,\n ARIA_LABEL,\n announce,\n attr,\n attrOrCSS,\n getComposedTarget,\n getRoot,\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 TIMER: ReturnType<typeof setTimeout> | undefined;\nlet TARGET: Element | undefined; // Used to speed up mousemove handling\nlet OPEN: Element | undefined;\nlet LAST_HIDE = 0;\nconst ATTR_COLOR = 'data-color';\nconst ATTR_SCHEME = 'data-color-scheme';\nconst ATTR_SIZE = 'data-size';\nconst ATTR_TOOLTIP = 'data-tooltip';\nconst DELAY_HOVER = 300;\nconst DELAY_SKIP = 300;\nconst IS_IOS = isBrowser() && /iPad|iPhone|iPod/.test(navigator.userAgent); // Needed to omit DELAY_HOVER since iOS triggers mousemove before click\nconst SELECTOR_COLOR = `[${ATTR_COLOR}]`;\nconst SELECTOR_SCHEME = `[${ATTR_SCHEME}]`;\nconst SELECTOR_SIZE = `[${ATTR_SIZE}]`;\nconst SELECTOR_TOOLTIP = `[${ATTR_TOOLTIP}]`;\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 hide(); // Reset when changing source\n LAST_HIDE = 0; // Reset last hide time to re-enable delay\n TIP = el || undefined;\n};\n\nexport const initTooltips = (\n scope: Element | ShadowRoot | Document | null = document,\n) => {\n for (const el of scope?.querySelectorAll(SELECTOR_TOOLTIP) || [])\n setupText(el);\n};\n\n// Initial run has no MutationRecords, so we set records to [null] to ensure we run the querySelectorAll for any existing elements with data-tooltip\nconst handleMutations = (_: Document, records?: MutationRecord[]) => {\n if (!records) return initTooltips();\n for (const r of records) {\n if (r.target === TIP) continue; // Ignore mutations on tooltip itself\n if (r.attributeName === ATTR_TOOLTIP) setupText(r.target as Element);\n else\n for (const el of r.addedNodes as NodeListOf<Element>) {\n if (el.nodeType !== 1) continue;\n if (el.hasAttribute(ATTR_TOOLTIP)) setupText(el);\n else initTooltips(el); // Check for any child elements with data-tooltip\n }\n }\n};\n\nconst setupText = (el: Element, canAnnounce = true) => {\n let text = attrOrCSS(el, ATTR_TOOLTIP) || '';\n\n // Allow using another element as source.\n // Note: Only checks on initial mutation, as we do not want to keep checking if the source element is removed or changed,\n // since this would be a performance issue. If the source element is removed, the tooltip will be empty and not shown.\n if (text[0] === '#')\n text = getRoot(el).getElementById(text.slice(1))?.textContent?.trim() || '';\n\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 as HTMLElement).tabIndex === -1)\n warn('Missing tabindex=\"0\" attribute on: ', el);\n }\n if (el === OPEN && TIP?.textContent !== text) {\n if (TIP) TIP.textContent = text; // Update tooltip text if it is already open\n if (text && canAnnounce && document.activeElement === el) announce(text); // Only announce if focus is on the source\n }\n};\n\nconst handleInterest = (e: Event) => {\n const target = getComposedTarget(e);\n if (!target || TARGET === target || TIP?.contains(target as Node)) return; // Same target, or allow tooltip to be hovered (following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus)\n TARGET = target;\n\n const source = TARGET?.closest?.(SELECTOR_TOOLTIP) || undefined;\n if (OPEN === source) return; // Same source, no need to update\n if (OPEN) hide(); // Reset previous tooltip, since we are moving to a new source\n OPEN = source;\n\n if (!source) return; // No source, no need to show tooltip\n if (e.type === 'focus' || IS_IOS || DELAY_SKIP > Date.now() - LAST_HIDE)\n return show(); // Instantly show if focus or if we just closed a tooltip\n if (e.type === 'mousemove') TIMER = setTimeout(show, DELAY_HOVER); // Delay mouse showing tooltip if not already shown\n};\n\nconst show = () => {\n if (!OPEN) return hide(); // If no new anchor, cleanup previous autoUpdate\n if (!TIP) TIP = tag('div', { class: 'ds-tooltip' });\n if (!TIP.isConnected) document.body.appendChild(TIP);\n\n const color = OPEN.closest(SELECTOR_COLOR); // Match source color of source element\n const scheme = OPEN.closest(SELECTOR_SCHEME); // Match source color-scheme of source element\n const size = OPEN.closest(SELECTOR_SIZE); // Match source size 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 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 attr(TIP, ATTR_SIZE, size?.getAttribute(ATTR_SIZE) || null); // Fallback to null to reset if not size found\n setupText(OPEN, false); // If mutation observer is not triggered, ensure tooltip text is updated\n TIP.showPopover();\n TIP.dispatchEvent(\n new CustomEvent('ds-toggle-source', {\n bubbles: true,\n composed: true, // Enable bubbling out of shadow DOM boundaries\n detail: OPEN, // Since showPopover({ source }) is not supported in all browsers yet\n }),\n );\n};\n\nconst hide = (event?: Partial<KeyboardEvent>) => {\n if (event?.type === 'keydown' && event?.key !== 'Escape') return;\n if (OPEN && TIP?.isConnected && TIP.popover) TIP.hidePopover(); // Only hide if connected and activated\n if (!event) LAST_HIDE = Date.now(); // If closing with keyboard, do not show next tooltip instantly\n clearTimeout(TIMER);\n OPEN = undefined;\n};\n\nonHotReload('tooltip', () => [\n on(document, 'focus mousemove', handleInterest, QUICK_EVENT),\n on(document, 'keydown', hide, QUICK_EVENT),\n onMutation(document, handleMutations, {\n attributeFilter: [ATTR_TOOLTIP],\n attributes: true,\n childList: true,\n subtree: true,\n }),\n]);\n"],"mappings":"wEAkBA,IAAI,EACA,EACA,EACA,EACA,EAAY,EAChB,MAAM,EAAa,aACb,EAAc,oBACd,EAAY,YACZ,EAAe,eAGf,EAASA,EAAAA,UAAU,GAAK,mBAAmB,KAAK,UAAU,SAAS,EACnE,EAAiB,IAAI,EAAW,GAChC,EAAkB,IAAI,EAAY,GAClC,EAAgB,IAAI,EAAU,GAC9B,EAAmB,IAAI,EAAa,GAO7B,EAAqB,GAA4B,CACxD,GAAM,EAAE,aAAc,cACxB,EAAA,KAAK,kDAAmD,CAAE,EAC5D,EAAK,EACL,EAAY,EACZ,EAAM,GAAM,IAAA,EACd,EAEa,GACX,EAAgD,WAC7C,CACH,IAAK,IAAM,KAAM,GAAO,iBAAiB,CAAgB,GAAK,CAAC,EAC7D,EAAU,CAAE,CAChB,EAGM,GAAmB,EAAa,IAA+B,CACnE,GAAI,CAAC,EAAS,OAAO,EAAa,EAClC,IAAK,IAAM,KAAK,EACV,KAAE,SAAW,EACjB,GAAI,EAAE,gBAAkB,EAAc,EAAU,EAAE,MAAiB,OAEjE,IAAK,IAAM,KAAM,EAAE,WACb,EAAG,WAAa,IAChB,EAAG,aAAa,CAAY,EAAG,EAAU,CAAE,EAC1C,EAAa,CAAE,EAG5B,EAEM,GAAa,EAAa,EAAc,KAAS,CACrD,IAAI,EAAOC,EAAAA,UAAU,EAAI,CAAY,GAAK,GAQ1C,GAHI,EAAK,KAAO,MACd,EAAOC,EAAAA,QAAQ,CAAE,CAAC,CAAC,eAAe,EAAK,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,KAAK,GAAK,IAEvE,KAAU,EAAG,aAAA,YAAuB,GAAK,EAAG,aAAA,kBAAsB,GAAI,CACxE,IAAM,EAAUC,EAAAA,KAAK,EAAI,MAAM,IAAM,OAAS,EAAG,aAAa,KAAK,EACnE,EAAA,KAAK,EAAI,EAAc,CAAI,EAC3B,EAAA,KAAK,EAAIC,EAAAA,WAAY,EAAU,KAAO,CAAI,EAC1C,EAAA,KAAK,EAAIC,EAAAA,UAAW,EAAU,EAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"tooltip.cjs","names":["isBrowser","attrOrCSS","getRoot","attr","ARIA_LABEL","ARIA_DESC","getComposedTarget","tag","onHotReload","on","QUICK_EVENT","onMutation"],"sources":["../../../src/tooltip/tooltip.ts"],"sourcesContent":["import '../popover/popover'; // Ensure popover is imported when using individual imports, since tooltip relies on it\nimport {\n ARIA_DESC,\n ARIA_LABEL,\n announce,\n attr,\n attrOrCSS,\n getComposedTarget,\n getRoot,\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 TIMER: ReturnType<typeof setTimeout> | undefined;\nlet TARGET: Element | undefined; // Used to speed up mousemove handling\nlet OPEN: Element | undefined;\nlet LAST_HIDE = 0;\nconst ATTR_COLOR = 'data-color';\nconst ATTR_SCHEME = 'data-color-scheme';\nconst ATTR_SIZE = 'data-size';\nconst ATTR_TOOLTIP = 'data-tooltip';\nconst DELAY_HOVER = 300;\nconst DELAY_SKIP = 300;\nconst IS_IOS = isBrowser() && /iPad|iPhone|iPod/.test(navigator.userAgent); // Needed to omit DELAY_HOVER since iOS triggers mousemove before click\nconst SELECTOR_COLOR = `[${ATTR_COLOR}]`;\nconst SELECTOR_SCHEME = `[${ATTR_SCHEME}]`;\nconst SELECTOR_SIZE = `[${ATTR_SIZE}]`;\nconst SELECTOR_TOOLTIP = `[${ATTR_TOOLTIP}]`;\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 hide(); // Reset when changing source\n LAST_HIDE = 0; // Reset last hide time to re-enable delay\n TIP = el || undefined;\n};\n\nexport const initTooltips = (\n scope: Element | ShadowRoot | Document | null = document,\n) => {\n for (const el of scope?.querySelectorAll(SELECTOR_TOOLTIP) || [])\n setupText(el);\n};\n\n// Initial run has no MutationRecords, so we set records to [null] to ensure we run the querySelectorAll for any existing elements with data-tooltip\nconst handleMutations = (_: Document, records?: MutationRecord[]) => {\n if (!records) return initTooltips();\n for (const r of records) {\n if (r.target === TIP) continue; // Ignore mutations on tooltip itself\n if (r.attributeName === ATTR_TOOLTIP) setupText(r.target as Element);\n else\n for (const el of r.addedNodes as NodeListOf<Element>) {\n if (el.nodeType !== 1) continue;\n if (el.hasAttribute(ATTR_TOOLTIP)) setupText(el);\n else initTooltips(el); // Check for any child elements with data-tooltip\n }\n }\n};\n\nconst setupText = (el: Element, canAnnounce = true) => {\n let text = attrOrCSS(el, ATTR_TOOLTIP) || '';\n\n // Allow using another element as source.\n // Note: Only checks on initial mutation, as we do not want to keep checking if the source element is removed or changed,\n // since this would be a performance issue. If the source element is removed, the tooltip will be empty and not shown.\n if (text[0] === '#')\n text = getRoot(el).getElementById(text.slice(1))?.textContent?.trim() || '';\n\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\n if (\n (el as HTMLElement).tabIndex === -1 && // Default tabindex property of all Elements is -1\n !el.hasAttribute('tabindex') && // But we want to allow attribute set to tabindex=\"-1\" for example in focus groups\n el.nodeName !== 'LABEL' // And labels will have focusable inputs, so their text is reactable anyway\n )\n warn('Missing tabindex=\"0\" attribute on: ', el);\n }\n if (el === OPEN && TIP?.textContent !== text) {\n if (TIP) TIP.textContent = text; // Update tooltip text if it is already open\n if (text && canAnnounce && document.activeElement === el) announce(text); // Only announce if focus is on the source\n }\n};\n\nconst handleInterest = (e: Event) => {\n const target = getComposedTarget(e);\n if (!target || TARGET === target || TIP?.contains(target as Node)) return; // Same target, or allow tooltip to be hovered (following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus)\n TARGET = target;\n\n const source = TARGET?.closest?.(SELECTOR_TOOLTIP) || undefined;\n if (OPEN === source) return; // Same source, no need to update\n if (OPEN) hide(); // Reset previous tooltip, since we are moving to a new source\n OPEN = source;\n\n if (!source) return; // No source, no need to show tooltip\n if (e.type === 'focus' || IS_IOS || DELAY_SKIP > Date.now() - LAST_HIDE)\n return show(); // Instantly show if focus or if we just closed a tooltip\n if (e.type === 'mousemove') TIMER = setTimeout(show, DELAY_HOVER); // Delay mouse showing tooltip if not already shown\n};\n\nconst show = () => {\n if (!OPEN) return hide(); // If no new anchor, cleanup previous autoUpdate\n if (!TIP) TIP = tag('div', { class: 'ds-tooltip' });\n if (!TIP.isConnected) document.body.appendChild(TIP);\n\n const color = OPEN.closest(SELECTOR_COLOR); // Match source color of source element\n const scheme = OPEN.closest(SELECTOR_SCHEME); // Match source color-scheme of source element\n const size = OPEN.closest(SELECTOR_SIZE); // Match source size 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 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 attr(TIP, ATTR_SIZE, size?.getAttribute(ATTR_SIZE) || null); // Fallback to null to reset if not size found\n setupText(OPEN, false); // If mutation observer is not triggered, ensure tooltip text is updated\n TIP.showPopover();\n TIP.dispatchEvent(\n new CustomEvent('ds-toggle-source', {\n bubbles: true,\n composed: true, // Enable bubbling out of shadow DOM boundaries\n detail: OPEN, // Since showPopover({ source }) is not supported in all browsers yet\n }),\n );\n};\n\nconst hide = (event?: Partial<KeyboardEvent>) => {\n if (event?.type === 'keydown' && event?.key !== 'Escape') return;\n if (OPEN && TIP?.isConnected && TIP.popover) TIP.hidePopover(); // Only hide if connected and activated\n if (!event) LAST_HIDE = Date.now(); // If closing with keyboard, do not show next tooltip instantly\n clearTimeout(TIMER);\n OPEN = undefined;\n};\n\nonHotReload('tooltip', () => [\n on(document, 'focus mousemove', handleInterest, QUICK_EVENT),\n on(document, 'keydown', hide, QUICK_EVENT),\n onMutation(document, handleMutations, {\n attributeFilter: [ATTR_TOOLTIP],\n attributes: true,\n childList: true,\n subtree: true,\n }),\n]);\n"],"mappings":"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"}
|
package/dist/cjs/utils/utils.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../packages/web/package.cjs"),t={passive:!0,capture:!0},n=()=>typeof window<`u`&&typeof document<`u`,r=()=>n()&&/^Win/i.test(navigator.userAgentData?.platform||navigator.platform),i=typeof HTMLElement>`u`?class{}:HTMLElement;function a(e,t){let n;return function(...r){clearTimeout(n),n=setTimeout(()=>e.apply(this,r),t)}}const o=(e,...t)=>!n()||window.dsWarnings===!1||console.log(`\x1B[1mDesignsystemet:\x1B[m ${e}`,...t),s=(e,t,n)=>n===void 0?e.getAttribute(t):(n===null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n),null),c=(e,t)=>getComputedStyle(e).getPropertyValue(t).trim(),l=/^["']|["']$/g,u=(e,t)=>{let n=s(e,t);return n||=c(e,`--_ds-${t}`).replace(l,``).trim(),n||null},
|
|
1
|
+
const e=require("../packages/web/package.cjs"),t={passive:!0,capture:!0},n=()=>typeof window<`u`&&typeof document<`u`,r=()=>n()&&/^Win/i.test(navigator.userAgentData?.platform||navigator.platform),i=typeof HTMLElement>`u`?class{}:HTMLElement;function a(e,t){let n;return function(...r){clearTimeout(n),n=setTimeout(()=>e.apply(this,r),t)}}const o=(e,...t)=>!n()||window.dsWarnings===!1||console.log(`\x1B[1mDesignsystemet:\x1B[m ${e}`,...t),s=(e,t,n)=>n===void 0?e.getAttribute(t):(n===null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n),null),c=(e,t)=>getComputedStyle(e).getPropertyValue(t).trim(),l=/^["']|["']$/g,u=/\\(["'])/g,d=(e,t)=>{let n=s(e,t);return n||=c(e,`--_ds-${t}`).replace(l,``).replace(u,`$1`).trim(),n||null},f=e=>{let t=e?.getRootNode?.()||e?.ownerDocument;return t instanceof Document||t instanceof ShadowRoot?t:e?.ownerDocument||document},p=e=>{let t=e.target?.shadowRoot&&e.composedPath()[0]||e.target;return t?.nodeType===1?t:null},m=e=>{let t=new Set;for(;e;)t.add(e),e=e.nodeType===11?e.host:e.assignedSlot||e.parentNode;return t},h=(e,...t)=>{let[n,...r]=t;for(let t of n.split(` `))e.addEventListener(t,...r);return()=>g(e,...t)},g=(e,...t)=>{let[n,...r]=t;for(let t of n.split(` `))e.removeEventListener(t,...r)},_=`_dsHotReloadCleanup${e.version}`,v=(e,t)=>{if(n()){window[_]||(window[_]=new Map);for(let t of window[_]?.get(e)||[])t();window[_]?.set(e,t())}},y=(e,t,r)=>{let i=()=>a.disconnect(),a=new MutationObserver(r=>{if(!n()||!e.isConnected)return i();t(e,r)});return t(e),a.observe(e,r),i},b=(e,t)=>{let n=document.createElement(e);if(t)for(let[e,r]of Object.entries(t))s(n,e,r);return n},x={define:(e,t)=>!n()||window.customElements.get(e)||window.customElements.define(e,t)};let S=0;function C(e){return n()?(window.dsUseId||(window.dsUseId=0),e&&!e.id&&(e.id=`:ds:${++window.dsUseId}`),e?.id||``):`:ds:${++S}`}let w,T=0,E=0;const D=e=>{clearTimeout(E),w&&(w.textContent=`${e}${T++%2?`\xA0`:``}`),e&&(E=setTimeout(D,2e3,``))},O=()=>{document.readyState===`complete`&&(w||(w=b(`div`,{"aria-live":`assertive`}),w.style.overflow=`hidden`,w.style.position=`fixed`,w.style.whiteSpace=`nowrap`,w.style.width=`1px`),w.isConnected||document.body.appendChild(w))};v(`announce`,()=>[h(document,`focus mouseover`,O,t)]),exports.ARIA_DESC=`aria-description`,exports.ARIA_LABEL=`aria-label`,exports.ARIA_LABELLEDBY=`aria-labelledby`,exports.DSElement=i,exports.QUICK_EVENT=t,exports.announce=D,exports.attr=s,exports.attrOrCSS=d,exports.customElements=x,exports.debounce=a,exports.getCSSProp=c,exports.getComposedPath=m,exports.getComposedTarget=p,exports.getRoot=f,exports.isBrowser=n,exports.isWindows=r,exports.off=g,exports.on=h,exports.onHotReload=v,exports.onMutation=y,exports.tag=b,exports.useId=C,exports.warn=o;
|
|
2
2
|
//# sourceMappingURL=utils.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.cjs","names":["version"],"sources":["../../../src/utils/utils.ts"],"sourcesContent":["export const ARIA_DESC = 'aria-description';\nexport const ARIA_LABEL = 'aria-label';\nexport const ARIA_LABELLEDBY = 'aria-labelledby';\nexport const QUICK_EVENT = { passive: true, capture: true };\n\nimport { version } from '../../package.json' with { type: 'json' };\n\n// Using function instead of constant to support environments 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.log, 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.log> // Using console.log, not console.warn, to prevent stopping test runners such as Jest\n) =>\n !isBrowser() ||\n window.dsWarnings === false ||\n console.log(`\\x1B[1mDesignsystemet:\\x1B[m ${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);\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 * getCSSProp\n * @description Retrieves and CSS property value and trims it\n * @param el The Element to read attributes/CSS from\n * @param name Attribute or CSS property to get\n * @return string CSS property value\n */\nexport const getCSSProp = (el: Element, prop: string) =>\n getComputedStyle(el).getPropertyValue(prop).trim();\n\nconst STRIP_QUOTES = /^[\"']|[\"']$/g; // Matches surrounding single or double quotes\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 */\nexport const attrOrCSS = (el: Element, name: string) => {\n let value = attr(el, name);\n if (!value)\n value = getCSSProp(el, `--_ds-${name}`).replace(STRIP_QUOTES, '').trim();\n return value || null;\n};\n\n/**\n * getRoot\n * @description Helper for better compatibility\n * @param node The target node\n * @return The shadow root or document\n */\nexport const getRoot = (node?: Node | null): Document | ShadowRoot => {\n const root = node?.getRootNode?.() || node?.ownerDocument;\n if (root instanceof Document || root instanceof ShadowRoot) return root;\n return node?.ownerDocument || document;\n};\n\n/**\n * getComposedTarget\n * @description Helper to get the composed target of an event, supporting ShadowDOM rendering\n * @param event The event\n * @return The target Element\n */\nexport const getComposedTarget = (e: Event): Element | null => {\n const el =\n ((e.target as Element)?.shadowRoot && e.composedPath()[0]) || e.target; // Only use composedPath if the target has a shadowRoot to boost performance\n return (el as Node)?.nodeType === 1 ? (el as Element) : null;\n};\n\n/**\n * getComposedPath\n * @description Helper to get the full composed path even if listener is bound to a ShadowRoot (unlike event.composedPath())\n * @param el The element to start traversing from\n * @return Set of nodes in the path\n */\nexport const getComposedPath = (el: Node | null) => {\n const path = new Set<Node>();\n while (el) {\n path.add(el);\n if (el.nodeType === 11) el = (el as ShadowRoot).host;\n else el = (el as Element).assignedSlot || el.parentNode;\n }\n return path;\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\nconst HOT_RELOAD_KEY = `_dsHotReloadCleanup${version}` as const; // Ensure multiple versions of Designsystemet can run on same page\ndeclare global {\n interface Window {\n [HOT_RELOAD_KEY]?: 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[HOT_RELOAD_KEY]) window[HOT_RELOAD_KEY] = new Map(); // Hot reload cleanup support supporting all build tools\n for (const cleanup of window[HOT_RELOAD_KEY]?.get(key) || []) cleanup(); // Run previous cleanup\n window[HOT_RELOAD_KEY]?.set(key, setup()); // Store new cleanup\n};\n\n/**\n * MutationObserver wrapper with automatic cleanup\n * @return new MutaionObserver\n */\nexport const onMutation = <T extends Node>(\n el: T,\n callback: (el: T, records?: MutationRecord[]) => void,\n options: MutationObserverInit,\n) => {\n const cleanup = () => observer.disconnect();\n const observer = new MutationObserver((records) => {\n if (!isBrowser() || !el.isConnected) return cleanup(); // Stop observing if element is removed from DOM or document is removed by jdsom tests\n callback(el, records);\n });\n\n callback(el); // Initial is run instantly to make test markup predictable\n observer.observe(el, options);\n return cleanup;\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 */\ndeclare global {\n interface Window {\n dsUseId?: number; // Use a global counter to ensure this works even when loading designsystemet multiple times\n }\n}\nlet id = 0;\nexport function useId(el?: Element | null) {\n if (!isBrowser()) return `:ds:${++id}`; // Emulate browser environment if window not available\n if (!window.dsUseId) window.dsUseId = 0; // Make sure we have a global to support multiple instances of designsystemet in same page\n if (el && !el.id) el.id = `:ds:${++window.dsUseId}`;\n return el?.id || '';\n}\n\n/**\n * @description Based off speak function from [U-elements](https://github.com/u-elements/u-elements/blob/main/packages/utils.ts#L210)\n * @param text The text to announce\n */\nlet LIVE_EL: HTMLElement | undefined;\nlet LIVE_FIX = 0;\nlet LIVE_CLEAR: ReturnType<typeof setTimeout> | number = 0;\nexport const announce = (text: string) => {\n clearTimeout(LIVE_CLEAR);\n if (LIVE_EL) LIVE_EL.textContent = `${text}${LIVE_FIX++ % 2 ? '\\u00A0' : ''}`; // Non-breaking space to ensure screen reader announces\n if (text) LIVE_CLEAR = setTimeout(announce, 2000, ''); // Clear prevent old announcements being found by screen readers, with 2 seconds brace period to avoid cutting of Android Talkback\n};\n\n// Mount live region on first focus so its ready to be used\nconst announceMount = () => {\n if (document.readyState !== 'complete') return; // Ensure page is loaded trying to avoid issues with React hydration\n if (!LIVE_EL) {\n LIVE_EL = tag('div', { 'aria-live': 'assertive' });\n LIVE_EL.style.overflow = 'hidden'; // Settings styles individually to prevent issues with CSP\n LIVE_EL.style.position = 'fixed';\n LIVE_EL.style.whiteSpace = 'nowrap';\n LIVE_EL.style.width = '1px';\n }\n if (!LIVE_EL.isConnected) document.body.appendChild(LIVE_EL);\n};\nonHotReload('announce', () => [\n on(document, 'focus mouseover', announceMount, QUICK_EVENT),\n]);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.cjs","names":["version"],"sources":["../../../src/utils/utils.ts"],"sourcesContent":["export const ARIA_DESC = 'aria-description';\nexport const ARIA_LABEL = 'aria-label';\nexport const ARIA_LABELLEDBY = 'aria-labelledby';\nexport const QUICK_EVENT = { passive: true, capture: true };\n\nimport { version } from '../../package.json' with { type: 'json' };\n\n// Using function instead of constant to support environments 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.log, 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.log> // Using console.log, not console.warn, to prevent stopping test runners such as Jest\n) =>\n !isBrowser() ||\n window.dsWarnings === false ||\n console.log(`\\x1B[1mDesignsystemet:\\x1B[m ${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);\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 * getCSSProp\n * @description Retrieves and CSS property value and trims it\n * @param el The Element to read attributes/CSS from\n * @param name Attribute or CSS property to get\n * @return string CSS property value\n */\nexport const getCSSProp = (el: Element, prop: string) =>\n getComputedStyle(el).getPropertyValue(prop).trim();\n\nconst QUOTES_STRIP_SURROUNDING = /^[\"']|[\"']$/g; // Matches surrounding single or double quotes\nconst QUOTES_MATCH = /\\\\([\"'])/g;\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 */\nexport const attrOrCSS = (el: Element, name: string) => {\n let value = attr(el, name);\n if (!value)\n value = getCSSProp(el, `--_ds-${name}`)\n .replace(QUOTES_STRIP_SURROUNDING, '')\n .replace(QUOTES_MATCH, '$1') // Unescape quotes\n .trim();\n return value || null;\n};\n\n/**\n * getRoot\n * @description Helper for better compatibility\n * @param node The target node\n * @return The shadow root or document\n */\nexport const getRoot = (node?: Node | null): Document | ShadowRoot => {\n const root = node?.getRootNode?.() || node?.ownerDocument;\n if (root instanceof Document || root instanceof ShadowRoot) return root;\n return node?.ownerDocument || document;\n};\n\n/**\n * getComposedTarget\n * @description Helper to get the composed target of an event, supporting ShadowDOM rendering\n * @param event The event\n * @return The target Element\n */\nexport const getComposedTarget = (e: Event): Element | null => {\n const el =\n ((e.target as Element)?.shadowRoot && e.composedPath()[0]) || e.target; // Only use composedPath if the target has a shadowRoot to boost performance\n return (el as Node)?.nodeType === 1 ? (el as Element) : null;\n};\n\n/**\n * getComposedPath\n * @description Helper to get the full composed path even if listener is bound to a ShadowRoot (unlike event.composedPath())\n * @param el The element to start traversing from\n * @return Set of nodes in the path\n */\nexport const getComposedPath = (el: Node | null) => {\n const path = new Set<Node>();\n while (el) {\n path.add(el);\n if (el.nodeType === 11) el = (el as ShadowRoot).host;\n else el = (el as Element).assignedSlot || el.parentNode;\n }\n return path;\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\nconst HOT_RELOAD_KEY = `_dsHotReloadCleanup${version}` as const; // Ensure multiple versions of Designsystemet can run on same page\ndeclare global {\n interface Window {\n [HOT_RELOAD_KEY]?: 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[HOT_RELOAD_KEY]) window[HOT_RELOAD_KEY] = new Map(); // Hot reload cleanup support supporting all build tools\n for (const cleanup of window[HOT_RELOAD_KEY]?.get(key) || []) cleanup(); // Run previous cleanup\n window[HOT_RELOAD_KEY]?.set(key, setup()); // Store new cleanup\n};\n\n/**\n * MutationObserver wrapper with automatic cleanup\n * @return new MutaionObserver\n */\nexport const onMutation = <T extends Node>(\n el: T,\n callback: (el: T, records?: MutationRecord[]) => void,\n options: MutationObserverInit,\n) => {\n const cleanup = () => observer.disconnect();\n const observer = new MutationObserver((records) => {\n if (!isBrowser() || !el.isConnected) return cleanup(); // Stop observing if element is removed from DOM or document is removed by jdsom tests\n callback(el, records);\n });\n\n callback(el); // Initial is run instantly to make test markup predictable\n observer.observe(el, options);\n return cleanup;\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 */\ndeclare global {\n interface Window {\n dsUseId?: number; // Use a global counter to ensure this works even when loading designsystemet multiple times\n }\n}\nlet id = 0;\nexport function useId(el?: Element | null) {\n if (!isBrowser()) return `:ds:${++id}`; // Emulate browser environment if window not available\n if (!window.dsUseId) window.dsUseId = 0; // Make sure we have a global to support multiple instances of designsystemet in same page\n if (el && !el.id) el.id = `:ds:${++window.dsUseId}`;\n return el?.id || '';\n}\n\n/**\n * @description Based off speak function from [U-elements](https://github.com/u-elements/u-elements/blob/main/packages/utils.ts#L210)\n * @param text The text to announce\n */\nlet LIVE_EL: HTMLElement | undefined;\nlet LIVE_FIX = 0;\nlet LIVE_CLEAR: ReturnType<typeof setTimeout> | number = 0;\nexport const announce = (text: string) => {\n clearTimeout(LIVE_CLEAR);\n if (LIVE_EL) LIVE_EL.textContent = `${text}${LIVE_FIX++ % 2 ? '\\u00A0' : ''}`; // Non-breaking space to ensure screen reader announces\n if (text) LIVE_CLEAR = setTimeout(announce, 2000, ''); // Clear prevent old announcements being found by screen readers, with 2 seconds brace period to avoid cutting of Android Talkback\n};\n\n// Mount live region on first focus so its ready to be used\nconst announceMount = () => {\n if (document.readyState !== 'complete') return; // Ensure page is loaded trying to avoid issues with React hydration\n if (!LIVE_EL) {\n LIVE_EL = tag('div', { 'aria-live': 'assertive' });\n LIVE_EL.style.overflow = 'hidden'; // Settings styles individually to prevent issues with CSP\n LIVE_EL.style.position = 'fixed';\n LIVE_EL.style.whiteSpace = 'nowrap';\n LIVE_EL.style.width = '1px';\n }\n if (!LIVE_EL.isConnected) document.body.appendChild(LIVE_EL);\n};\nonHotReload('announce', () => [\n on(document, 'focus mouseover', announceMount, QUICK_EVENT),\n]);\n"],"mappings":"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"}
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
"path": "src/index.ts",
|
|
8
8
|
"declarations": [],
|
|
9
9
|
"exports": [
|
|
10
|
-
{
|
|
11
|
-
"kind": "js",
|
|
12
|
-
"name": "*",
|
|
13
|
-
"declaration": {
|
|
14
|
-
"name": "*",
|
|
15
|
-
"package": "@u-elements/u-datalist"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
10
|
{
|
|
19
11
|
"kind": "js",
|
|
20
12
|
"name": "*",
|
|
@@ -535,6 +527,14 @@
|
|
|
535
527
|
}
|
|
536
528
|
],
|
|
537
529
|
"exports": [
|
|
530
|
+
{
|
|
531
|
+
"kind": "js",
|
|
532
|
+
"name": "*",
|
|
533
|
+
"declaration": {
|
|
534
|
+
"name": "*",
|
|
535
|
+
"package": "@u-elements/u-datalist"
|
|
536
|
+
}
|
|
537
|
+
},
|
|
538
538
|
{
|
|
539
539
|
"kind": "js",
|
|
540
540
|
"name": "DSSuggestionElement",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var e=class extends
|
|
1
|
+
var e=globalThis.Event||class{},t=class extends e{oldState;newState;constructor(e,t={}){let n=Object.assign({},t);delete n.oldState,delete n.newState,super(e,n),this.oldState=String(t.oldState||``),this.newState=String(t.newState||``)}},n=new WeakMap;function r(e,r,i){n.set(e,setTimeout(()=>{n.has(e)&&e.dispatchEvent(new t(`toggle`,{cancelable:!1,oldState:r,newState:i}))},0))}var i=globalThis.ShadowRoot||function(){},a=globalThis.HTMLDialogElement||function(){},o=new WeakMap,s=new WeakMap,c=new WeakMap,l=new WeakMap;function u(e){return l.get(e)||`hidden`}var d=new WeakMap;function f(e){return[...e].pop()}function p(e){let t=e.popoverTargetElement;if(!(t instanceof HTMLElement))return;let n=u(t);(e.popoverTargetAction!==`show`||n!==`showing`)&&(e.popoverTargetAction!==`hide`||n!==`hidden`)&&(n===`showing`?O(t,!0,!0):m(t,!1)&&(d.set(t,e),D(t)))}function m(e,t){return!(e.popover!==`auto`&&e.popover!==`manual`&&e.popover!==`hint`||!e.isConnected||t&&u(e)!==`showing`||!t&&u(e)!==`hidden`||e instanceof a&&e.hasAttribute(`open`)||document.fullscreenElement===e)}function h(e){if(!e)return 0;let t=s.get(document)||new Set,n=c.get(document)||new Set;return n.has(e)?[...n].indexOf(e)+t.size+1:t.has(e)?[...t].indexOf(e)+1:0}function g(e){let t=b(e),n=x(e);return h(t)>h(n)?t:n}function _(e){let t,n=c.get(e)||new Set,r=s.get(e)||new Set,i=n.size>0?n:r.size>0?r:null;return i?(t=f(i),t.isConnected?t:(i.delete(t),_(e))):null}function v(e){for(let t of e||[])if(!t.isConnected)e.delete(t);else return t;return null}function y(e){return typeof e.getRootNode==`function`?e.getRootNode():e.parentNode?y(e.parentNode):e}function b(e){for(;e;){if(e instanceof HTMLElement&&e.popover===`auto`&&l.get(e)===`showing`)return e;if(e=e instanceof Element&&e.assignedSlot||e.parentElement||y(e),e instanceof i&&(e=e.host),e instanceof Document)return}}function x(e){for(;e;){let t=e.popoverTargetElement;if(t instanceof HTMLElement)return t;if(e=e.parentElement||y(e),e instanceof i&&(e=e.host),e instanceof Document)return}}function S(e,t){let n=new Map,r=0;for(let e of t||[])n.set(e,r),r+=1;n.set(e,r),r+=1;let i=null;function a(t){if(!t)return;let r=!1,a=null;for(;!r;){if(a=b(t)||null,a===null||!n.has(a))return;(e.popover===`hint`||a.popover===`auto`)&&(r=!0),r||(t=a.parentElement)}let o=n.get(a)??null;(i===null||n.get(i)<o)&&(i=a)}return a(e.parentElement||y(e)),i}function C(e){return e.hidden||e instanceof i||(e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||e instanceof HTMLOptGroupElement||e instanceof HTMLOptionElement||e instanceof HTMLFieldSetElement)&&e.disabled||e instanceof HTMLInputElement&&e.type===`hidden`||e instanceof HTMLAnchorElement&&e.href===``?!1:typeof e.tabIndex==`number`&&e.tabIndex!==-1}function w(e){if(e.shadowRoot&&e.shadowRoot.delegatesFocus!==!0)return null;let t=e;t.shadowRoot&&(t=t.shadowRoot);let n=t.querySelector(`[autofocus]`);if(n)return n;{let e=t.querySelectorAll(`slot`);for(let t of e){let e=t.assignedElements({flatten:!0});for(let t of e)if(t.hasAttribute(`autofocus`))return t;else if(n=t.querySelector(`[autofocus]`),n)return n}}let r=e.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT),i=r.currentNode;for(;i;){if(C(i))return i;i=r.nextNode()}}function T(e){var t;(t=w(e))==null||t.focus()}var E=new WeakMap;function D(e){if(!m(e,!1))return;let n=e.ownerDocument;if(!e.dispatchEvent(new t(`beforetoggle`,{cancelable:!0,oldState:`closed`,newState:`open`}))||!m(e,!1))return;let i=!1,a=e.popover,u=null,f=S(e,s.get(n)||new Set),p=S(e,c.get(n)||new Set);if(a===`auto`&&(A(c.get(n)||new Set,i,!0),M(f||n,i,!0),u=`auto`),a===`hint`&&(p?(M(p,i,!0),u=`hint`):(A(c.get(n)||new Set,i,!0),f?(M(f,i,!0),u=`auto`):u=`hint`)),a===`auto`||a===`hint`){if(a!==e.popover||!m(e,!1))return;_(n)||(i=!0),u===`auto`?(s.has(n)||s.set(n,new Set),s.get(n).add(e)):u===`hint`&&(c.has(n)||c.set(n,new Set),c.get(n).add(e))}E.delete(e);let h=n.activeElement;e.classList.add(`:popover-open`),l.set(e,`showing`),o.has(n)||o.set(n,new Set),o.get(n).add(e),I(d.get(e),!0),T(e),i&&h&&e.popover===`auto`&&E.set(e,h),r(e,`closed`,`open`)}function O(e,n=!1,i=!1){var a,u;if(!m(e,!0))return;let p=e.ownerDocument;if([`auto`,`hint`].includes(e.popover)&&(M(e,n,i),!m(e,!0)))return;let h=s.get(p)||new Set,g=h.has(e)&&f(h)===e;if(I(d.get(e),!1),d.delete(e),i&&(e.dispatchEvent(new t(`beforetoggle`,{oldState:`open`,newState:`closed`})),g&&f(h)!==e&&M(e,n,i),!m(e,!0)))return;(a=o.get(p))==null||a.delete(e),h.delete(e),(u=c.get(p))==null||u.delete(e),e.classList.remove(`:popover-open`),l.set(e,`hidden`),i&&r(e,`open`,`closed`);let _=E.get(e);_&&(E.delete(e),n&&_.focus())}function k(e,t=!1,n=!1){let r=_(e);for(;r;)O(r,t,n),r=_(e)}function A(e,t=!1,n=!1){let r=v(e);for(;r;)O(r,t,n),r=v(e)}function j(e,t,n,r){let i=!1,a=!1;for(;i||!a;){a=!0;let o=null,s=!1;for(let n of t)if(n===e)s=!0;else if(s){o=n;break}if(!o)return;for(;u(o)===`showing`&&t.size;)O(f(t),n,r);t.has(e)&&f(t)!==e&&(i=!0),i&&(r=!1)}}function M(e,t,n){let r=e.ownerDocument||e;if(e instanceof Document)return k(r,t,n);if(c.get(r)?.has(e)){j(e,c.get(r),t,n);return}A(c.get(r)||new Set,t,n),s.get(r)?.has(e)&&j(e,s.get(r),t,n)}var N=new WeakMap;function P(e){if(!e.isTrusted)return;let t=e.composedPath()[0];if(!t)return;let n=t.ownerDocument||t;if(!_(n))return;let r=g(t);if(r&&e.type===`pointerdown`)N.set(n,r);else if(e.type===`pointerup`){let e=N.get(n)===r;N.delete(n),e&&M(r||n,!1,!0)}}var F=new WeakMap;function I(e,t=!1){if(!e)return;F.has(e)||F.set(e,e.getAttribute(`aria-expanded`));let n=e.popoverTargetElement;if(n instanceof HTMLElement&&n.popover===`auto`)e.setAttribute(`aria-expanded`,String(t));else{let t=F.get(e);t?e.setAttribute(`aria-expanded`,t):e.removeAttribute(`aria-expanded`)}}var L=globalThis.ShadowRoot||function(){},R=`popover-polyfill`;function z(){return typeof HTMLElement<`u`&&typeof HTMLElement.prototype==`object`&&`popover`in HTMLElement.prototype&&`showPopover`in HTMLElement.prototype}function B(){return!!(document.body?.showPopover&&!/native code/i.test(document.body.showPopover.toString()))}function V(e,t,n){let r=e[t];Object.defineProperty(e,t,{value(e){return r.call(this,n(e))}})}var H=/(^|[^\\]):popover-open\b/g;function U(){return typeof globalThis.CSSLayerBlockRule==`function`}function W(e){let t=U(),n=(e??window.POPOVER_POLYFILL_OPTIONS?.layerName??R).split(`.`).map(e=>CSS.escape(e)).join(`.`);return`
|
|
2
2
|
${t?`@layer ${n} {`:``}
|
|
3
3
|
:where([popover]) {
|
|
4
4
|
position: fixed;
|
|
@@ -60,5 +60,5 @@ ${t?`@layer ${n} {`:``}
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
${t?`}`:``}
|
|
63
|
-
`}var
|
|
63
|
+
`}var G=null;function K(e,t){let n=W(t);if(G===null)try{G=new CSSStyleSheet,G.replaceSync(n)}catch{G=!1}if(G===!1||!e.adoptedStyleSheets){let t=document.createElement(`style`);t.textContent=n,e instanceof Document?e.head.prepend(t):e.prepend(t)}else e.adoptedStyleSheets=[G,...e.adoptedStyleSheets]}function q(e){if(typeof window>`u`)return;let n=e?.layerName;window.ToggleEvent=window.ToggleEvent||t;function r(e){return e?.includes(`:popover-open`)&&(e=e.replace(H,`$1.\\:popover-open`)),e}V(Document.prototype,`querySelector`,r),V(Document.prototype,`querySelectorAll`,r),V(Element.prototype,`querySelector`,r),V(Element.prototype,`querySelectorAll`,r),V(Element.prototype,`matches`,r),V(Element.prototype,`closest`,r),V(DocumentFragment.prototype,`querySelectorAll`,r),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute(`popover`))return null;let e=(this.getAttribute(`popover`)||``).toLowerCase();return e===``||e==`auto`?`auto`:e==`hint`?`hint`:`manual`},set(e){e===null?this.removeAttribute(`popover`):this.setAttribute(`popover`,e)}},showPopover:{enumerable:!0,configurable:!0,writable:!0,value(e={}){D(this)}},hidePopover:{enumerable:!0,configurable:!0,writable:!0,value(){O(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,writable:!0,value(e={}){return typeof e==`boolean`&&(e={force:e}),l.get(this)===`showing`&&e.force===void 0||e.force===!1?O(this,!0,!0):(e.force===void 0||e.force===!0)&&D(this),l.get(this)===`showing`}}});let i=Element.prototype.attachShadow;i&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(e){let t=i.call(this,e);return K(t,n),t}}});let a=HTMLElement.prototype.attachInternals;a&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let e=a.call(this);return e.shadowRoot&&K(e.shadowRoot,n),e}}});let o=new WeakMap;function s(e){Object.defineProperties(e.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(e){if(e===null)this.removeAttribute(`popovertarget`),o.delete(this);else if(e instanceof Element)this.setAttribute(`popovertarget`,``),o.set(this,e);else throw TypeError(`popoverTargetElement must be an element or null`)},get(){if(this.localName!==`button`&&this.localName!==`input`||this.localName===`input`&&this.type!==`reset`&&this.type!==`image`&&this.type!==`button`||this.disabled||this.form&&this.type===`submit`)return null;let e=o.get(this);if(e&&e.isConnected)return e;if(e&&!e.isConnected)return o.delete(this),null;let t=y(this),n=this.getAttribute(`popovertarget`);return(t instanceof Document||t instanceof L)&&n&&t.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let e=(this.getAttribute(`popovertargetaction`)||``).toLowerCase();return e===`show`||e===`hide`?e:`toggle`},set(e){this.setAttribute(`popovertargetaction`,e)}}})}s(HTMLButtonElement),s(HTMLInputElement);let c=e=>{if(e.defaultPrevented)return;let t=e.composedPath(),n=t[0];if(!(n instanceof Element)||n?.shadowRoot)return;let r=y(n);if(!(r instanceof L||r instanceof Document))return;let i=t.find(e=>e.matches?.call(e,`[popovertargetaction],[popovertarget]`));if(i){p(i),e.preventDefault();return}},u=e=>{let t=e.key,n=e.target;!e.defaultPrevented&&n&&(t===`Escape`||t===`Esc`)&&M(n.ownerDocument||n,!0,!0)};(e=>{e.addEventListener(`click`,c),e.addEventListener(`keydown`,u),e.addEventListener(`pointerdown`,P),e.addEventListener(`pointerup`,P)})(document),K(document,n)}export{q as apply,K as injectStyles,B as isPolyfilled,z as isSupported};
|
|
64
64
|
//# sourceMappingURL=popover-fn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-fn.js","names":[],"sources":["../../../../../../../../node_modules/.pnpm/@oddbird+popover-polyfill@0.7.2/node_modules/@oddbird/popover-polyfill/dist/popover-fn.js"],"sourcesContent":["// src/events.ts\nvar ToggleEvent = class extends Event {\n oldState;\n newState;\n constructor(type, init = {}) {\n const eventInit = Object.assign({}, init);\n delete eventInit.oldState;\n delete eventInit.newState;\n super(type, eventInit);\n this.oldState = String(init.oldState || \"\");\n this.newState = String(init.newState || \"\");\n }\n};\nvar popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();\nfunction queuePopoverToggleEventTask(element, oldState, newState) {\n popoverToggleTaskQueue.set(\n element,\n setTimeout(() => {\n if (!popoverToggleTaskQueue.has(element)) return;\n element.dispatchEvent(\n new ToggleEvent(\"toggle\", {\n cancelable: false,\n oldState,\n newState\n })\n );\n }, 0)\n );\n}\n\n// src/popover-helpers.ts\nvar ShadowRoot = globalThis.ShadowRoot || function() {\n};\nvar HTMLDialogElement = globalThis.HTMLDialogElement || function() {\n};\nvar topLayerElements = /* @__PURE__ */ new WeakMap();\nvar autoPopoverList = /* @__PURE__ */ new WeakMap();\nvar hintPopoverList = /* @__PURE__ */ new WeakMap();\nvar visibilityState = /* @__PURE__ */ new WeakMap();\nfunction getPopoverVisibilityState(popover) {\n return visibilityState.get(popover) || \"hidden\";\n}\nvar popoverInvoker = /* @__PURE__ */ new WeakMap();\nfunction lastSetElement(set) {\n return [...set].pop();\n}\nfunction popoverTargetAttributeActivationBehavior(element) {\n const popover = element.popoverTargetElement;\n if (!(popover instanceof HTMLElement)) {\n return;\n }\n const visibility = getPopoverVisibilityState(popover);\n if (element.popoverTargetAction === \"show\" && visibility === \"showing\") {\n return;\n }\n if (element.popoverTargetAction === \"hide\" && visibility === \"hidden\") return;\n if (visibility === \"showing\") {\n hidePopover(popover, true, true);\n } else if (checkPopoverValidity(popover, false)) {\n popoverInvoker.set(popover, element);\n showPopover(popover);\n }\n}\nfunction checkPopoverValidity(element, expectedToBeShowing) {\n if (element.popover !== \"auto\" && element.popover !== \"manual\" && element.popover !== \"hint\") {\n return false;\n }\n if (!element.isConnected) return false;\n if (expectedToBeShowing && getPopoverVisibilityState(element) !== \"showing\") {\n return false;\n }\n if (!expectedToBeShowing && getPopoverVisibilityState(element) !== \"hidden\") {\n return false;\n }\n if (element instanceof HTMLDialogElement && element.hasAttribute(\"open\")) {\n return false;\n }\n if (document.fullscreenElement === element) return false;\n return true;\n}\nfunction getStackPosition(popover) {\n if (!popover) return 0;\n const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();\n const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();\n if (hintPopovers.has(popover)) {\n return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;\n }\n if (autoPopovers.has(popover)) {\n return [...autoPopovers].indexOf(popover) + 1;\n }\n return 0;\n}\nfunction topMostClickedPopover(target) {\n const clickedPopover = nearestInclusiveOpenPopover(target);\n const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);\n if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {\n return clickedPopover;\n }\n return invokerPopover;\n}\nfunction topmostAutoOrHintPopover(document2) {\n let topmostPopover;\n const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();\n const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();\n const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;\n if (usedStack) {\n topmostPopover = lastSetElement(usedStack);\n if (!topmostPopover.isConnected) {\n usedStack.delete(topmostPopover);\n return topmostAutoOrHintPopover(document2);\n }\n return topmostPopover;\n }\n return null;\n}\nfunction topMostPopoverInList(list) {\n for (const popover of list || []) {\n if (!popover.isConnected) {\n list.delete(popover);\n } else {\n return popover;\n }\n }\n return null;\n}\nfunction getRootNode(node) {\n if (typeof node.getRootNode === \"function\") {\n return node.getRootNode();\n }\n if (node.parentNode) return getRootNode(node.parentNode);\n return node;\n}\nfunction nearestInclusiveOpenPopover(node) {\n while (node) {\n if (node instanceof HTMLElement && node.popover === \"auto\" && visibilityState.get(node) === \"showing\") {\n return node;\n }\n node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);\n if (node instanceof ShadowRoot) node = node.host;\n if (node instanceof Document) return;\n }\n}\nfunction nearestInclusiveTargetPopoverForInvoker(node) {\n while (node) {\n const nodePopover = node.popoverTargetElement;\n if (nodePopover instanceof HTMLElement) return nodePopover;\n node = node.parentElement || getRootNode(node);\n if (node instanceof ShadowRoot) node = node.host;\n if (node instanceof Document) return;\n }\n}\nfunction topMostPopoverAncestor(newPopover, list) {\n const popoverPositions = /* @__PURE__ */ new Map();\n let i = 0;\n for (const popover of list || []) {\n popoverPositions.set(popover, i);\n i += 1;\n }\n popoverPositions.set(newPopover, i);\n i += 1;\n let topMostPopoverAncestor2 = null;\n function checkAncestor(candidate) {\n if (!candidate) return;\n let okNesting = false;\n let candidateAncestor = null;\n while (!okNesting) {\n candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;\n if (candidateAncestor === null) return;\n if (!popoverPositions.has(candidateAncestor)) return;\n if (newPopover.popover === \"hint\" || candidateAncestor.popover === \"auto\") {\n okNesting = true;\n }\n if (!okNesting) {\n candidate = candidateAncestor.parentElement;\n }\n }\n const candidatePosition = popoverPositions.get(candidateAncestor) ?? null;\n if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {\n topMostPopoverAncestor2 = candidateAncestor;\n }\n }\n checkAncestor(newPopover.parentElement || getRootNode(newPopover));\n return topMostPopoverAncestor2;\n}\nfunction isFocusable(focusTarget) {\n if (focusTarget.hidden || focusTarget instanceof ShadowRoot) return false;\n if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {\n if (focusTarget.disabled) return false;\n }\n if (focusTarget instanceof HTMLInputElement && focusTarget.type === \"hidden\") {\n return false;\n }\n if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === \"\") {\n return false;\n }\n return typeof focusTarget.tabIndex === \"number\" && focusTarget.tabIndex !== -1;\n}\nfunction focusDelegate(focusTarget) {\n if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {\n return null;\n }\n let whereToLook = focusTarget;\n if (whereToLook.shadowRoot) {\n whereToLook = whereToLook.shadowRoot;\n }\n let autoFocusDelegate = whereToLook.querySelector(\"[autofocus]\");\n if (autoFocusDelegate) {\n return autoFocusDelegate;\n } else {\n const slots = whereToLook.querySelectorAll(\"slot\");\n for (const slot of slots) {\n const assignedElements = slot.assignedElements({ flatten: true });\n for (const el of assignedElements) {\n if (el.hasAttribute(\"autofocus\")) {\n return el;\n } else {\n autoFocusDelegate = el.querySelector(\"[autofocus]\");\n if (autoFocusDelegate) {\n return autoFocusDelegate;\n }\n }\n }\n }\n }\n const walker = focusTarget.ownerDocument.createTreeWalker(\n whereToLook,\n NodeFilter.SHOW_ELEMENT\n );\n let descendant = walker.currentNode;\n while (descendant) {\n if (isFocusable(descendant)) {\n return descendant;\n }\n descendant = walker.nextNode();\n }\n}\nfunction popoverFocusingSteps(subject) {\n var _a;\n (_a = focusDelegate(subject)) == null ? void 0 : _a.focus();\n}\nvar previouslyFocusedElements = /* @__PURE__ */ new WeakMap();\nfunction showPopover(element) {\n if (!checkPopoverValidity(element, false)) {\n return;\n }\n const document2 = element.ownerDocument;\n if (!element.dispatchEvent(\n new ToggleEvent(\"beforetoggle\", {\n cancelable: true,\n oldState: \"closed\",\n newState: \"open\"\n })\n )) {\n return;\n }\n if (!checkPopoverValidity(element, false)) {\n return;\n }\n let shouldRestoreFocus = false;\n const originalType = element.popover;\n let stackToAppendTo = null;\n const autoAncestor = topMostPopoverAncestor(\n element,\n autoPopoverList.get(document2) || /* @__PURE__ */ new Set()\n );\n const hintAncestor = topMostPopoverAncestor(\n element,\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set()\n );\n if (originalType === \"auto\") {\n closeAllOpenPopoversInList(\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),\n shouldRestoreFocus,\n true\n );\n const ancestor = autoAncestor || document2;\n hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);\n stackToAppendTo = \"auto\";\n }\n if (originalType === \"hint\") {\n if (hintAncestor) {\n hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);\n stackToAppendTo = \"hint\";\n } else {\n closeAllOpenPopoversInList(\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),\n shouldRestoreFocus,\n true\n );\n if (autoAncestor) {\n hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);\n stackToAppendTo = \"auto\";\n } else {\n stackToAppendTo = \"hint\";\n }\n }\n }\n if (originalType === \"auto\" || originalType === \"hint\") {\n if (originalType !== element.popover || !checkPopoverValidity(element, false)) {\n return;\n }\n if (!topmostAutoOrHintPopover(document2)) {\n shouldRestoreFocus = true;\n }\n if (stackToAppendTo === \"auto\") {\n if (!autoPopoverList.has(document2)) {\n autoPopoverList.set(document2, /* @__PURE__ */ new Set());\n }\n autoPopoverList.get(document2).add(element);\n } else if (stackToAppendTo === \"hint\") {\n if (!hintPopoverList.has(document2)) {\n hintPopoverList.set(document2, /* @__PURE__ */ new Set());\n }\n hintPopoverList.get(document2).add(element);\n }\n }\n previouslyFocusedElements.delete(element);\n const originallyFocusedElement = document2.activeElement;\n element.classList.add(\":popover-open\");\n visibilityState.set(element, \"showing\");\n if (!topLayerElements.has(document2)) {\n topLayerElements.set(document2, /* @__PURE__ */ new Set());\n }\n topLayerElements.get(document2).add(element);\n setInvokerAriaExpanded(popoverInvoker.get(element), true);\n popoverFocusingSteps(element);\n if (shouldRestoreFocus && originallyFocusedElement && element.popover === \"auto\") {\n previouslyFocusedElements.set(element, originallyFocusedElement);\n }\n queuePopoverToggleEventTask(element, \"closed\", \"open\");\n}\nfunction hidePopover(element, focusPreviousElement = false, fireEvents = false) {\n var _a, _b;\n if (!checkPopoverValidity(element, true)) {\n return;\n }\n const document2 = element.ownerDocument;\n if ([\"auto\", \"hint\"].includes(element.popover)) {\n hideAllPopoversUntil(element, focusPreviousElement, fireEvents);\n if (!checkPopoverValidity(element, true)) {\n return;\n }\n }\n const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();\n const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;\n setInvokerAriaExpanded(popoverInvoker.get(element), false);\n popoverInvoker.delete(element);\n if (fireEvents) {\n element.dispatchEvent(\n new ToggleEvent(\"beforetoggle\", {\n oldState: \"open\",\n newState: \"closed\"\n })\n );\n if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {\n hideAllPopoversUntil(element, focusPreviousElement, fireEvents);\n }\n if (!checkPopoverValidity(element, true)) {\n return;\n }\n }\n (_a = topLayerElements.get(document2)) == null ? void 0 : _a.delete(element);\n autoList.delete(element);\n (_b = hintPopoverList.get(document2)) == null ? void 0 : _b.delete(element);\n element.classList.remove(\":popover-open\");\n visibilityState.set(element, \"hidden\");\n if (fireEvents) {\n queuePopoverToggleEventTask(element, \"open\", \"closed\");\n }\n const previouslyFocusedElement = previouslyFocusedElements.get(element);\n if (previouslyFocusedElement) {\n previouslyFocusedElements.delete(element);\n if (focusPreviousElement) {\n previouslyFocusedElement.focus();\n }\n }\n}\nfunction closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {\n let popover = topmostAutoOrHintPopover(document2);\n while (popover) {\n hidePopover(popover, focusPreviousElement, fireEvents);\n popover = topmostAutoOrHintPopover(document2);\n }\n}\nfunction closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {\n let popover = topMostPopoverInList(list);\n while (popover) {\n hidePopover(popover, focusPreviousElement, fireEvents);\n popover = topMostPopoverInList(list);\n }\n}\nfunction hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {\n let repeatingHide = false;\n let hasRunOnce = false;\n while (repeatingHide || !hasRunOnce) {\n hasRunOnce = true;\n let lastToHide = null;\n let foundEndpoint = false;\n for (const popover of set) {\n if (popover === endpoint) {\n foundEndpoint = true;\n } else if (foundEndpoint) {\n lastToHide = popover;\n break;\n }\n }\n if (!lastToHide) return;\n while (getPopoverVisibilityState(lastToHide) === \"showing\" && set.size) {\n hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);\n }\n if (set.has(endpoint) && lastSetElement(set) !== endpoint) {\n repeatingHide = true;\n }\n if (repeatingHide) {\n fireEvents = false;\n }\n }\n}\nfunction hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {\n var _a, _b;\n const document2 = endpoint.ownerDocument || endpoint;\n if (endpoint instanceof Document) {\n return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);\n }\n if ((_a = hintPopoverList.get(document2)) == null ? void 0 : _a.has(endpoint)) {\n hidePopoverStackUntil(\n endpoint,\n hintPopoverList.get(document2),\n focusPreviousElement,\n fireEvents\n );\n return;\n }\n closeAllOpenPopoversInList(\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),\n focusPreviousElement,\n fireEvents\n );\n if (!((_b = autoPopoverList.get(document2)) == null ? void 0 : _b.has(endpoint))) {\n return;\n }\n hidePopoverStackUntil(\n endpoint,\n autoPopoverList.get(document2),\n focusPreviousElement,\n fireEvents\n );\n}\nvar popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();\nfunction lightDismissOpenPopovers(event) {\n if (!event.isTrusted) return;\n const target = event.composedPath()[0];\n if (!target) return;\n const document2 = target.ownerDocument || target;\n const topMostPopover = topmostAutoOrHintPopover(document2);\n if (!topMostPopover) return;\n const ancestor = topMostClickedPopover(target);\n if (ancestor && event.type === \"pointerdown\") {\n popoverPointerDownTargets.set(document2, ancestor);\n } else if (event.type === \"pointerup\") {\n const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;\n popoverPointerDownTargets.delete(document2);\n if (sameTarget) {\n hideAllPopoversUntil(ancestor || document2, false, true);\n }\n }\n}\nvar initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();\nfunction setInvokerAriaExpanded(el, force = false) {\n if (!el) return;\n if (!initialAriaExpandedValue.has(el)) {\n initialAriaExpandedValue.set(el, el.getAttribute(\"aria-expanded\"));\n }\n const popover = el.popoverTargetElement;\n if (popover instanceof HTMLElement && popover.popover === \"auto\") {\n el.setAttribute(\"aria-expanded\", String(force));\n } else {\n const initialValue = initialAriaExpandedValue.get(el);\n if (!initialValue) {\n el.removeAttribute(\"aria-expanded\");\n } else {\n el.setAttribute(\"aria-expanded\", initialValue);\n }\n }\n}\n\n// src/popover.ts\nvar ShadowRoot2 = globalThis.ShadowRoot || function() {\n};\nvar DEFAULT_LAYER_NAME = \"popover-polyfill\";\nfunction isSupported() {\n return typeof HTMLElement !== \"undefined\" && typeof HTMLElement.prototype === \"object\" && \"popover\" in HTMLElement.prototype && // Returns true in HappyDOM\n \"showPopover\" in HTMLElement.prototype;\n}\nfunction isHintSupported() {\n const el = document.createElement(\"div\");\n el.setAttribute(\"popover\", \"hint\");\n return el.popover === \"hint\";\n}\nfunction isPolyfilled() {\n var _a;\n return Boolean(\n ((_a = document.body) == null ? void 0 : _a.showPopover) && !/native code/i.test(document.body.showPopover.toString())\n );\n}\nfunction patchSelectorFn(object, name, mapper) {\n const original = object[name];\n Object.defineProperty(object, name, {\n value(selector) {\n return original.call(this, mapper(selector));\n }\n });\n}\nvar nonEscapedPopoverSelector = /(^|[^\\\\]):popover-open\\b/g;\nfunction hasLayerSupport() {\n return typeof globalThis.CSSLayerBlockRule === \"function\";\n}\nfunction getStyles(layerName) {\n var _a;\n const useLayer = hasLayerSupport();\n const layerNameEscaped = (layerName ?? ((_a = window.POPOVER_POLYFILL_OPTIONS) == null ? void 0 : _a.layerName) ?? DEFAULT_LAYER_NAME).split(\".\").map((css) => CSS.escape(css)).join(\".\");\n return `\n${useLayer ? `@layer ${layerNameEscaped} {` : \"\"}\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${useLayer ? \"}\" : \"\"}\n`;\n}\nvar popoverStyleSheet = null;\nfunction injectStyles(root, layerName) {\n const styles = getStyles(layerName);\n if (popoverStyleSheet === null) {\n try {\n popoverStyleSheet = new CSSStyleSheet();\n popoverStyleSheet.replaceSync(styles);\n } catch {\n popoverStyleSheet = false;\n }\n }\n if (popoverStyleSheet === false || !root.adoptedStyleSheets) {\n const sheet = document.createElement(\"style\");\n sheet.textContent = styles;\n if (root instanceof Document) {\n root.head.prepend(sheet);\n } else {\n root.prepend(sheet);\n }\n } else {\n root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];\n }\n}\nfunction apply(opts) {\n if (typeof window === \"undefined\") return;\n const layerName = opts == null ? void 0 : opts.layerName;\n window.ToggleEvent = window.ToggleEvent || ToggleEvent;\n function rewriteSelector(selector) {\n if (selector == null ? void 0 : selector.includes(\":popover-open\")) {\n selector = selector.replace(\n nonEscapedPopoverSelector,\n \"$1.\\\\:popover-open\"\n );\n }\n return selector;\n }\n patchSelectorFn(Document.prototype, \"querySelector\", rewriteSelector);\n patchSelectorFn(Document.prototype, \"querySelectorAll\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"querySelector\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"querySelectorAll\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"matches\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"closest\", rewriteSelector);\n patchSelectorFn(\n DocumentFragment.prototype,\n \"querySelectorAll\",\n rewriteSelector\n );\n Object.defineProperties(HTMLElement.prototype, {\n popover: {\n enumerable: true,\n configurable: true,\n get() {\n if (!this.hasAttribute(\"popover\")) return null;\n const value = (this.getAttribute(\"popover\") || \"\").toLowerCase();\n if (value === \"\" || value == \"auto\") return \"auto\";\n if (value == \"hint\") return \"hint\";\n return \"manual\";\n },\n set(value) {\n if (value === null) {\n this.removeAttribute(\"popover\");\n } else {\n this.setAttribute(\"popover\", value);\n }\n }\n },\n showPopover: {\n enumerable: true,\n configurable: true,\n writable: true,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n value(options = {}) {\n showPopover(this);\n }\n },\n hidePopover: {\n enumerable: true,\n configurable: true,\n writable: true,\n value() {\n hidePopover(this, true, true);\n }\n },\n togglePopover: {\n enumerable: true,\n configurable: true,\n writable: true,\n value(options = {}) {\n if (typeof options === \"boolean\") {\n options = { force: options };\n }\n if (visibilityState.get(this) === \"showing\" && options.force === void 0 || options.force === false) {\n hidePopover(this, true, true);\n } else if (options.force === void 0 || options.force === true) {\n showPopover(this);\n }\n return visibilityState.get(this) === \"showing\";\n }\n }\n });\n const originalAttachShadow = Element.prototype.attachShadow;\n if (originalAttachShadow) {\n Object.defineProperties(Element.prototype, {\n attachShadow: {\n enumerable: true,\n configurable: true,\n writable: true,\n value(options) {\n const shadowRoot = originalAttachShadow.call(this, options);\n injectStyles(shadowRoot, layerName);\n return shadowRoot;\n }\n }\n });\n }\n const originalAttachInternals = HTMLElement.prototype.attachInternals;\n if (originalAttachInternals) {\n Object.defineProperties(HTMLElement.prototype, {\n attachInternals: {\n enumerable: true,\n configurable: true,\n writable: true,\n value() {\n const internals = originalAttachInternals.call(this);\n if (internals.shadowRoot) {\n injectStyles(internals.shadowRoot, layerName);\n }\n return internals;\n }\n }\n });\n }\n const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();\n function applyPopoverInvokerElementMixin(ElementClass) {\n Object.defineProperties(ElementClass.prototype, {\n popoverTargetElement: {\n enumerable: true,\n configurable: true,\n set(targetElement) {\n if (targetElement === null) {\n this.removeAttribute(\"popovertarget\");\n popoverTargetAssociatedElements.delete(this);\n } else if (!(targetElement instanceof Element)) {\n throw new TypeError(\n `popoverTargetElement must be an element or null`\n );\n } else {\n this.setAttribute(\"popovertarget\", \"\");\n popoverTargetAssociatedElements.set(this, targetElement);\n }\n },\n get() {\n if (this.localName !== \"button\" && this.localName !== \"input\") {\n return null;\n }\n if (this.localName === \"input\" && this.type !== \"reset\" && this.type !== \"image\" && this.type !== \"button\") {\n return null;\n }\n if (this.disabled) {\n return null;\n }\n if (this.form && this.type === \"submit\") {\n return null;\n }\n const targetElement = popoverTargetAssociatedElements.get(this);\n if (targetElement && targetElement.isConnected) {\n return targetElement;\n } else if (targetElement && !targetElement.isConnected) {\n popoverTargetAssociatedElements.delete(this);\n return null;\n }\n const root = getRootNode(this);\n const idref = this.getAttribute(\"popovertarget\");\n if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {\n return root.getElementById(idref) || null;\n }\n return null;\n }\n },\n popoverTargetAction: {\n enumerable: true,\n configurable: true,\n get() {\n const value = (this.getAttribute(\"popovertargetaction\") || \"\").toLowerCase();\n if (value === \"show\" || value === \"hide\") return value;\n return \"toggle\";\n },\n set(value) {\n this.setAttribute(\"popovertargetaction\", value);\n }\n }\n });\n }\n applyPopoverInvokerElementMixin(HTMLButtonElement);\n applyPopoverInvokerElementMixin(HTMLInputElement);\n const handleInvokerActivation = (event) => {\n if (event.defaultPrevented) {\n return;\n }\n const composedPath = event.composedPath();\n const target = composedPath[0];\n if (!(target instanceof Element) || (target == null ? void 0 : target.shadowRoot)) {\n return;\n }\n const root = getRootNode(target);\n if (!(root instanceof ShadowRoot2 || root instanceof Document)) {\n return;\n }\n const invoker = composedPath.find(\n (el) => {\n var _a;\n return (_a = el.matches) == null ? void 0 : _a.call(el, \"[popovertargetaction],[popovertarget]\");\n }\n );\n if (invoker) {\n popoverTargetAttributeActivationBehavior(invoker);\n event.preventDefault();\n return;\n }\n };\n const onKeydown = (event) => {\n const key = event.key;\n const target = event.target;\n if (!event.defaultPrevented && target && (key === \"Escape\" || key === \"Esc\")) {\n const owner = target.ownerDocument || target;\n hideAllPopoversUntil(owner, true, true);\n }\n };\n const addEventListeners = (root) => {\n root.addEventListener(\"click\", handleInvokerActivation);\n root.addEventListener(\"keydown\", onKeydown);\n root.addEventListener(\"pointerdown\", lightDismissOpenPopovers);\n root.addEventListener(\"pointerup\", lightDismissOpenPopovers);\n };\n addEventListeners(document);\n injectStyles(document, layerName);\n}\nexport {\n apply,\n injectStyles,\n isHintSupported,\n isPolyfilled,\n isSupported\n};\n//# sourceMappingURL=popover-fn.js.map\n"],"x_google_ignoreList":[0],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"popover-fn.js","names":[],"sources":["../../../../../../../../node_modules/.pnpm/@oddbird+popover-polyfill@0.7.2_patch_hash=1f3e1d4b9b98be6ea6d4707fbe7b7ac66be549654cb4bb41ad60295c10c029f8/node_modules/@oddbird/popover-polyfill/dist/popover-fn.js"],"sourcesContent":["// src/events.ts\nvar EventClass = globalThis.Event || class {}; // Support SSR environments without Event\nvar ToggleEvent = class extends EventClass {\n oldState;\n newState;\n constructor(type, init = {}) {\n const eventInit = Object.assign({}, init);\n delete eventInit.oldState;\n delete eventInit.newState;\n super(type, eventInit);\n this.oldState = String(init.oldState || \"\");\n this.newState = String(init.newState || \"\");\n }\n };\n\nvar popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();\nfunction queuePopoverToggleEventTask(element, oldState, newState) {\n popoverToggleTaskQueue.set(\n element,\n setTimeout(() => {\n if (!popoverToggleTaskQueue.has(element)) return;\n element.dispatchEvent(\n new ToggleEvent(\"toggle\", {\n cancelable: false,\n oldState,\n newState\n })\n );\n }, 0)\n );\n}\n\n// src/popover-helpers.ts\nvar ShadowRoot = globalThis.ShadowRoot || function() {\n};\nvar HTMLDialogElement = globalThis.HTMLDialogElement || function() {\n};\nvar topLayerElements = /* @__PURE__ */ new WeakMap();\nvar autoPopoverList = /* @__PURE__ */ new WeakMap();\nvar hintPopoverList = /* @__PURE__ */ new WeakMap();\nvar visibilityState = /* @__PURE__ */ new WeakMap();\nfunction getPopoverVisibilityState(popover) {\n return visibilityState.get(popover) || \"hidden\";\n}\nvar popoverInvoker = /* @__PURE__ */ new WeakMap();\nfunction lastSetElement(set) {\n return [...set].pop();\n}\nfunction popoverTargetAttributeActivationBehavior(element) {\n const popover = element.popoverTargetElement;\n if (!(popover instanceof HTMLElement)) {\n return;\n }\n const visibility = getPopoverVisibilityState(popover);\n if (element.popoverTargetAction === \"show\" && visibility === \"showing\") {\n return;\n }\n if (element.popoverTargetAction === \"hide\" && visibility === \"hidden\") return;\n if (visibility === \"showing\") {\n hidePopover(popover, true, true);\n } else if (checkPopoverValidity(popover, false)) {\n popoverInvoker.set(popover, element);\n showPopover(popover);\n }\n}\nfunction checkPopoverValidity(element, expectedToBeShowing) {\n if (element.popover !== \"auto\" && element.popover !== \"manual\" && element.popover !== \"hint\") {\n return false;\n }\n if (!element.isConnected) return false;\n if (expectedToBeShowing && getPopoverVisibilityState(element) !== \"showing\") {\n return false;\n }\n if (!expectedToBeShowing && getPopoverVisibilityState(element) !== \"hidden\") {\n return false;\n }\n if (element instanceof HTMLDialogElement && element.hasAttribute(\"open\")) {\n return false;\n }\n if (document.fullscreenElement === element) return false;\n return true;\n}\nfunction getStackPosition(popover) {\n if (!popover) return 0;\n const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();\n const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();\n if (hintPopovers.has(popover)) {\n return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;\n }\n if (autoPopovers.has(popover)) {\n return [...autoPopovers].indexOf(popover) + 1;\n }\n return 0;\n}\nfunction topMostClickedPopover(target) {\n const clickedPopover = nearestInclusiveOpenPopover(target);\n const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);\n if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {\n return clickedPopover;\n }\n return invokerPopover;\n}\nfunction topmostAutoOrHintPopover(document2) {\n let topmostPopover;\n const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();\n const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();\n const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;\n if (usedStack) {\n topmostPopover = lastSetElement(usedStack);\n if (!topmostPopover.isConnected) {\n usedStack.delete(topmostPopover);\n return topmostAutoOrHintPopover(document2);\n }\n return topmostPopover;\n }\n return null;\n}\nfunction topMostPopoverInList(list) {\n for (const popover of list || []) {\n if (!popover.isConnected) {\n list.delete(popover);\n } else {\n return popover;\n }\n }\n return null;\n}\nfunction getRootNode(node) {\n if (typeof node.getRootNode === \"function\") {\n return node.getRootNode();\n }\n if (node.parentNode) return getRootNode(node.parentNode);\n return node;\n}\nfunction nearestInclusiveOpenPopover(node) {\n while (node) {\n if (node instanceof HTMLElement && node.popover === \"auto\" && visibilityState.get(node) === \"showing\") {\n return node;\n }\n node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);\n if (node instanceof ShadowRoot) node = node.host;\n if (node instanceof Document) return;\n }\n}\nfunction nearestInclusiveTargetPopoverForInvoker(node) {\n while (node) {\n const nodePopover = node.popoverTargetElement;\n if (nodePopover instanceof HTMLElement) return nodePopover;\n node = node.parentElement || getRootNode(node);\n if (node instanceof ShadowRoot) node = node.host;\n if (node instanceof Document) return;\n }\n}\nfunction topMostPopoverAncestor(newPopover, list) {\n const popoverPositions = /* @__PURE__ */ new Map();\n let i = 0;\n for (const popover of list || []) {\n popoverPositions.set(popover, i);\n i += 1;\n }\n popoverPositions.set(newPopover, i);\n i += 1;\n let topMostPopoverAncestor2 = null;\n function checkAncestor(candidate) {\n if (!candidate) return;\n let okNesting = false;\n let candidateAncestor = null;\n while (!okNesting) {\n candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;\n if (candidateAncestor === null) return;\n if (!popoverPositions.has(candidateAncestor)) return;\n if (newPopover.popover === \"hint\" || candidateAncestor.popover === \"auto\") {\n okNesting = true;\n }\n if (!okNesting) {\n candidate = candidateAncestor.parentElement;\n }\n }\n const candidatePosition = popoverPositions.get(candidateAncestor) ?? null;\n if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {\n topMostPopoverAncestor2 = candidateAncestor;\n }\n }\n checkAncestor(newPopover.parentElement || getRootNode(newPopover));\n return topMostPopoverAncestor2;\n}\nfunction isFocusable(focusTarget) {\n if (focusTarget.hidden || focusTarget instanceof ShadowRoot) return false;\n if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {\n if (focusTarget.disabled) return false;\n }\n if (focusTarget instanceof HTMLInputElement && focusTarget.type === \"hidden\") {\n return false;\n }\n if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === \"\") {\n return false;\n }\n return typeof focusTarget.tabIndex === \"number\" && focusTarget.tabIndex !== -1;\n}\nfunction focusDelegate(focusTarget) {\n if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {\n return null;\n }\n let whereToLook = focusTarget;\n if (whereToLook.shadowRoot) {\n whereToLook = whereToLook.shadowRoot;\n }\n let autoFocusDelegate = whereToLook.querySelector(\"[autofocus]\");\n if (autoFocusDelegate) {\n return autoFocusDelegate;\n } else {\n const slots = whereToLook.querySelectorAll(\"slot\");\n for (const slot of slots) {\n const assignedElements = slot.assignedElements({ flatten: true });\n for (const el of assignedElements) {\n if (el.hasAttribute(\"autofocus\")) {\n return el;\n } else {\n autoFocusDelegate = el.querySelector(\"[autofocus]\");\n if (autoFocusDelegate) {\n return autoFocusDelegate;\n }\n }\n }\n }\n }\n const walker = focusTarget.ownerDocument.createTreeWalker(\n whereToLook,\n NodeFilter.SHOW_ELEMENT\n );\n let descendant = walker.currentNode;\n while (descendant) {\n if (isFocusable(descendant)) {\n return descendant;\n }\n descendant = walker.nextNode();\n }\n}\nfunction popoverFocusingSteps(subject) {\n var _a;\n (_a = focusDelegate(subject)) == null ? void 0 : _a.focus();\n}\nvar previouslyFocusedElements = /* @__PURE__ */ new WeakMap();\nfunction showPopover(element) {\n if (!checkPopoverValidity(element, false)) {\n return;\n }\n const document2 = element.ownerDocument;\n if (!element.dispatchEvent(\n new ToggleEvent(\"beforetoggle\", {\n cancelable: true,\n oldState: \"closed\",\n newState: \"open\"\n })\n )) {\n return;\n }\n if (!checkPopoverValidity(element, false)) {\n return;\n }\n let shouldRestoreFocus = false;\n const originalType = element.popover;\n let stackToAppendTo = null;\n const autoAncestor = topMostPopoverAncestor(\n element,\n autoPopoverList.get(document2) || /* @__PURE__ */ new Set()\n );\n const hintAncestor = topMostPopoverAncestor(\n element,\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set()\n );\n if (originalType === \"auto\") {\n closeAllOpenPopoversInList(\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),\n shouldRestoreFocus,\n true\n );\n const ancestor = autoAncestor || document2;\n hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);\n stackToAppendTo = \"auto\";\n }\n if (originalType === \"hint\") {\n if (hintAncestor) {\n hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);\n stackToAppendTo = \"hint\";\n } else {\n closeAllOpenPopoversInList(\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),\n shouldRestoreFocus,\n true\n );\n if (autoAncestor) {\n hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);\n stackToAppendTo = \"auto\";\n } else {\n stackToAppendTo = \"hint\";\n }\n }\n }\n if (originalType === \"auto\" || originalType === \"hint\") {\n if (originalType !== element.popover || !checkPopoverValidity(element, false)) {\n return;\n }\n if (!topmostAutoOrHintPopover(document2)) {\n shouldRestoreFocus = true;\n }\n if (stackToAppendTo === \"auto\") {\n if (!autoPopoverList.has(document2)) {\n autoPopoverList.set(document2, /* @__PURE__ */ new Set());\n }\n autoPopoverList.get(document2).add(element);\n } else if (stackToAppendTo === \"hint\") {\n if (!hintPopoverList.has(document2)) {\n hintPopoverList.set(document2, /* @__PURE__ */ new Set());\n }\n hintPopoverList.get(document2).add(element);\n }\n }\n previouslyFocusedElements.delete(element);\n const originallyFocusedElement = document2.activeElement;\n element.classList.add(\":popover-open\");\n visibilityState.set(element, \"showing\");\n if (!topLayerElements.has(document2)) {\n topLayerElements.set(document2, /* @__PURE__ */ new Set());\n }\n topLayerElements.get(document2).add(element);\n setInvokerAriaExpanded(popoverInvoker.get(element), true);\n popoverFocusingSteps(element);\n if (shouldRestoreFocus && originallyFocusedElement && element.popover === \"auto\") {\n previouslyFocusedElements.set(element, originallyFocusedElement);\n }\n queuePopoverToggleEventTask(element, \"closed\", \"open\");\n}\nfunction hidePopover(element, focusPreviousElement = false, fireEvents = false) {\n var _a, _b;\n if (!checkPopoverValidity(element, true)) {\n return;\n }\n const document2 = element.ownerDocument;\n if ([\"auto\", \"hint\"].includes(element.popover)) {\n hideAllPopoversUntil(element, focusPreviousElement, fireEvents);\n if (!checkPopoverValidity(element, true)) {\n return;\n }\n }\n const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();\n const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;\n setInvokerAriaExpanded(popoverInvoker.get(element), false);\n popoverInvoker.delete(element);\n if (fireEvents) {\n element.dispatchEvent(\n new ToggleEvent(\"beforetoggle\", {\n oldState: \"open\",\n newState: \"closed\"\n })\n );\n if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {\n hideAllPopoversUntil(element, focusPreviousElement, fireEvents);\n }\n if (!checkPopoverValidity(element, true)) {\n return;\n }\n }\n (_a = topLayerElements.get(document2)) == null ? void 0 : _a.delete(element);\n autoList.delete(element);\n (_b = hintPopoverList.get(document2)) == null ? void 0 : _b.delete(element);\n element.classList.remove(\":popover-open\");\n visibilityState.set(element, \"hidden\");\n if (fireEvents) {\n queuePopoverToggleEventTask(element, \"open\", \"closed\");\n }\n const previouslyFocusedElement = previouslyFocusedElements.get(element);\n if (previouslyFocusedElement) {\n previouslyFocusedElements.delete(element);\n if (focusPreviousElement) {\n previouslyFocusedElement.focus();\n }\n }\n}\nfunction closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {\n let popover = topmostAutoOrHintPopover(document2);\n while (popover) {\n hidePopover(popover, focusPreviousElement, fireEvents);\n popover = topmostAutoOrHintPopover(document2);\n }\n}\nfunction closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {\n let popover = topMostPopoverInList(list);\n while (popover) {\n hidePopover(popover, focusPreviousElement, fireEvents);\n popover = topMostPopoverInList(list);\n }\n}\nfunction hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {\n let repeatingHide = false;\n let hasRunOnce = false;\n while (repeatingHide || !hasRunOnce) {\n hasRunOnce = true;\n let lastToHide = null;\n let foundEndpoint = false;\n for (const popover of set) {\n if (popover === endpoint) {\n foundEndpoint = true;\n } else if (foundEndpoint) {\n lastToHide = popover;\n break;\n }\n }\n if (!lastToHide) return;\n while (getPopoverVisibilityState(lastToHide) === \"showing\" && set.size) {\n hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);\n }\n if (set.has(endpoint) && lastSetElement(set) !== endpoint) {\n repeatingHide = true;\n }\n if (repeatingHide) {\n fireEvents = false;\n }\n }\n}\nfunction hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {\n var _a, _b;\n const document2 = endpoint.ownerDocument || endpoint;\n if (endpoint instanceof Document) {\n return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);\n }\n if ((_a = hintPopoverList.get(document2)) == null ? void 0 : _a.has(endpoint)) {\n hidePopoverStackUntil(\n endpoint,\n hintPopoverList.get(document2),\n focusPreviousElement,\n fireEvents\n );\n return;\n }\n closeAllOpenPopoversInList(\n hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),\n focusPreviousElement,\n fireEvents\n );\n if (!((_b = autoPopoverList.get(document2)) == null ? void 0 : _b.has(endpoint))) {\n return;\n }\n hidePopoverStackUntil(\n endpoint,\n autoPopoverList.get(document2),\n focusPreviousElement,\n fireEvents\n );\n}\nvar popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();\nfunction lightDismissOpenPopovers(event) {\n if (!event.isTrusted) return;\n const target = event.composedPath()[0];\n if (!target) return;\n const document2 = target.ownerDocument || target;\n const topMostPopover = topmostAutoOrHintPopover(document2);\n if (!topMostPopover) return;\n const ancestor = topMostClickedPopover(target);\n if (ancestor && event.type === \"pointerdown\") {\n popoverPointerDownTargets.set(document2, ancestor);\n } else if (event.type === \"pointerup\") {\n const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;\n popoverPointerDownTargets.delete(document2);\n if (sameTarget) {\n hideAllPopoversUntil(ancestor || document2, false, true);\n }\n }\n}\nvar initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();\nfunction setInvokerAriaExpanded(el, force = false) {\n if (!el) return;\n if (!initialAriaExpandedValue.has(el)) {\n initialAriaExpandedValue.set(el, el.getAttribute(\"aria-expanded\"));\n }\n const popover = el.popoverTargetElement;\n if (popover instanceof HTMLElement && popover.popover === \"auto\") {\n el.setAttribute(\"aria-expanded\", String(force));\n } else {\n const initialValue = initialAriaExpandedValue.get(el);\n if (!initialValue) {\n el.removeAttribute(\"aria-expanded\");\n } else {\n el.setAttribute(\"aria-expanded\", initialValue);\n }\n }\n}\n\n// src/popover.ts\nvar ShadowRoot2 = globalThis.ShadowRoot || function() {\n};\nvar DEFAULT_LAYER_NAME = \"popover-polyfill\";\nfunction isSupported() {\n return typeof HTMLElement !== \"undefined\" && typeof HTMLElement.prototype === \"object\" && \"popover\" in HTMLElement.prototype && // Returns true in HappyDOM\n \"showPopover\" in HTMLElement.prototype;\n}\nfunction isHintSupported() {\n const el = document.createElement(\"div\");\n el.setAttribute(\"popover\", \"hint\");\n return el.popover === \"hint\";\n}\nfunction isPolyfilled() {\n var _a;\n return Boolean(\n ((_a = document.body) == null ? void 0 : _a.showPopover) && !/native code/i.test(document.body.showPopover.toString())\n );\n}\nfunction patchSelectorFn(object, name, mapper) {\n const original = object[name];\n Object.defineProperty(object, name, {\n value(selector) {\n return original.call(this, mapper(selector));\n }\n });\n}\nvar nonEscapedPopoverSelector = /(^|[^\\\\]):popover-open\\b/g;\nfunction hasLayerSupport() {\n return typeof globalThis.CSSLayerBlockRule === \"function\";\n}\nfunction getStyles(layerName) {\n var _a;\n const useLayer = hasLayerSupport();\n const layerNameEscaped = (layerName ?? ((_a = window.POPOVER_POLYFILL_OPTIONS) == null ? void 0 : _a.layerName) ?? DEFAULT_LAYER_NAME).split(\".\").map((css) => CSS.escape(css)).join(\".\");\n return `\n${useLayer ? `@layer ${layerNameEscaped} {` : \"\"}\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${useLayer ? \"}\" : \"\"}\n`;\n}\nvar popoverStyleSheet = null;\nfunction injectStyles(root, layerName) {\n const styles = getStyles(layerName);\n if (popoverStyleSheet === null) {\n try {\n popoverStyleSheet = new CSSStyleSheet();\n popoverStyleSheet.replaceSync(styles);\n } catch {\n popoverStyleSheet = false;\n }\n }\n if (popoverStyleSheet === false || !root.adoptedStyleSheets) {\n const sheet = document.createElement(\"style\");\n sheet.textContent = styles;\n if (root instanceof Document) {\n root.head.prepend(sheet);\n } else {\n root.prepend(sheet);\n }\n } else {\n root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];\n }\n}\nfunction apply(opts) {\n if (typeof window === \"undefined\") return;\n const layerName = opts == null ? void 0 : opts.layerName;\n window.ToggleEvent = window.ToggleEvent || ToggleEvent;\n function rewriteSelector(selector) {\n if (selector == null ? void 0 : selector.includes(\":popover-open\")) {\n selector = selector.replace(\n nonEscapedPopoverSelector,\n \"$1.\\\\:popover-open\"\n );\n }\n return selector;\n }\n patchSelectorFn(Document.prototype, \"querySelector\", rewriteSelector);\n patchSelectorFn(Document.prototype, \"querySelectorAll\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"querySelector\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"querySelectorAll\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"matches\", rewriteSelector);\n patchSelectorFn(Element.prototype, \"closest\", rewriteSelector);\n patchSelectorFn(\n DocumentFragment.prototype,\n \"querySelectorAll\",\n rewriteSelector\n );\n Object.defineProperties(HTMLElement.prototype, {\n popover: {\n enumerable: true,\n configurable: true,\n get() {\n if (!this.hasAttribute(\"popover\")) return null;\n const value = (this.getAttribute(\"popover\") || \"\").toLowerCase();\n if (value === \"\" || value == \"auto\") return \"auto\";\n if (value == \"hint\") return \"hint\";\n return \"manual\";\n },\n set(value) {\n if (value === null) {\n this.removeAttribute(\"popover\");\n } else {\n this.setAttribute(\"popover\", value);\n }\n }\n },\n showPopover: {\n enumerable: true,\n configurable: true,\n writable: true,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n value(options = {}) {\n showPopover(this);\n }\n },\n hidePopover: {\n enumerable: true,\n configurable: true,\n writable: true,\n value() {\n hidePopover(this, true, true);\n }\n },\n togglePopover: {\n enumerable: true,\n configurable: true,\n writable: true,\n value(options = {}) {\n if (typeof options === \"boolean\") {\n options = { force: options };\n }\n if (visibilityState.get(this) === \"showing\" && options.force === void 0 || options.force === false) {\n hidePopover(this, true, true);\n } else if (options.force === void 0 || options.force === true) {\n showPopover(this);\n }\n return visibilityState.get(this) === \"showing\";\n }\n }\n });\n const originalAttachShadow = Element.prototype.attachShadow;\n if (originalAttachShadow) {\n Object.defineProperties(Element.prototype, {\n attachShadow: {\n enumerable: true,\n configurable: true,\n writable: true,\n value(options) {\n const shadowRoot = originalAttachShadow.call(this, options);\n injectStyles(shadowRoot, layerName);\n return shadowRoot;\n }\n }\n });\n }\n const originalAttachInternals = HTMLElement.prototype.attachInternals;\n if (originalAttachInternals) {\n Object.defineProperties(HTMLElement.prototype, {\n attachInternals: {\n enumerable: true,\n configurable: true,\n writable: true,\n value() {\n const internals = originalAttachInternals.call(this);\n if (internals.shadowRoot) {\n injectStyles(internals.shadowRoot, layerName);\n }\n return internals;\n }\n }\n });\n }\n const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();\n function applyPopoverInvokerElementMixin(ElementClass) {\n Object.defineProperties(ElementClass.prototype, {\n popoverTargetElement: {\n enumerable: true,\n configurable: true,\n set(targetElement) {\n if (targetElement === null) {\n this.removeAttribute(\"popovertarget\");\n popoverTargetAssociatedElements.delete(this);\n } else if (!(targetElement instanceof Element)) {\n throw new TypeError(\n `popoverTargetElement must be an element or null`\n );\n } else {\n this.setAttribute(\"popovertarget\", \"\");\n popoverTargetAssociatedElements.set(this, targetElement);\n }\n },\n get() {\n if (this.localName !== \"button\" && this.localName !== \"input\") {\n return null;\n }\n if (this.localName === \"input\" && this.type !== \"reset\" && this.type !== \"image\" && this.type !== \"button\") {\n return null;\n }\n if (this.disabled) {\n return null;\n }\n if (this.form && this.type === \"submit\") {\n return null;\n }\n const targetElement = popoverTargetAssociatedElements.get(this);\n if (targetElement && targetElement.isConnected) {\n return targetElement;\n } else if (targetElement && !targetElement.isConnected) {\n popoverTargetAssociatedElements.delete(this);\n return null;\n }\n const root = getRootNode(this);\n const idref = this.getAttribute(\"popovertarget\");\n if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {\n return root.getElementById(idref) || null;\n }\n return null;\n }\n },\n popoverTargetAction: {\n enumerable: true,\n configurable: true,\n get() {\n const value = (this.getAttribute(\"popovertargetaction\") || \"\").toLowerCase();\n if (value === \"show\" || value === \"hide\") return value;\n return \"toggle\";\n },\n set(value) {\n this.setAttribute(\"popovertargetaction\", value);\n }\n }\n });\n }\n applyPopoverInvokerElementMixin(HTMLButtonElement);\n applyPopoverInvokerElementMixin(HTMLInputElement);\n const handleInvokerActivation = (event) => {\n if (event.defaultPrevented) {\n return;\n }\n const composedPath = event.composedPath();\n const target = composedPath[0];\n if (!(target instanceof Element) || (target == null ? void 0 : target.shadowRoot)) {\n return;\n }\n const root = getRootNode(target);\n if (!(root instanceof ShadowRoot2 || root instanceof Document)) {\n return;\n }\n const invoker = composedPath.find(\n (el) => {\n var _a;\n return (_a = el.matches) == null ? void 0 : _a.call(el, \"[popovertargetaction],[popovertarget]\");\n }\n );\n if (invoker) {\n popoverTargetAttributeActivationBehavior(invoker);\n event.preventDefault();\n return;\n }\n };\n const onKeydown = (event) => {\n const key = event.key;\n const target = event.target;\n if (!event.defaultPrevented && target && (key === \"Escape\" || key === \"Esc\")) {\n const owner = target.ownerDocument || target;\n hideAllPopoversUntil(owner, true, true);\n }\n };\n const addEventListeners = (root) => {\n root.addEventListener(\"click\", handleInvokerActivation);\n root.addEventListener(\"keydown\", onKeydown);\n root.addEventListener(\"pointerdown\", lightDismissOpenPopovers);\n root.addEventListener(\"pointerup\", lightDismissOpenPopovers);\n };\n addEventListeners(document);\n injectStyles(document, layerName);\n}\nexport {\n apply,\n injectStyles,\n isHintSupported,\n isPolyfilled,\n isSupported\n};\n//# sourceMappingURL=popover-fn.js.map\n"],"x_google_ignoreList":[0],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","names":[],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n announce,\n attr,\n attrOrCSS,\n customElements,\n DSElement,\n debounce,\n isBrowser,\n isWindows,\n on,\n onMutation,\n QUICK_EVENT,\n useId,\n warn,\n} from '../utils/utils';\n\n// TODO: Document that Validation must be hidden with \"hidden\" attribute (or completely removed from DOM), not display: none\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ds-field': DSFieldElement;\n }\n}\n\nconst ATTR_FIELD = 'data-field';\nconst ATTR_LIMIT = 'data-limit';\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst SELECTOR_VALIDATION = `:scope > [${ATTR_FIELD}=\"validation\"]`;\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\n\nconst handleFieldMutation = (field: DSFieldElement) => {\n const labels: HTMLLabelElement[] = [];\n const nextDescs: string[] = []; // Keep track of descriptions we are adding in this mutation\n const prevDescs = field._descs || []; // Retrieve previously managed IDs for this field\n let hasValidation = false;\n let invalid = false;\n\n if (field._input?.hidden) field._input = undefined; // Reset input if it has been hidden\n\n for (const el of field.getElementsByTagName('*')) {\n if (el instanceof HTMLLabelElement) labels.push(el);\n if ((el as HTMLElement).hidden) continue; // Skip hidden elements except labels\n if (isInputLike(el)) {\n if (field._input?.isConnected && field._input !== el)\n warn(WARNING_MULTIPLE_INPUTS, field);\n else field._input = el; // Only register if visible input\n } else {\n const type = el.getAttribute(ATTR_FIELD); // Using getAttribute instead of attr for best performance\n if (type === 'counter') field._counter = el;\n if (type === 'validation') {\n nextDescs.unshift(useId(el));\n hasValidation = true;\n invalid = invalid || isInvalidColor(el);\n } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n }\n }\n\n if (!field._input?.isConnected) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n\n const input = field._input;\n for (const label of labels) attr(label, 'for', useId(input) || null);\n\n const fieldsetValidation = field\n .closest('fieldset')\n ?.querySelector<HTMLElement>(SELECTOR_VALIDATION);\n\n // Connect fieldset validation to inputs\n if (fieldsetValidation && !fieldsetValidation?.hidden) {\n hasValidation = true;\n invalid = invalid || isInvalidColor(fieldsetValidation);\n nextDescs.unshift(useId(fieldsetValidation));\n }\n\n // Add support for data-indeterminate attribute as this normally can only be set by javascript\n\n const indeterminate = attr(input, ATTR_INDETERMINATE);\n if (indeterminate) input.indeterminate = indeterminate === 'true';\n\n // Expand click area to ds-field if radio/checkbox\n const isBoolish = input.type === 'radio' || input.type === 'checkbox';\n if (isBoolish) attr(field, 'data-clickdelegatefor', useId(input));\n\n // Setup aria-describedby, but repsect existing ids in aria-describedby\n const describedby = attr(input, ATTR_DESCRIBEDBY)?.trim().split(/\\s+/);\n const keep = describedby?.filter((id) => !prevDescs.includes(id)) || []; // Find non-ds-field-managed aria-describedby IDs\n attr(input, ATTR_DESCRIBEDBY, [...nextDescs, ...keep].join(' ') || null);\n field._descs = nextDescs;\n\n // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n const hadValidation = field._validation;\n if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n attr(input, ATTR_INVALID, invalid ? 'true' : null);\n field._validation = true;\n } else if (!hasValidation && hadValidation) {\n attr(input, ATTR_INVALID, null); // Remove aria-invalid\n field._validation = undefined;\n }\n\n field.handleEvent(); // Update counter and textarea sizing\n};\n\n// Used as fallback in tests when CSS is not loaded\nconst TEXTS = {\n over: '%d tegn for mye',\n under: '%d tegn igjen',\n};\n\nconst debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n // Using isBrowser() to check if environment still exits and is not unmounted by tests\n if (isBrowser() && document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalidColor = (el: Element) => {\n const color = el.getAttribute('data-color');\n return !color || color === 'danger';\n};\nconst isInputLike = (el: unknown): el is HTMLInputElement =>\n el instanceof HTMLElement &&\n 'validity' in el && // Adds support for custom elements implemeted with attachInternals()\n !(el instanceof HTMLButtonElement) && // But skip <button> elements\n (el as HTMLInputElement).type !== 'hidden'; // And skip input type=\"hidden\"\n\n// Custom element is used to performantly keep track of fields on the page\nexport class DSFieldElement extends DSElement {\n _counter?: Element; // Using underscore instead of private fields for backwards compatibility\n _descs?: string[];\n _input?: HTMLInputElement;\n _validation?: boolean;\n _unevents?: () => void;\n _unmutate?: () => void;\n\n connectedCallback() {\n this._unevents = on(this, 'input', this, QUICK_EVENT);\n this._unmutate = onMutation(this, () => handleFieldMutation(this), {\n attributeFilter: [\n ATTR_FIELD,\n ATTR_LIMIT,\n 'hidden', // Needed to check validation visibility\n 'id', // Needed to sync label \"for\" when ID of input/selec/textarea changes\n 'value', // Needed to detect changes in controlled React inputs as they do not trigger input events\n ATTR_INDETERMINATE,\n ],\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n handleEvent(event?: Event) {\n const { _counter, _input } = this;\n\n if (_counter?.isConnected && _input) {\n const limit = Number(attr(_counter, ATTR_LIMIT)) || 0;\n const count = limit - _input.value.length;\n const state = count < 0 ? 'over' : 'under';\n const label = (attrOrCSS(_counter, `data-${state}`) || TEXTS[state]) // Browser translation tools will not pick up dynamic text anyway, so no need to use aria-labelledby here\n ?.replace('%d', `${Math.abs(count)}`);\n\n if (!label) warn(`Missing data-${state} on:`, _counter);\n attr(_counter, 'data-label', label); // Using attribute to prevent hydration errors, not using aria-label to make axe tests happy\n attr(_counter, 'data-state', state);\n attr(_counter, 'data-color', count < 0 ? 'danger' : null);\n attr(_input, 'aria-invalid', count < 0 ? 'true' : null); // Toggle aria-invalid of textarea\n\n // Only update live region when user is actually typing\n if (event?.type === 'input' && label)\n debouncedCounterLiveRegion(_input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n }\n if (_input instanceof HTMLTextAreaElement) {\n _input.style.setProperty('--_ds-field-sizing', 'auto');\n _input.style.setProperty(\n '--_ds-field-sizing',\n `${_input.scrollHeight}px`,\n );\n }\n }\n disconnectedCallback() {\n this._unevents?.();\n this._unmutate?.();\n this._unevents = this._unmutate = undefined;\n this._input = this._counter = this._descs = this._validation = undefined;\n }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"field.js","names":[],"sources":["../../../src/field/field.ts"],"sourcesContent":["import {\n announce,\n attr,\n attrOrCSS,\n customElements,\n DSElement,\n debounce,\n isBrowser,\n isWindows,\n on,\n onMutation,\n QUICK_EVENT,\n useId,\n warn,\n} from '../utils/utils';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ds-field': DSFieldElement;\n }\n}\n\nconst ATTR_FIELD = 'data-field';\nconst ATTR_LIMIT = 'data-limit';\nconst ATTR_INVALID = 'aria-invalid';\nconst ATTR_DESCRIBEDBY = 'aria-describedby';\nconst ATTR_INDETERMINATE = 'data-indeterminate';\nconst SELECTOR_VALIDATION = `:scope > [${ATTR_FIELD}=\"validation\"]`;\nconst COUNTER_DEBOUNCE = isWindows() ? 800 : 200; // Longer debounce on Windows due to NVDA performance\nconst WARNING_MULTIPLE_INPUTS = `Fields should only have one input element. Use <fieldset> to group multiple fields:`;\n\nconst handleFieldMutation = (field: DSFieldElement) => {\n const labels: HTMLLabelElement[] = [];\n const nextDescs: string[] = []; // Keep track of descriptions we are adding in this mutation\n const prevDescs = field._descs || []; // Retrieve previously managed IDs for this field\n let hasValidation = false;\n let invalid = false;\n\n if (field._input?.hidden) field._input = undefined; // Reset input if it has been hidden\n\n for (const el of field.getElementsByTagName('*')) {\n if (el instanceof HTMLLabelElement) labels.push(el);\n if ((el as HTMLElement).hidden) continue; // Skip hidden elements except labels\n if (isInputLike(el)) {\n if (field._input?.isConnected && field._input !== el)\n warn(WARNING_MULTIPLE_INPUTS, field);\n else field._input = el; // Only register if visible input\n } else {\n const type = el.getAttribute(ATTR_FIELD); // Using getAttribute instead of attr for best performance\n if (type === 'counter') field._counter = el;\n if (type === 'validation') {\n nextDescs.unshift(useId(el));\n hasValidation = true;\n invalid = invalid || isInvalidColor(el);\n } else if (type) nextDescs.push(useId(el)); // Adds both counter and descriptions\n }\n }\n\n if (!field._input?.isConnected) return; // Do not warn about missing input as virtual DOM libraries might give false positives\n\n const input = field._input;\n for (const label of labels) attr(label, 'for', useId(input) || null);\n\n const fieldsetValidation = field\n .closest('fieldset')\n ?.querySelector<HTMLElement>(SELECTOR_VALIDATION);\n\n // Connect fieldset validation to inputs\n if (fieldsetValidation && !fieldsetValidation?.hidden) {\n hasValidation = true;\n invalid = invalid || isInvalidColor(fieldsetValidation);\n nextDescs.unshift(useId(fieldsetValidation));\n }\n\n // Add support for data-indeterminate attribute as this normally can only be set by javascript\n\n const indeterminate = attr(input, ATTR_INDETERMINATE);\n if (indeterminate) input.indeterminate = indeterminate === 'true';\n\n // Expand click area to ds-field if radio/checkbox\n const isBoolish = input.type === 'radio' || input.type === 'checkbox';\n if (isBoolish) attr(field, 'data-clickdelegatefor', useId(input));\n\n // Setup aria-describedby, but repsect existing ids in aria-describedby\n const describedby = attr(input, ATTR_DESCRIBEDBY)?.trim().split(/\\s+/);\n const keep = describedby?.filter((id) => !prevDescs.includes(id)) || []; // Find non-ds-field-managed aria-describedby IDs\n attr(input, ATTR_DESCRIBEDBY, [...nextDescs, ...keep].join(' ') || null);\n field._descs = nextDescs;\n\n // Only manage aria-invalid when field has validation elements, and aria-invalid does not already exist\n const hadValidation = field._validation;\n if (hasValidation && !hadValidation && !input.hasAttribute(ATTR_INVALID)) {\n attr(input, ATTR_INVALID, invalid ? 'true' : null);\n field._validation = true;\n } else if (!hasValidation && hadValidation) {\n attr(input, ATTR_INVALID, null); // Remove aria-invalid\n field._validation = undefined;\n }\n\n field.handleEvent(); // Update counter and textarea sizing\n};\n\n// Used as fallback in tests when CSS is not loaded\nconst TEXTS = {\n over: '%d tegn for mye',\n under: '%d tegn igjen',\n};\n\nconst debouncedCounterLiveRegion = debounce((input: Element, text: string) => {\n // Using isBrowser() to check if environment still exits and is not unmounted by tests\n if (isBrowser() && document.activeElement === input) announce(text); // Only announce if input is still focused\n}, COUNTER_DEBOUNCE);\n\nconst isInvalidColor = (el: Element) => {\n const color = el.getAttribute('data-color');\n return !color || color === 'danger';\n};\nconst isInputLike = (el: unknown): el is HTMLInputElement =>\n el instanceof HTMLElement &&\n 'validity' in el && // Adds support for custom elements implemeted with attachInternals()\n !(el instanceof HTMLButtonElement) && // But skip <button> elements\n (el as HTMLInputElement).type !== 'hidden'; // And skip input type=\"hidden\"\n\n// Custom element is used to performantly keep track of fields on the page\nexport class DSFieldElement extends DSElement {\n _counter?: Element; // Using underscore instead of private fields for backwards compatibility\n _descs?: string[];\n _input?: HTMLInputElement;\n _validation?: boolean;\n _unevents?: () => void;\n _unmutate?: () => void;\n\n connectedCallback() {\n this._unevents = on(this, 'input', this, QUICK_EVENT);\n this._unmutate = onMutation(this, () => handleFieldMutation(this), {\n attributeFilter: [\n ATTR_FIELD,\n ATTR_LIMIT,\n 'hidden', // Needed to check validation visibility\n 'id', // Needed to sync label \"for\" when ID of input/selec/textarea changes\n 'value', // Needed to detect changes in controlled React inputs as they do not trigger input events\n ATTR_INDETERMINATE,\n ],\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n handleEvent(event?: Event) {\n const { _counter, _input } = this;\n\n if (_counter?.isConnected && _input) {\n const limit = Number(attr(_counter, ATTR_LIMIT)) || 0;\n const count = limit - _input.value.length;\n const state = count < 0 ? 'over' : 'under';\n const label = (attrOrCSS(_counter, `data-${state}`) || TEXTS[state]) // Browser translation tools will not pick up dynamic text anyway, so no need to use aria-labelledby here\n ?.replace('%d', `${Math.abs(count)}`);\n\n if (!label) warn(`Missing data-${state} on:`, _counter);\n attr(_counter, 'data-label', label); // Using attribute to prevent hydration errors, not using aria-label to make axe tests happy\n attr(_counter, 'data-state', state);\n attr(_counter, 'data-color', count < 0 ? 'danger' : null);\n attr(_input, 'aria-invalid', count < 0 ? 'true' : null); // Toggle aria-invalid of textarea\n\n // Only update live region when user is actually typing\n if (event?.type === 'input' && label)\n debouncedCounterLiveRegion(_input, label); // Debounce live region to avoid NVDA interupting announcing typed text\n }\n if (_input instanceof HTMLTextAreaElement) {\n _input.style.setProperty('--_ds-field-sizing', 'auto');\n _input.style.setProperty(\n '--_ds-field-sizing',\n `${_input.scrollHeight}px`,\n );\n }\n }\n disconnectedCallback() {\n this._unevents?.();\n this._unmutate?.();\n this._unevents = this._unmutate = undefined;\n this._input = this._counter = this._descs = this._validation = undefined;\n }\n}\n\ncustomElements.define('ds-field', DSFieldElement);\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=`1.
|
|
1
|
+
var e=`1.23.0`;export{e as version};
|
|
2
2
|
//# sourceMappingURL=package.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ARIA_LABEL as e,ARIA_LABELLEDBY as t,DSElement as n,attr as r,attrOrCSS as i,customElements as a,onMutation as o,warn as s}from"../utils/utils.js";const c=`data-current`,l=`data-total`,u=`data-href`,d=({current:e=1,total:t=10,show:n=7})=>({prev:e>1?e-1:0,next:e<t?e+1:0,pages:
|
|
1
|
+
import{ARIA_LABEL as e,ARIA_LABELLEDBY as t,DSElement as n,attr as r,attrOrCSS as i,customElements as a,onMutation as o,warn as s}from"../utils/utils.js";const c=`data-current`,l=`data-total`,u=`data-href`,d=({current:e=1,total:t=10,show:n=7})=>({prev:e>1?e-1:0,next:e<t?e+1:0,pages:h(e,t,n).map((t,n)=>({current:t===e&&`page`,key:`key-${t}-${n}`,page:t}))});var f=class extends n{_unmutate;_render;static get observedAttributes(){return[e,t,c,l,u]}connectedCallback(){let n=r(this,l),a=r(this,c);a&&!n&&s(`Missing ${l} attribute on:`,this),n&&!a&&s(`Missing ${c} attribute on:`,this);let u=i(this,e),d=r(this,t)?.trim();u||d?r(this,e,d?null:u):s(`Missing ${e} on:`,this),r(this,`role`,`navigation`),this._unmutate=o(this,m,{childList:!0,subtree:!0})}attributeChangedCallback(){this._unmutate&&m(this)}disconnectedCallback(){this._unmutate?.(),this._unmutate=this._render=void 0}};const p=e=>!e.textContent?.trim()&&!r(e,`aria-labelledby`),m=t=>{let n=Number(r(t,c)),a=Number(r(t,l));if(n&&a){let o=t.querySelectorAll(`button,a`),s=o.length-2,c=r(t,u),{next:l,prev:f,pages:m}=d({current:n,total:a,show:s});o.forEach((t,n)=>{let a=n!==0&&!!o[n+1],s=a?m[n-1]?.page:n?l:f;r(t,`aria-current`,m[n-1]?.current?`true`:null),a?r(t,e,`${s??`hidden`}`):p(t)&&r(t,e,i(t,e)),r(t,`role`,s?null:`none`),r(t,`tabindex`,s?null:`-1`),t instanceof HTMLButtonElement&&r(t,`value`,`${s}`),c&&t instanceof HTMLAnchorElement&&r(t,`href`,c.replace(`%d`,`${s}`))})}},h=(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};a.define(`ds-pagination`,f);export{f as DSPaginationElement,d as pagination};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|