@kong/kongponents 9.64.0 → 9.64.1

package/dist/kongponents282.es.js

@@ -1,182 +1,123 @@
-import { defineComponent as D, ref as u, computed as L, watch as T, onMounted as $, onBeforeMount as H, openBlock as c, createElementBlock as h, createVNode as o, withCtx as r, unref as f, createBlock as g, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as w, Fragment as E, renderList as P, createTextVNode as C, toDisplayString as z, nextTick as U } from "vue";
-import { debounce as A } from "./kongponents178.es.js";
-import J from "./kongponents193.es.js";
-import R from "./kongponents189.es.js";
-import F from "./kongponents289.es.js";
-import p from "./kongponents38.es.js";
-import O from "./kongponents42.es.js";
-import j from "./kongponents49.es.js";
-import q from "./kongponents50.es.js";
-import G from "./kongponents55.es.js";
-import Q from "./kongponents30.es.js";
-/* empty css                 */
-import W from "./kongponents57.es.js";
-const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ D({
-  __name: "ColumnVisibilityMenu",
+import { defineComponent as h, computed as d, openBlock as u, createBlock as C, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents279.es.js";
+const $ = ["aria-hidden"], p = '<path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"/>', k = /* @__PURE__ */ h({
+  __name: "TableColumnsIcon",
   props: {
-    columns: {},
-    tableId: {},
-    visibilityPreferences: {},
-    disabled: { type: Boolean }
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
   },
-  emits: ["update"],
-  setup(a, { emit: V }) {
-    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
-      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
-    }, I = A((e) => {
-      i.value = e, n.value && m(n.value);
-    }, 500), k = L(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
-      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
-    }, M = (e) => {
-      y.value = e, e && n.value && U(() => {
-        n.value && m(n.value);
-      }), !e && d.value && b(), e || (i.value = "");
-    }, m = (e) => {
-      if (!(e.scrollHeight > e.clientHeight)) {
-        e.classList.remove("is-bottom-overflowing");
-        return;
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
-      e.classList.toggle("is-bottom-overflowing", !l);
-    };
-    return T(() => a.visibilityPreferences, () => {
-      b();
-    }, { immediate: !0 }), $(() => {
-      n.value && (n.value.addEventListener("scroll", (e) => {
-        const t = e.currentTarget;
-        m(t);
-      }), m(n.value));
-    }), H(() => {
-      b();
-    }), (e, t) => (c(), h("div", X, [
-      o(j, {
-        "data-testid": "table-column-visibility-menu",
-        disabled: a.disabled,
-        "kpop-attributes": { placement: "bottom-end" },
-        onToggleDropdown: M
-      }, {
-        items: r(() => [
-          i.value || k.value.length > 5 ? (c(), g(G, {
-            key: 0,
-            modelValue: i.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
-            modelModifiers: { trim: !0 },
-            autocapitalize: "off",
-            autocomplete: "off",
-            autocorrect: "off",
-            class: "search-input",
-            "data-testid": "search-input",
-            name: "column-search",
-            placeholder: "Search columns",
-            spellcheck: "false",
-            type: "search",
-            onClick: t[2] || (t[2] = v(() => {
-            }, ["stop"])),
-            onInput: f(I)
-          }, K({
-            before: r(() => [
-              o(f(R), { decorative: "" })
-            ]),
-            _: 2
-          }, [
-            i.value ? {
-              name: "after",
-              fn: r(() => [
-                o(p, {
-                  appearance: "tertiary",
-                  "aria-label": "Clear search",
-                  class: "clear-search",
-                  "data-testid": "clear-search-button",
-                  icon: "",
-                  size: "small",
-                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
-                }, {
-                  default: r(() => [
-                    o(f(J), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
-          w("div", {
-            ref_key: "menuItemsRef",
-            ref: n,
-            class: "menu-items-wrapper"
-          }, [
-            (c(!0), h(E, null, P(k.value, (l) => (c(), g(q, {
-              key: l.key,
-              class: "column-visibility-menu-item",
-              "data-testid": `column-visibility-menu-item-${l.key}`,
-              onClick: v(() => {
-                s.value[l.key] = !s.value[l.key], d.value = !0;
-              }, ["stop"])
-            }, {
-              default: r(() => [
-                o(O, {
-                  modelValue: s.value[l.key],
-                  "onUpdate:modelValue": (B) => s.value[l.key] = B,
-                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  "data-testid": `column-visibility-checkbox-${l.key}`
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
-                o(W, {
-                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  class: "visibility-checkbox-label",
-                  title: l.label
-                }, {
-                  default: r(() => [
-                    C(z(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "title"])
-              ]),
-              _: 2
-            }, 1032, ["data-testid", "onClick"]))), 128))
-          ], 512),
-          w("div", Y, [
-            o(p, {
-              appearance: "tertiary",
-              class: "apply-button",
-              "data-testid": "apply-button",
-              onClick: S
-            }, {
-              default: r(() => [...t[3] || (t[3] = [
-                C(" Apply ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        default: r(() => [
-          o(Q, {
-            placement: "bottom-end",
-            text: y.value ? void 0 : "Show/Hide Columns"
-          }, {
-            default: r(() => [
-              o(p, {
-                appearance: "tertiary",
-                "aria-label": "Show/Hide Columns",
-                class: "menu-button",
-                "data-testid": "column-visibility-menu-button",
-                disabled: a.disabled,
-                icon: "",
-                size: "large"
-              }, {
-                default: r(() => [
-                  o(f(F), { decorative: "" })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]));
+      return c;
+    }), f = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: o.value,
+      lineHeight: "0",
+      width: o.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, b = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, a) => {
+        const s = `${b}-${a}`;
+        return i[a] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => i[a] ? `#${i[a]}` : l);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), C(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon table-columns-icon",
+      "data-testid": "kui-icon-wrapper-table-columns-icon",
+      style: S(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (u(), N("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-table-columns-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, $))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  me as default
+  k as default
 };

package/dist/kongponents283.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents226.cjs"),u=require("./kongponents227.cjs"),n=require("./kongponents38.cjs"),l={class:"pagination-offset-button-container"},d=e.defineComponent({__name:"PaginationOffset",props:{previousButtonDisabled:{type:Boolean,default:!1},nextButtonDisabled:{type:Boolean,default:!1}},emits:["getPreviousOffset","getNextOffset"],setup(o,{emit:i}){const a=i;return(f,t)=>(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(n.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button","data-testid":"previous-button",disabled:o.previousButtonDisabled,icon:"",size:"small",type:"button",onClick:t[0]||(t[0]=e.withModifiers(s=>a("getPreviousOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{decorative:""})]),_:1},8,["disabled"]),e.createVNode(n.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button","data-testid":"next-button",disabled:o.nextButtonDisabled,icon:"",size:"small",type:"button",onClick:t[1]||(t[1]=e.withModifiers(s=>a("getNextOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{decorative:""})]),_:1},8,["disabled"])]))}});exports.default=d;

package/dist/kongponents283.es.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, openBlock as p, createElementBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
+import b from "./kongponents226.es.js";
+import m from "./kongponents227.es.js";
+import r from "./kongponents38.es.js";
+const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
+  __name: "PaginationOffset",
+  props: {
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (p(), u("div", c, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(b), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(m), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
+export {
+  O as default
+};

package/dist/kongponents285.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents286.cjs"),b=["aria-hidden"],c='<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>',h=r.defineComponent({__name:"AddIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return i[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon add-icon","data-testid":"kui-icon-wrapper-add-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-add-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./kongponents374.cjs");function G(n,a){(a==null||a>n.length)&&(a=n.length);for(var i=0,u=Array(a);i<a;i++)u[i]=n[i];return u}function re(n){if(Array.isArray(n))return G(n)}function J(n,a){var i=typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"];if(!i){if(Array.isArray(n)||(i=U(n))||a){i&&(n=i);var u=0,y=function(){};return{s:y,n:function(){return u>=n.length?{done:!0}:{done:!1,value:n[u++]}},e:function(h){throw h},f:y}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var d,r=!0,m=!1;return{s:function(){i=i.call(n)},n:function(){var h=i.next();return r=h.done,h},e:function(h){m=!0,d=h},f:function(){try{r||i.return==null||i.return()}finally{if(m)throw d}}}}function ne(n,a,i){return(a=ce(a))in n?Object.defineProperty(n,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[a]=i,n}function ie(n){if(typeof Symbol<"u"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}function oe(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Q(n,a){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(n);a&&(u=u.filter(function(y){return Object.getOwnPropertyDescriptor(n,y).enumerable})),i.push.apply(i,u)}return i}function X(n){for(var a=1;a<arguments.length;a++){var i=arguments[a]!=null?arguments[a]:{};a%2?Q(Object(i),!0).forEach(function(u){ne(n,u,i[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Q(Object(i)).forEach(function(u){Object.defineProperty(n,u,Object.getOwnPropertyDescriptor(i,u))})}return n}function ue(n){return re(n)||ie(n)||U(n)||oe()}function se(n,a){if(typeof n!="object"||!n)return n;var i=n[Symbol.toPrimitive];if(i!==void 0){var u=i.call(n,a);if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(n)}function ce(n){var a=se(n,"string");return typeof a=="symbol"?a:a+""}function U(n,a){if(n){if(typeof n=="string")return G(n,a);var i={}.toString.call(n).slice(8,-1);return i==="Object"&&n.constructor&&(i=n.constructor.name),i==="Map"||i==="Set"?Array.from(n):i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?G(n,a):void 0}}var N={getActiveTrap:function(a){return a?.length>0?a[a.length-1]:null},activateTrap:function(a,i){var u=N.getActiveTrap(a);i!==u&&N.pauseTrap(a);var y=a.indexOf(i);y===-1||a.splice(y,1),a.push(i)},deactivateTrap:function(a,i){var u=a.indexOf(i);u!==-1&&a.splice(u,1),N.unpauseTrap(a)},pauseTrap:function(a){var i=N.getActiveTrap(a);i?._setPausedState(!0)},unpauseTrap:function(a){var i=N.getActiveTrap(a);i&&!i._isManuallyPaused()&&i._setPausedState(!1)}},le=function(a){return a.tagName&&a.tagName.toLowerCase()==="input"&&typeof a.select=="function"},de=function(a){return a?.key==="Escape"||a?.key==="Esc"||a?.keyCode===27},j=function(a){return a?.key==="Tab"||a?.keyCode===9},fe=function(a){return j(a)&&!a.shiftKey},ve=function(a){return j(a)&&a.shiftKey},Z=function(a){return setTimeout(a,0)},R=function(a){for(var i=arguments.length,u=new Array(i>1?i-1:0),y=1;y<i;y++)u[y-1]=arguments[y];return typeof a=="function"?a.apply(void 0,u):a},L=function(a){return a.target.shadowRoot&&typeof a.composedPath=="function"?a.composedPath()[0]:a.target},be=[],pe=function(a,i){var u=i?.document||document,y=i?.trapStack||be,d=X({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isolateSubtrees:!1,isKeyForward:fe,isKeyBackward:ve},i),r={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},m,h=function(e,t,o){return e&&e[t]!==void 0?e[t]:d[o||t]},A=function(e,t){var o=typeof t?.composedPath=="function"?t.composedPath():void 0;return r.containerGroups.findIndex(function(l){var c=l.container,f=l.tabbableNodes;return c.contains(e)||o?.includes(c)||f.find(function(s){return s===e})})},P=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},o=t.hasFallback,l=o===void 0?!1:o,c=t.params,f=c===void 0?[]:c,s=d[e];if(typeof s=="function"&&(s=s.apply(void 0,ue(f))),s===!0&&(s=void 0),!s){if(s===void 0||s===!1)return s;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var v=s;if(typeof s=="string"){try{v=u.querySelector(s)}catch(b){throw new Error("`".concat(e,'` appears to be an invalid selector; error="').concat(b.message,'"'))}if(!v&&!l)throw new Error("`".concat(e,"` as selector refers to no known node"))}return v},D=function(){var e=P("initialFocus",{hasFallback:!0});if(e===!1)return!1;if(e===void 0||e&&!g.isFocusable(e,d.tabbableOptions))if(A(u.activeElement)>=0)e=u.activeElement;else{var t=r.tabbableGroups[0],o=t&&t.firstTabbableNode;e=o||P("fallbackFocus")}else e===null&&(e=P("fallbackFocus"));if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},I=function(){if(r.containerGroups=r.containers.map(function(e){var t=g.tabbable(e,d.tabbableOptions),o=g.focusable(e,d.tabbableOptions),l=t.length>0?t[0]:void 0,c=t.length>0?t[t.length-1]:void 0,f=o.find(function(b){return g.isTabbable(b)}),s=o.slice().reverse().find(function(b){return g.isTabbable(b)}),v=!!t.find(function(b){return g.getTabIndex(b)>0});return{container:e,tabbableNodes:t,focusableNodes:o,posTabIndexesFound:v,firstTabbableNode:l,lastTabbableNode:c,firstDomTabbableNode:f,lastDomTabbableNode:s,nextTabbableNode:function(w){var F=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,T=t.indexOf(w);return T<0?F?o.slice(o.indexOf(w)+1).find(function(S){return g.isTabbable(S)}):o.slice(0,o.indexOf(w)).reverse().find(function(S){return g.isTabbable(S)}):t[T+(F?1:-1)]}}}),r.tabbableGroups=r.containerGroups.filter(function(e){return e.tabbableNodes.length>0}),r.tabbableGroups.length<=0&&!P("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(r.containerGroups.find(function(e){return e.posTabIndexesFound})&&r.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},C=function(e){var t=e.activeElement;if(t)return t.shadowRoot&&t.shadowRoot.activeElement!==null?C(t.shadowRoot):t},E=function(e){if(e!==!1&&e!==C(document)){if(!e||!e.focus){E(D());return}e.focus({preventScroll:!!d.preventScroll}),r.mostRecentlyFocusedNode=e,le(e)&&e.select()}},M=function(e){var t=P("setReturnFocus",{params:[e]});return t||(t===!1?!1:e)},H=function(e){var t=e.target,o=e.event,l=e.isBackward,c=l===void 0?!1:l;t=t||L(o),I();var f=null;if(r.tabbableGroups.length>0){var s=A(t,o),v=s>=0?r.containerGroups[s]:void 0;if(s<0)c?f=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode:f=r.tabbableGroups[0].firstTabbableNode;else if(c){var b=r.tabbableGroups.findIndex(function(_){var x=_.firstTabbableNode;return t===x});if(b<0&&(v.container===t||g.isFocusable(t,d.tabbableOptions)&&!g.isTabbable(t,d.tabbableOptions)&&!v.nextTabbableNode(t,!1))&&(b=s),b>=0){var w=b===0?r.tabbableGroups.length-1:b-1,F=r.tabbableGroups[w];f=g.getTabIndex(t)>=0?F.lastTabbableNode:F.lastDomTabbableNode}else j(o)||(f=v.nextTabbableNode(t,!1))}else{var T=r.tabbableGroups.findIndex(function(_){var x=_.lastTabbableNode;return t===x});if(T<0&&(v.container===t||g.isFocusable(t,d.tabbableOptions)&&!g.isTabbable(t,d.tabbableOptions)&&!v.nextTabbableNode(t))&&(T=s),T>=0){var S=T===r.tabbableGroups.length-1?0:T+1,k=r.tabbableGroups[S];f=g.getTabIndex(t)>=0?k.firstTabbableNode:k.firstDomTabbableNode}else j(o)||(f=v.nextTabbableNode(t))}}else f=P("fallbackFocus");return f},K=function(e){var t=L(e);if(!(A(t,e)>=0)){if(R(d.clickOutsideDeactivates,e)){m.deactivate({returnFocus:d.returnFocusOnDeactivate});return}R(d.allowOutsideClick,e)||e.preventDefault()}},q=function(e){var t=L(e),o=A(t,e)>=0;if(o||t instanceof Document)o&&(r.mostRecentlyFocusedNode=t);else{e.stopImmediatePropagation();var l,c=!0;if(r.mostRecentlyFocusedNode)if(g.getTabIndex(r.mostRecentlyFocusedNode)>0){var f=A(r.mostRecentlyFocusedNode),s=r.containerGroups[f].tabbableNodes;if(s.length>0){var v=s.findIndex(function(b){return b===r.mostRecentlyFocusedNode});v>=0&&(d.isKeyForward(r.recentNavEvent)?v+1<s.length&&(l=s[v+1],c=!1):v-1>=0&&(l=s[v-1],c=!1))}}else r.containerGroups.some(function(b){return b.tabbableNodes.some(function(w){return g.getTabIndex(w)>0})})||(c=!1);else c=!1;c&&(l=H({target:r.mostRecentlyFocusedNode,isBackward:d.isKeyBackward(r.recentNavEvent)})),E(l||r.mostRecentlyFocusedNode||D())}r.recentNavEvent=void 0},ee=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;r.recentNavEvent=e;var o=H({event:e,isBackward:t});o&&(j(e)&&e.preventDefault(),E(o))},Y=function(e){(d.isKeyForward(e)||d.isKeyBackward(e))&&ee(e,d.isKeyBackward(e))},V=function(e){de(e)&&R(d.escapeDeactivates,e)!==!1&&(e.preventDefault(),m.deactivate())},W=function(e){var t=L(e);A(t,e)>=0||R(d.clickOutsideDeactivates,e)||R(d.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},$=function(){if(r.active)return N.activateTrap(y,m),r.delayInitialFocusTimer=d.delayInitialFocus?Z(function(){E(D())}):E(D()),u.addEventListener("focusin",q,!0),u.addEventListener("mousedown",K,{capture:!0,passive:!1}),u.addEventListener("touchstart",K,{capture:!0,passive:!1}),u.addEventListener("click",W,{capture:!0,passive:!1}),u.addEventListener("keydown",Y,{capture:!0,passive:!1}),u.addEventListener("keydown",V),m},te=function(e){r.active&&!r.paused&&m._setSubtreeIsolation(!1),r.adjacentElements.clear(),r.alreadySilent.clear();var t=new Set,o=new Set,l=J(e),c;try{for(l.s();!(c=l.n()).done;){var f=c.value;t.add(f);for(var s=typeof ShadowRoot<"u"&&f.getRootNode()instanceof ShadowRoot,v=f;v;){t.add(v);var b=v.parentElement,w=[];b?w=b.children:!b&&s&&(w=v.getRootNode().children,b=v.getRootNode().host,s=typeof ShadowRoot<"u"&&b.getRootNode()instanceof ShadowRoot);var F=J(w),T;try{for(F.s();!(T=F.n()).done;){var S=T.value;o.add(S)}}catch(k){F.e(k)}finally{F.f()}v=b}}}catch(k){l.e(k)}finally{l.f()}t.forEach(function(k){o.delete(k)}),r.adjacentElements=o},z=function(){if(r.active)return u.removeEventListener("focusin",q,!0),u.removeEventListener("mousedown",K,!0),u.removeEventListener("touchstart",K,!0),u.removeEventListener("click",W,!0),u.removeEventListener("keydown",Y,!0),u.removeEventListener("keydown",V),m},ae=function(e){var t=e.some(function(o){var l=Array.from(o.removedNodes);return l.some(function(c){return c===r.mostRecentlyFocusedNode})});t&&E(D())},B=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(ae):void 0,O=function(){B&&(B.disconnect(),r.active&&!r.paused&&r.containers.map(function(e){B.observe(e,{subtree:!0,childList:!0})}))};return m={get active(){return r.active},get paused(){return r.paused},activate:function(e){if(r.active)return this;var t=h(e,"onActivate"),o=h(e,"onPostActivate"),l=h(e,"checkCanFocusTrap"),c=N.getActiveTrap(y),f=!1;if(c&&!c.paused){var s;(s=c._setSubtreeIsolation)===null||s===void 0||s.call(c,!1),f=!0}try{l||I(),r.active=!0,r.paused=!1,r.nodeFocusedBeforeActivation=C(u),t?.();var v=function(){l&&I(),$(),O(),d.isolateSubtrees&&m._setSubtreeIsolation(!0),o?.()};if(l)return l(r.containers.concat()).then(v,v),this;v()}catch(w){if(c===N.getActiveTrap(y)&&f){var b;(b=c._setSubtreeIsolation)===null||b===void 0||b.call(c,!0)}throw w}return this},deactivate:function(e){if(!r.active)return this;var t=X({onDeactivate:d.onDeactivate,onPostDeactivate:d.onPostDeactivate,checkCanReturnFocus:d.checkCanReturnFocus},e);clearTimeout(r.delayInitialFocusTimer),r.delayInitialFocusTimer=void 0,r.paused||m._setSubtreeIsolation(!1),r.alreadySilent.clear(),z(),r.active=!1,r.paused=!1,O(),N.deactivateTrap(y,m);var o=h(t,"onDeactivate"),l=h(t,"onPostDeactivate"),c=h(t,"checkCanReturnFocus"),f=h(t,"returnFocus","returnFocusOnDeactivate");o?.();var s=function(){Z(function(){f&&E(M(r.nodeFocusedBeforeActivation)),l?.()})};return f&&c?(c(M(r.nodeFocusedBeforeActivation)).then(s,s),this):(s(),this)},pause:function(e){return r.active?(r.manuallyPaused=!0,this._setPausedState(!0,e)):this},unpause:function(e){return r.active?(r.manuallyPaused=!1,y[y.length-1]!==this?this:this._setPausedState(!1,e)):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return r.containers=t.map(function(o){return typeof o=="string"?u.querySelector(o):o}),d.isolateSubtrees&&te(r.containers),r.active&&(I(),d.isolateSubtrees&&!r.paused&&m._setSubtreeIsolation(!0)),O(),this}},Object.defineProperties(m,{_isManuallyPaused:{value:function(){return r.manuallyPaused}},_setPausedState:{value:function(e,t){if(r.paused===e)return this;if(r.paused=e,e){var o=h(t,"onPause"),l=h(t,"onPostPause");o?.(),z(),O(),m._setSubtreeIsolation(!1),l?.()}else{var c=h(t,"onUnpause"),f=h(t,"onPostUnpause");c?.(),m._setSubtreeIsolation(!0),I(),$(),O(),f?.()}return this}},_setSubtreeIsolation:{value:function(e){d.isolateSubtrees&&r.adjacentElements.forEach(function(t){var o;e?d.isolateSubtrees==="aria-hidden"?((t.ariaHidden==="true"||((o=t.getAttribute("aria-hidden"))===null||o===void 0?void 0:o.toLowerCase())==="true")&&r.alreadySilent.add(t),t.setAttribute("aria-hidden","true")):((t.inert||t.hasAttribute("inert"))&&r.alreadySilent.add(t),t.setAttribute("inert",!0)):r.alreadySilent.has(t)||(d.isolateSubtrees==="aria-hidden"?t.removeAttribute("aria-hidden"):t.removeAttribute("inert"))})}}}),m.updateContainerElements(a),m};exports.createFocusTrap=pe;