@duetds/components 9.0.2 → 9.1.1

package/lib/collection/utils/body-scroll.js

@@ -0,0 +1,257 @@
+/*!
+ * Built with Duet Design System
+ */
+// https://github.com/rick-liruixin/body-scroll-lock-upgrade/blob/develop/src/body-scroll-lock.ts
+// MIT LICENSE
+// Older browsers don't support event options, feature detect it.
+let hasPassiveEvents = false;
+if (typeof window !== "undefined") {
+    const passiveTestOptions = {
+        get passive() {
+            hasPassiveEvents = true;
+            return undefined;
+        },
+    };
+    window.addEventListener("testPassive", null, passiveTestOptions);
+    window.removeEventListener("testPassive", null, passiveTestOptions);
+}
+const isIosDevice = typeof window !== "undefined" &&
+    window.navigator &&
+    window.navigator.platform &&
+    (/iP(ad|hone|od)/.test(window.navigator.platform) ||
+        (window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1));
+let locks = [];
+const locksIndex = new Map();
+let documentListenerAdded = false;
+let initialClientY = -1;
+let previousBodyOverflowSetting;
+let htmlStyle;
+let bodyStyle;
+let previousBodyPaddingRight;
+// returns true if `el` should be allowed to receive touchmove events.
+const allowTouchMove = (el) => locks.some(lock => {
+    if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {
+        return true;
+    }
+    return false;
+});
+const preventDefault = (rawEvent) => {
+    const e = rawEvent || window.event;
+    // For the case whereby consumers adds a touchmove event listener to document.
+    // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })
+    // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then
+    // the touchmove event on document will break.
+    if (allowTouchMove(e.target)) {
+        return true;
+    }
+    // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).
+    if (e.touches.length > 1) {
+        return true;
+    }
+    if (e.preventDefault) {
+        e.preventDefault();
+    }
+    return false;
+};
+const setOverflowHidden = (options) => {
+    // If previousBodyPaddingRight is already set, don't set it again.
+    if (previousBodyPaddingRight === undefined) {
+        const reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;
+        const scrollBarGap = window.innerWidth - document.documentElement.getBoundingClientRect().width;
+        if (reserveScrollBarGap && scrollBarGap > 0) {
+            const computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
+            previousBodyPaddingRight = document.body.style.paddingRight;
+            document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarGap}px`;
+        }
+    }
+    // If previousBodyOverflowSetting is already set, don't set it again.
+    if (previousBodyOverflowSetting === undefined) {
+        previousBodyOverflowSetting = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+    }
+};
+const restoreOverflowSetting = () => {
+    if (previousBodyPaddingRight !== undefined) {
+        document.body.style.paddingRight = previousBodyPaddingRight;
+        // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it
+        // can be set again.
+        previousBodyPaddingRight = undefined;
+    }
+    if (previousBodyOverflowSetting !== undefined) {
+        document.body.style.overflow = previousBodyOverflowSetting;
+        // Restore previousBodyOverflowSetting to undefined
+        // so setOverflowHidden knows it can be set again.
+        previousBodyOverflowSetting = undefined;
+    }
+};
+const setPositionFixed = () => window.requestAnimationFrame(() => {
+    const $html = document.documentElement;
+    const $body = document.body;
+    // If bodyStyle is already set, don't set it again.
+    if (bodyStyle === undefined) {
+        htmlStyle = Object.assign({}, $html.style);
+        bodyStyle = Object.assign({}, $body.style);
+        // Update the dom inside an animation frame
+        const { scrollY, scrollX, innerHeight } = window;
+        $html.style.height = "100%";
+        $html.style.overflow = "hidden";
+        $body.style.position = "fixed";
+        $body.style.top = `${-scrollY}px`;
+        $body.style.left = `${-scrollX}px`;
+        $body.style.width = "100%";
+        $body.style.height = "auto";
+        $body.style.overflow = "hidden";
+        setTimeout(() => window.requestAnimationFrame(() => {
+            // Attempt to check if the bottom bar appeared due to the position change
+            const bottomBarHeight = innerHeight - window.innerHeight;
+            if (bottomBarHeight && scrollY >= innerHeight) {
+                // Move the content further up so that the bottom bar doesn't hide it
+                $body.style.top = -(scrollY + bottomBarHeight) + "px";
+            }
+        }), 300);
+    }
+});
+const restorePositionSetting = () => {
+    if (bodyStyle !== undefined) {
+        // Convert the position from "px" to Int
+        const y = -parseInt(document.body.style.top, 10);
+        const x = -parseInt(document.body.style.left, 10);
+        // Restore styles
+        const $html = document.documentElement;
+        const $body = document.body;
+        $html.style.height = (htmlStyle === null || htmlStyle === void 0 ? void 0 : htmlStyle.height) || "";
+        $html.style.overflow = (htmlStyle === null || htmlStyle === void 0 ? void 0 : htmlStyle.overflow) || "";
+        $body.style.position = bodyStyle.position || "";
+        $body.style.top = bodyStyle.top || "";
+        $body.style.left = bodyStyle.left || "";
+        $body.style.width = bodyStyle.width || "";
+        $body.style.height = bodyStyle.height || "";
+        $body.style.overflow = bodyStyle.overflow || "";
+        // Restore scroll
+        window.scrollTo(x, y);
+        bodyStyle = undefined;
+    }
+};
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
+const isTargetElementTotallyScrolled = (targetElement) => targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;
+const handleScroll = (event, targetElement) => {
+    const clientY = event.targetTouches[0].clientY - initialClientY;
+    if (allowTouchMove(event.target)) {
+        return false;
+    }
+    if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {
+        // element is at the top of its scroll.
+        return preventDefault(event);
+    }
+    if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {
+        // element is at the bottom of its scroll.
+        return preventDefault(event);
+    }
+    event.stopPropagation();
+    return true;
+};
+/**
+ *
+ * @param targetElement HTMLElement
+ * @param options BodyScrollOptions
+ * @returns void
+ */
+export const disableBodyScroll = (targetElement, options) => {
+    // targetElement must be provided
+    if (!targetElement) {
+        // eslint-disable-next-line no-console
+        console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
+        return;
+    }
+    locksIndex.set(targetElement, (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) ? (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) + 1 : 1);
+    // disableBodyScroll must not have been called on this targetElement before
+    if (locks.some(lock => lock.targetElement === targetElement)) {
+        return;
+    }
+    const lock = {
+        targetElement,
+        options: options || {},
+    };
+    locks = [...locks, lock];
+    if (isIosDevice) {
+        setPositionFixed();
+    }
+    else {
+        setOverflowHidden(options);
+    }
+    if (isIosDevice) {
+        targetElement.ontouchstart = (event) => {
+            if (event.targetTouches.length === 1) {
+                // detect single touch.
+                initialClientY = event.targetTouches[0].clientY;
+            }
+        };
+        targetElement.ontouchmove = (event) => {
+            if (event.targetTouches.length === 1) {
+                // detect single touch.
+                handleScroll(event, targetElement);
+            }
+        };
+        if (!documentListenerAdded) {
+            document.addEventListener("touchmove", preventDefault, hasPassiveEvents ? { passive: false } : undefined);
+            documentListenerAdded = true;
+        }
+    }
+};
+export const clearAllBodyScrollLocks = () => {
+    if (isIosDevice) {
+        // Clear all locks ontouchstart/ontouchmove handlers, and the references.
+        locks.forEach((lock) => {
+            lock.targetElement.ontouchstart = null;
+            lock.targetElement.ontouchmove = null;
+        });
+        if (documentListenerAdded) {
+            ;
+            document.removeEventListener("touchmove", preventDefault, hasPassiveEvents ? { passive: false } : undefined);
+            documentListenerAdded = false;
+        }
+        // Reset initial clientY.
+        initialClientY = -1;
+    }
+    if (isIosDevice) {
+        restorePositionSetting();
+    }
+    else {
+        restoreOverflowSetting();
+    }
+    locks = [];
+    locksIndex.clear();
+};
+/**
+ * @param targetElement
+ * @returns void
+ */
+export const enableBodyScroll = (targetElement) => {
+    if (!targetElement) {
+        // eslint-disable-next-line no-console
+        console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
+        return;
+    }
+    locksIndex.set(targetElement, (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) ? (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) - 1 : 0);
+    if ((locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) === 0) {
+        locks = locks.filter(lock => lock.targetElement !== targetElement);
+        locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.delete(targetElement);
+    }
+    if (isIosDevice) {
+        targetElement.ontouchstart = null;
+        targetElement.ontouchmove = null;
+        if (documentListenerAdded && locks.length === 0) {
+            ;
+            document.removeEventListener("touchmove", preventDefault, hasPassiveEvents ? { passive: false } : undefined);
+            documentListenerAdded = false;
+        }
+    }
+    if (locks.length === 0) {
+        if (isIosDevice) {
+            restorePositionSetting();
+        }
+        else {
+            restoreOverflowSetting();
+        }
+    }
+};

package/lib/collection/utils/string-utils.js

@@ -57,3 +57,9 @@ export const convertHtmlQuotes = string => {
 export const upperCaseFirst = (string) => {
     return string && `${string[0].toUpperCase()}${string.slice(1)}`;
 };
+/**
+ * Escapes characters that have special meaning in regular expressions
+ */
+export const regexEscape = (string) => {
+    return string.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+};

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-0c2421ed.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-5d15bc28.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-3236c232.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-7a4e27a2.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-940209c1.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-7ecba39f.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-banner.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-8764aea1.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
-import { p as parsePossibleJSON } from './p-0e052642.js';
-import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-fb0d43f7.js';
-import { d as defineCustomElement$2 } from './p-ea482c86.js';
+import { p as parsePossibleJSON } from './p-9c3c64b9.js';
+import { g as getColorByName } from './p-fac41d14.js';
+import { d as defineCustomElement$3 } from './p-fa97c257.js';
+import { d as defineCustomElement$2 } from './p-8027f9ce.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-7915de0a.js';
-import { d as defineCustomElement$3 } from './p-ea482c86.js';
-import { d as defineCustomElement$2 } from './p-b6ae3f0f.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-317b4bb8.js';
+import { d as defineCustomElement$3 } from './p-8027f9ce.js';
+import { d as defineCustomElement$2 } from './p-d656dd95.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-7915de0a.js';
-import { g as getColorByName } from './p-3ec3eb5f.js';
+import { g as getLocaleString } from './p-317b4bb8.js';
+import { g as getColorByName } from './p-fac41d14.js';
 
 const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 77, 128)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(225, 227, 230)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(148, 9, 37)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(0, 41, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}";
 const DuetBreadcrumbsStyle0 = duetBreadcrumbsCss;

package/lib/dist-custom-elements/duet-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-47c7860f.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-bcc759f6.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-callout.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
-import { d as defineCustomElement$2 } from './p-ea482c86.js';
+import { d as defineCustomElement$2 } from './p-8027f9ce.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(0, 41, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;

package/lib/dist-custom-elements/duet-caption.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-813c3b7e.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-78c42188.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-card.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
-import { s as sanitizeString } from './p-0e052642.js';
-import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-ea482c86.js';
-import { d as defineCustomElement$2 } from './p-b6ae3f0f.js';
+import { s as sanitizeString } from './p-9c3c64b9.js';
+import { g as getColorByName } from './p-fac41d14.js';
+import { d as defineCustomElement$3 } from './p-8027f9ce.js';
+import { d as defineCustomElement$2 } from './p-d656dd95.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

package/lib/dist-custom-elements/duet-checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-c2e792ff.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-f474833e.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-checkmark.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-9b9d67cc.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-eca652e9.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-chip.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetChip$1, d as defineCustomElement$1 } from './p-e107da9a.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-4e2ad0e0.js';
 
 const DuetChip = DuetChip$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-choice-group.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-fc9b988f.js';
-import { d as defineCustomElement$8 } from './p-813c3b7e.js';
-import { d as defineCustomElement$7 } from './p-bc78082f.js';
-import { d as defineCustomElement$6 } from './p-ea482c86.js';
-import { d as defineCustomElement$5 } from './p-203ae2e7.js';
-import { d as defineCustomElement$4 } from './p-98e97672.js';
-import { d as defineCustomElement$3 } from './p-6c76ef5f.js';
-import { d as defineCustomElement$2 } from './p-02005902.js';
+import { d as defineCustomElement$8 } from './p-78c42188.js';
+import { d as defineCustomElement$7 } from './p-7f7ad9b6.js';
+import { d as defineCustomElement$6 } from './p-8027f9ce.js';
+import { d as defineCustomElement$5 } from './p-6ded6ab0.js';
+import { d as defineCustomElement$4 } from './p-2f3cb54b.js';
+import { d as defineCustomElement$3 } from './p-13259f25.js';
+import { d as defineCustomElement$2 } from './p-f58dfec6.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;

package/lib/dist-custom-elements/duet-choice.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-785686e3.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-7915de0a.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
 import { h as hasSlot } from './p-fc9b988f.js';
-import { d as defineCustomElement$4 } from './p-813c3b7e.js';
-import { d as defineCustomElement$3 } from './p-ea482c86.js';
-import { d as defineCustomElement$2 } from './p-b6ae3f0f.js';
+import { d as defineCustomElement$4 } from './p-78c42188.js';
+import { d as defineCustomElement$3 } from './p-8027f9ce.js';
+import { d as defineCustomElement$2 } from './p-d656dd95.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 

package/lib/dist-custom-elements/duet-collapsible.js

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c25a991b.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
-import { f as font_size_medium, t as tokens } from './p-d5c03b61.js';
+import { f as font_size_medium, t as tokens } from './p-d5c7ae62.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
 import { h as hasSlot } from './p-fc9b988f.js';
-import { s as sanitizeString } from './p-0e052642.js';
-import { d as defineCustomElement$2 } from './p-ea482c86.js';
+import { s as sanitizeString } from './p-9c3c64b9.js';
+import { d as defineCustomElement$2 } from './p-8027f9ce.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;

package/lib/dist-custom-elements/duet-combobox.js

@@ -1,33 +1,37 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
 import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isBackspaceKey, f as isArrowUpKey, g as isArrowDownKey } from './p-785686e3.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-7915de0a.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
 import { g as getElementsFromDefaultSlot } from './p-fc9b988f.js';
-import { p as parsePossibleJSON } from './p-0e052642.js';
+import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-8764aea1.js';
-import { d as defineCustomElement$c } from './p-47c7860f.js';
-import { d as defineCustomElement$b } from './p-813c3b7e.js';
-import { d as defineCustomElement$a } from './p-e107da9a.js';
-import { d as defineCustomElement$9 } from './p-ea482c86.js';
-import { d as defineCustomElement$8 } from './p-91d87226.js';
-import { d as defineCustomElement$7 } from './p-0c1a8c61.js';
-import { d as defineCustomElement$6 } from './p-dbd3f1f5.js';
-import { d as defineCustomElement$5 } from './p-203ae2e7.js';
-import { d as defineCustomElement$4 } from './p-98e97672.js';
-import { d as defineCustomElement$3 } from './p-6c76ef5f.js';
-import { d as defineCustomElement$2 } from './p-02005902.js';
+import { d as defineCustomElement$c } from './p-bcc759f6.js';
+import { d as defineCustomElement$b } from './p-78c42188.js';
+import { d as defineCustomElement$a } from './p-4e2ad0e0.js';
+import { d as defineCustomElement$9 } from './p-8027f9ce.js';
+import { d as defineCustomElement$8 } from './p-5faf2571.js';
+import { d as defineCustomElement$7 } from './p-41222b8d.js';
+import { d as defineCustomElement$6 } from './p-4c7eab86.js';
+import { d as defineCustomElement$5 } from './p-6ded6ab0.js';
+import { d as defineCustomElement$4 } from './p-2f3cb54b.js';
+import { d as defineCustomElement$3 } from './p-13259f25.js';
+import { d as defineCustomElement$2 } from './p-f58dfec6.js';
 
 const DuetComboBoxSelect = ({ item, active, selected, label = undefined, clickHandler = e => {
     e.preventDefault();
 }, keyHandler = e => {
     e.preventDefault();
 }, search, isAndroidDevice, }) => {
-    const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "i") : undefined;
+    const searchTerms = search
+        .split(" ")
+        .filter(term => !!term.trim())
+        .map(term => regexEscape(term));
+    const regEx = search !== "" ? new RegExp(`(${searchTerms.join("|")})`, "i") : undefined;
     return (h("li", { class: {
             "list-item": true,
             option: true,

package/lib/dist-custom-elements/duet-contact-card.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-7915de0a.js';
-import { d as defineCustomElement$8 } from './p-47c7860f.js';
-import { d as defineCustomElement$7 } from './p-fb0d43f7.js';
-import { d as defineCustomElement$6 } from './p-ea482c86.js';
-import { d as defineCustomElement$5 } from './p-5a3e8d37.js';
-import { d as defineCustomElement$4 } from './p-2686d381.js';
-import { d as defineCustomElement$3 } from './p-dbd3f1f5.js';
-import { d as defineCustomElement$2 } from './p-02005902.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
+import { d as defineCustomElement$8 } from './p-bcc759f6.js';
+import { d as defineCustomElement$7 } from './p-fa97c257.js';
+import { d as defineCustomElement$6 } from './p-8027f9ce.js';
+import { d as defineCustomElement$5 } from './p-0f98be73.js';
+import { d as defineCustomElement$4 } from './p-33a40488.js';
+import { d as defineCustomElement$3 } from './p-4c7eab86.js';
+import { d as defineCustomElement$2 } from './p-f58dfec6.js';
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
 const DuetContactCardStyle0 = duetContactCardCss;