From 185c2b14be5b00e3abe522576965f1f9c293e010 Mon Sep 17 00:00:00 2001
From: Ian McBurnie <38065+ianmcburnie@users.noreply.github.com>
Date: Fri, 20 Dec 2024 10:49:00 -0800
Subject: [PATCH] chore: regenerate all dist files
---
.../makeup-active-descendant/index.min.js | 14 ++++-----
.../makeup-active-descendant/index.min.js.map | 2 +-
docs/core/makeup-exit-emitter/index.min.js | 4 +--
.../core/makeup-exit-emitter/index.min.js.map | 2 +-
docs/core/makeup-expander/index.min.js | 8 ++---
docs/core/makeup-expander/index.min.js.map | 2 +-
docs/core/makeup-focusables/index.min.js | 2 +-
docs/core/makeup-focusables/index.min.js.map | 2 +-
docs/core/makeup-key-emitter/index.min.js | 12 ++++----
docs/core/makeup-key-emitter/index.min.js.map | 2 +-
.../makeup-navigation-emitter/index.min.js | 12 ++++----
.../index.min.js.map | 2 +-
docs/core/makeup-next-id/index.min.js | 8 ++---
docs/core/makeup-next-id/index.min.js.map | 2 +-
docs/core/makeup-roving-tabindex/index.min.js | 14 ++++-----
.../makeup-roving-tabindex/index.min.js.map | 2 +-
docs/ui/makeup-alert-dialog/index.css | 1 +
docs/ui/makeup-alert-dialog/index.css.map | 2 +-
docs/ui/makeup-alert-dialog/index.min.js | 10 +++----
docs/ui/makeup-alert-dialog/index.min.js.map | 2 +-
docs/ui/makeup-combobox/index.css | 1 +
docs/ui/makeup-combobox/index.css.map | 2 +-
docs/ui/makeup-combobox/index.min.js | 16 +++++-----
docs/ui/makeup-combobox/index.min.js.map | 2 +-
docs/ui/makeup-confirm-dialog/index.css | 1 +
docs/ui/makeup-confirm-dialog/index.css.map | 2 +-
docs/ui/makeup-confirm-dialog/index.min.js | 10 +++----
.../ui/makeup-confirm-dialog/index.min.js.map | 2 +-
docs/ui/makeup-dialog-button/index.css | 29 +++++++++++++++++++
docs/ui/makeup-dialog-button/index.css.map | 2 +-
docs/ui/makeup-dialog-button/index.min.js | 10 +++----
docs/ui/makeup-dialog-button/index.min.js.map | 2 +-
docs/ui/makeup-drawer-dialog/index.css | 1 +
docs/ui/makeup-drawer-dialog/index.css.map | 2 +-
docs/ui/makeup-drawer-dialog/index.min.js | 10 +++----
docs/ui/makeup-drawer-dialog/index.min.js.map | 2 +-
docs/ui/makeup-floating-label/index.min.js | 2 +-
.../ui/makeup-floating-label/index.min.js.map | 2 +-
docs/ui/makeup-fullscreen-dialog/index.css | 1 +
.../ui/makeup-fullscreen-dialog/index.css.map | 2 +-
docs/ui/makeup-fullscreen-dialog/index.min.js | 10 +++----
.../makeup-fullscreen-dialog/index.min.js.map | 2 +-
docs/ui/makeup-input-dialog/index.css | 1 +
docs/ui/makeup-input-dialog/index.css.map | 2 +-
docs/ui/makeup-input-dialog/index.min.js | 10 +++----
docs/ui/makeup-input-dialog/index.min.js.map | 2 +-
docs/ui/makeup-lightbox-dialog/index.css | 1 +
docs/ui/makeup-lightbox-dialog/index.css.map | 2 +-
docs/ui/makeup-lightbox-dialog/index.min.js | 10 +++----
.../makeup-lightbox-dialog/index.min.js.map | 2 +-
docs/ui/makeup-listbox-button/index.css | 29 +++++++++++++++++++
docs/ui/makeup-listbox-button/index.css.map | 2 +-
docs/ui/makeup-listbox-button/index.min.js | 22 +++++++-------
.../ui/makeup-listbox-button/index.min.js.map | 2 +-
docs/ui/makeup-listbox/index.css | 29 +++++++++++++++++++
docs/ui/makeup-listbox/index.css.map | 2 +-
docs/ui/makeup-listbox/index.min.js | 12 ++++----
docs/ui/makeup-listbox/index.min.js.map | 2 +-
docs/ui/makeup-menu-button/index.css | 1 +
docs/ui/makeup-menu-button/index.css.map | 2 +-
docs/ui/makeup-menu-button/index.min.js | 26 ++++++++---------
docs/ui/makeup-menu-button/index.min.js.map | 2 +-
docs/ui/makeup-menu/index.css | 1 +
docs/ui/makeup-menu/index.css.map | 2 +-
docs/ui/makeup-menu/index.min.js | 14 ++++-----
docs/ui/makeup-menu/index.min.js.map | 2 +-
docs/ui/makeup-panel-dialog/index.css | 1 +
docs/ui/makeup-panel-dialog/index.css.map | 2 +-
docs/ui/makeup-panel-dialog/index.min.js | 10 +++----
docs/ui/makeup-panel-dialog/index.min.js.map | 2 +-
docs/ui/makeup-snackbar-dialog/index.css | 29 +++++++++++++++++++
docs/ui/makeup-snackbar-dialog/index.css.map | 2 +-
docs/ui/makeup-snackbar-dialog/index.min.js | 10 +++----
.../makeup-snackbar-dialog/index.min.js.map | 2 +-
docs/ui/makeup-switch/index.css | 1 +
docs/ui/makeup-switch/index.css.map | 2 +-
docs/ui/makeup-switch/index.min.js | 4 +--
docs/ui/makeup-switch/index.min.js.map | 2 +-
docs/ui/makeup-toast-dialog/index.css | 1 +
docs/ui/makeup-toast-dialog/index.css.map | 2 +-
docs/ui/makeup-toast-dialog/index.min.js | 10 +++----
docs/ui/makeup-toast-dialog/index.min.js.map | 2 +-
.../core/makeup-expander/dist/cjs/index.js | 4 +--
.../core/makeup-expander/dist/mjs/index.js | 4 +--
.../core/makeup-focusables/dist/mjs/index.js | 4 +--
.../core/makeup-key-emitter/dist/cjs/index.js | 4 +--
.../dist/cjs/index.js | 2 +-
.../core/makeup-next-id/dist/cjs/index.js | 4 +--
.../core/makeup-next-id/dist/mjs/index.js | 4 +--
.../core/makeup-typeahead/dist/mjs/index.js | 4 +--
.../ui/makeup-alert-dialog/dist/mjs/index.js | 4 +--
packages/ui/makeup-combobox/dist/mjs/index.js | 4 +--
.../makeup-confirm-dialog/dist/mjs/index.js | 4 +--
.../ui/makeup-dialog-button/dist/mjs/index.js | 4 +--
packages/ui/makeup-dialog/dist/cjs/index.js | 8 ++---
packages/ui/makeup-dialog/dist/mjs/index.js | 4 +--
.../ui/makeup-drawer-dialog/dist/mjs/index.js | 4 +--
.../makeup-floating-label/dist/cjs/index.js | 2 +-
.../makeup-floating-label/dist/mjs/index.js | 4 +--
.../dist/mjs/index.js | 4 +--
.../ui/makeup-input-dialog/dist/mjs/index.js | 4 +--
.../makeup-lightbox-dialog/dist/mjs/index.js | 4 +--
.../makeup-listbox-button/dist/cjs/index.js | 6 ++--
.../makeup-listbox-button/dist/mjs/index.js | 4 +--
packages/ui/makeup-listbox/dist/mjs/index.js | 4 +--
.../ui/makeup-menu-button/dist/cjs/index.js | 8 ++---
.../ui/makeup-menu-button/dist/mjs/index.js | 4 +--
packages/ui/makeup-menu/dist/cjs/index.js | 2 +-
packages/ui/makeup-menu/dist/mjs/index.js | 4 +--
.../ui/makeup-panel-dialog/dist/mjs/index.js | 4 +--
.../makeup-snackbar-dialog/dist/mjs/index.js | 4 +--
packages/ui/makeup-switch/dist/cjs/index.js | 2 +-
packages/ui/makeup-switch/dist/mjs/index.js | 4 +--
packages/ui/makeup-tabs/dist/cjs/index.js | 8 ++---
packages/ui/makeup-tabs/dist/mjs/index.js | 4 +--
.../ui/makeup-toast-dialog/dist/mjs/index.js | 4 +--
116 files changed, 375 insertions(+), 247 deletions(-)
diff --git a/docs/core/makeup-active-descendant/index.min.js b/docs/core/makeup-active-descendant/index.min.js
index 9d5ed13f..cf6515e9 100644
--- a/docs/core/makeup-active-descendant/index.min.js
+++ b/docs/core/makeup-active-descendant/index.min.js
@@ -295,13 +295,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -594,7 +594,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -753,12 +753,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -818,7 +818,7 @@ prepend.addEventListener("click", function () {
const newListItem = document.createElement("li");
newListItem.setAttribute("role", "option");
const numListItems = parseInt(list.querySelectorAll("li").length, 10);
- newListItem.innerText = `Item ${numListItems + 1}`;
+ newListItem.innerText = "Item ".concat(numListItems + 1);
list.insertBefore(newListItem, list.children[0]);
});
});
@@ -828,7 +828,7 @@ append.addEventListener("click", function () {
const newListItem = document.createElement("li");
newListItem.setAttribute("role", "option");
const numListItems = parseInt(list.querySelectorAll("li").length, 10);
- newListItem.innerText = `Item ${numListItems + 1}`;
+ newListItem.innerText = "Item ".concat(numListItems + 1);
list.appendChild(newListItem);
});
});
diff --git a/docs/core/makeup-active-descendant/index.min.js.map b/docs/core/makeup-active-descendant/index.min.js.map
index c1c371ab..2a18a8ed 100644
--- a/docs/core/makeup-active-descendant/index.min.js.map
+++ b/docs/core/makeup-active-descendant/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-active-descendant/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,GAA2B;AACnF,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,+CAA+C,mBAAO,CAAC,GAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,iBAAiB;AACrD;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,iBAAiB;AACrD;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-active-descendant/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const ActiveDescendant = require('makeup-active-descendant');\n\n// IMPORT\n\nconst navs = [];\nconst append = document.getElementById(\"append\");\nconst prepend = document.getElementById(\"prepend\");\nconst removeFirst = document.getElementById(\"removeFirst\");\nconst removeLast = document.getElementById(\"removeLast\");\nconst widgetEls = document.querySelectorAll(\".widget\");\nconst wrapCheckbox = document.getElementById(\"wrap\");\nconst log = e => console.log(e.type, e.detail);\nprepend.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const newListItem = document.createElement(\"li\");\n newListItem.setAttribute(\"role\", \"option\");\n const numListItems = parseInt(list.querySelectorAll(\"li\").length, 10);\n newListItem.innerText = `Item ${numListItems + 1}`;\n list.insertBefore(newListItem, list.children[0]);\n });\n});\nappend.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const newListItem = document.createElement(\"li\");\n newListItem.setAttribute(\"role\", \"option\");\n const numListItems = parseInt(list.querySelectorAll(\"li\").length, 10);\n newListItem.innerText = `Item ${numListItems + 1}`;\n list.appendChild(newListItem);\n });\n});\nremoveFirst.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const node = list.firstElementChild;\n list.removeChild(node);\n });\n});\nremoveLast.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const node = list.lastElementChild;\n list.removeChild(node);\n });\n});\ndisableCurrent.addEventListener(\"click\", function () {\n navs.forEach(function (nav) {\n if (nav.currentItem) nav.currentItem.setAttribute(\"aria-disabled\", \"true\");\n });\n});\nwidgetEls.forEach(function (el) {\n el.addEventListener(\"activeDescendantInit\", log);\n el.addEventListener(\"activeDescendantChange\", log);\n el.addEventListener(\"activeDescendantReset\", log);\n el.addEventListener(\"activeDescendantMutation\", log);\n const widget = ActiveDescendant.createLinear(el, el.querySelector(\"input\") || el.querySelector(\"ul\"), el.querySelector(\"ul\"), \"li\", {\n nonEmittingElementSelector: 'input[type=\"button\"]'\n });\n navs.push(widget);\n});\nwrapCheckbox.addEventListener(\"change\", function (e) {\n navs.forEach(function (nav) {\n nav.wrap = e.target.checked;\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-active-descendant/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,GAA2B;AACnF,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,+CAA+C,mBAAO,CAAC,GAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-active-descendant/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const ActiveDescendant = require('makeup-active-descendant');\n\n// IMPORT\n\nconst navs = [];\nconst append = document.getElementById(\"append\");\nconst prepend = document.getElementById(\"prepend\");\nconst removeFirst = document.getElementById(\"removeFirst\");\nconst removeLast = document.getElementById(\"removeLast\");\nconst widgetEls = document.querySelectorAll(\".widget\");\nconst wrapCheckbox = document.getElementById(\"wrap\");\nconst log = e => console.log(e.type, e.detail);\nprepend.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const newListItem = document.createElement(\"li\");\n newListItem.setAttribute(\"role\", \"option\");\n const numListItems = parseInt(list.querySelectorAll(\"li\").length, 10);\n newListItem.innerText = \"Item \".concat(numListItems + 1);\n list.insertBefore(newListItem, list.children[0]);\n });\n});\nappend.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const newListItem = document.createElement(\"li\");\n newListItem.setAttribute(\"role\", \"option\");\n const numListItems = parseInt(list.querySelectorAll(\"li\").length, 10);\n newListItem.innerText = \"Item \".concat(numListItems + 1);\n list.appendChild(newListItem);\n });\n});\nremoveFirst.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const node = list.firstElementChild;\n list.removeChild(node);\n });\n});\nremoveLast.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const list = el.querySelector(\"ul\");\n const node = list.lastElementChild;\n list.removeChild(node);\n });\n});\ndisableCurrent.addEventListener(\"click\", function () {\n navs.forEach(function (nav) {\n if (nav.currentItem) nav.currentItem.setAttribute(\"aria-disabled\", \"true\");\n });\n});\nwidgetEls.forEach(function (el) {\n el.addEventListener(\"activeDescendantInit\", log);\n el.addEventListener(\"activeDescendantChange\", log);\n el.addEventListener(\"activeDescendantReset\", log);\n el.addEventListener(\"activeDescendantMutation\", log);\n const widget = ActiveDescendant.createLinear(el, el.querySelector(\"input\") || el.querySelector(\"ul\"), el.querySelector(\"ul\"), \"li\", {\n nonEmittingElementSelector: 'input[type=\"button\"]'\n });\n navs.push(widget);\n});\nwrapCheckbox.addEventListener(\"change\", function (e) {\n navs.forEach(function (nav) {\n nav.wrap = e.target.checked;\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-exit-emitter/index.min.js b/docs/core/makeup-exit-emitter/index.min.js
index d91707c9..be8b5db2 100644
--- a/docs/core/makeup-exit-emitter/index.min.js
+++ b/docs/core/makeup-exit-emitter/index.min.js
@@ -119,12 +119,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
diff --git a/docs/core/makeup-exit-emitter/index.min.js.map b/docs/core/makeup-exit-emitter/index.min.js.map
index b3745ac3..d115c525 100644
--- a/docs/core/makeup-exit-emitter/index.min.js.map
+++ b/docs/core/makeup-exit-emitter/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-exit-emitter/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-exit-emitter/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const ExitEmitter = require('makeup-exit-emitter');\n\n// IMPORT\n\ndocument.querySelectorAll(\".widget\").forEach(el => {\n ExitEmitter.addFocusExit(el);\n el.addEventListener(\"focusin\", function () {\n this.classList.add(\"focusin\");\n });\n el.addEventListener(\"focusExit\", function () {\n this.classList.remove(\"focusin\");\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-exit-emitter/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-exit-emitter/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const ExitEmitter = require('makeup-exit-emitter');\n\n// IMPORT\n\ndocument.querySelectorAll(\".widget\").forEach(el => {\n ExitEmitter.addFocusExit(el);\n el.addEventListener(\"focusin\", function () {\n this.classList.add(\"focusin\");\n });\n el.addEventListener(\"focusExit\", function () {\n this.classList.remove(\"focusin\");\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-expander/index.min.js b/docs/core/makeup-expander/index.min.js
index 91424e52..c460036d 100644
--- a/docs/core/makeup-expander/index.min.js
+++ b/docs/core/makeup-expander/index.min.js
@@ -182,7 +182,7 @@ function manageFocus(focusManagement, contentEl) {
var _focusables$2;
(_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();
} else if (focusManagement !== null) {
- const el = contentEl.querySelector(`#${focusManagement}`);
+ const el = contentEl.querySelector("#".concat(focusManagement));
if (el) {
el.focus();
}
@@ -212,7 +212,7 @@ class _default {
if (this.options.ariaControls === true) {
// ensure the widget has an id
(0, _makeupNextId.default)(this.el, "expander");
- this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;
+ this.contentEl.id = this.contentEl.id || "".concat(this.el.id, "-content");
this.hostEl.setAttribute("aria-controls", this.contentEl.id);
}
this.expandOnClick = this.options.expandOnClick;
@@ -433,12 +433,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
diff --git a/docs/core/makeup-expander/index.min.js.map b/docs/core/makeup-expander/index.min.js.map
index ac6d49e3..78a2e5ec 100644
--- a/docs/core/makeup-expander/index.min.js.map
+++ b/docs/core/makeup-expander/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-expander/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,GAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ,2CAA2C,gBAAgB;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,WAAW;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,6CAA6C,mBAAO,CAAC,GAAiB;AACtE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-expander/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(`#${focusManagement}`);\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Expander = require('makeup-expander').default;\n\n// IMPORT\n\nconst clickExpanderEls = document.querySelectorAll(\".expander--click-only\");\nconst focusExpanderEls = document.querySelectorAll(\".expander--focus-only\");\nconst hoverExpanderEls = document.querySelectorAll(\".expander--hover-only\");\nconst hoverAndFocusExpanderEls = document.querySelectorAll(\".expander--focus-and-hover\");\nconst stealthExpanderEls = document.querySelectorAll(\".expander--stealth-only\");\nconst clickAndSpacebarExpanderEls = document.querySelectorAll(\".expander--click-and-spacebar\");\nconst expanderWidgets = [];\nexpanderWidgets.push(new _makeupExpander.default(clickExpanderEls[0], {\n expandOnClick: true\n}));\nexpanderWidgets.push(new _makeupExpander.default(clickExpanderEls[1], {\n autoCollapse: true,\n expandOnClick: true\n}));\nfocusExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnFocus: true\n }));\n});\nhoverExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnHover: true\n }));\n});\nhoverAndFocusExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnFocus: true,\n expandOnHover: true\n }));\n});\nstealthExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n ollapseOnClickOut: true,\n collapseOnFocusOut: true,\n expandOnClick: true,\n focusManagement: \"focusable\"\n }));\n});\nclickAndSpacebarExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnClick: true,\n simulateSpacebarClick: true,\n expandedClass: \"expander__host-container--expanded\"\n }));\n});\nexpanderWidgets.forEach(function (item) {\n item.el.addEventListener(\"expander-expand\", function (e) {\n console.log(e);\n });\n item.el.addEventListener(\"expander-collapse\", function (e) {\n console.log(e);\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-expander/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,GAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,6CAA6C,mBAAO,CAAC,GAAiB;AACtE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-expander/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(\"#\".concat(focusManagement));\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || \"\".concat(this.el.id, \"-content\");\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Expander = require('makeup-expander').default;\n\n// IMPORT\n\nconst clickExpanderEls = document.querySelectorAll(\".expander--click-only\");\nconst focusExpanderEls = document.querySelectorAll(\".expander--focus-only\");\nconst hoverExpanderEls = document.querySelectorAll(\".expander--hover-only\");\nconst hoverAndFocusExpanderEls = document.querySelectorAll(\".expander--focus-and-hover\");\nconst stealthExpanderEls = document.querySelectorAll(\".expander--stealth-only\");\nconst clickAndSpacebarExpanderEls = document.querySelectorAll(\".expander--click-and-spacebar\");\nconst expanderWidgets = [];\nexpanderWidgets.push(new _makeupExpander.default(clickExpanderEls[0], {\n expandOnClick: true\n}));\nexpanderWidgets.push(new _makeupExpander.default(clickExpanderEls[1], {\n autoCollapse: true,\n expandOnClick: true\n}));\nfocusExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnFocus: true\n }));\n});\nhoverExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnHover: true\n }));\n});\nhoverAndFocusExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnFocus: true,\n expandOnHover: true\n }));\n});\nstealthExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n ollapseOnClickOut: true,\n collapseOnFocusOut: true,\n expandOnClick: true,\n focusManagement: \"focusable\"\n }));\n});\nclickAndSpacebarExpanderEls.forEach(function (el) {\n expanderWidgets.push(new _makeupExpander.default(el, {\n autoCollapse: true,\n expandOnClick: true,\n simulateSpacebarClick: true,\n expandedClass: \"expander__host-container--expanded\"\n }));\n});\nexpanderWidgets.forEach(function (item) {\n item.el.addEventListener(\"expander-expand\", function (e) {\n console.log(e);\n });\n item.el.addEventListener(\"expander-collapse\", function (e) {\n console.log(e);\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-focusables/index.min.js b/docs/core/makeup-focusables/index.min.js
index ff365577..fc6d2c73 100644
--- a/docs/core/makeup-focusables/index.min.js
+++ b/docs/core/makeup-focusables/index.min.js
@@ -91,7 +91,7 @@ const output = document.getElementById("output");
function onButtonClick(e) {
e.preventDefault();
const listItem = document.createElement("li");
- listItem.innerText = `Item ${listEl.childNodes.length}`;
+ listItem.innerText = "Item ".concat(listEl.childNodes.length);
if (e.target.id === "appender1") {
listItem.setAttribute("tabindex", "0");
} else if (e.target.id === "appender2") {
diff --git a/docs/core/makeup-focusables/index.min.js.map b/docs/core/makeup-focusables/index.min.js.map
index 05523c2b..6c7a0551 100644
--- a/docs/core/makeup-focusables/index.min.js.map
+++ b/docs/core/makeup-focusables/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-focusables/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;UCnCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,+CAA+C,mBAAO,CAAC,GAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,yBAAyB;AACxD;AACA;AACA,IAAI;AACJ;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mD","sources":["webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-focusables/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n//const focusables = require('makeup-focusables').default;\n\n// IMPORT\n\nconst listEl = document.getElementById(\"list\");\nconst appender1 = document.getElementById(\"appender1\");\nconst appender2 = document.getElementById(\"appender2\");\nconst appender3 = document.getElementById(\"appender3\");\nconst appender4 = document.getElementById(\"appender4\");\nconst output = document.getElementById(\"output\");\nfunction onButtonClick(e) {\n e.preventDefault();\n const listItem = document.createElement(\"li\");\n listItem.innerText = `Item ${listEl.childNodes.length}`;\n if (e.target.id === \"appender1\") {\n listItem.setAttribute(\"tabindex\", \"0\");\n } else if (e.target.id === \"appender2\") {\n listItem.setAttribute(\"tabindex\", \"-1\");\n } else if (e.target.id === \"appender3\") {\n listItem.setAttribute(\"tabindex\", \"0\");\n listItem.setAttribute(\"hidden\", \"hidden\");\n } else {\n const listItemChild = document.createElement(\"button\");\n listItem.setAttribute(\"hidden\", \"hidden\");\n listItem.appendChild(listItemChild);\n }\n listEl.appendChild(listItem);\n const focusableEls = (0, _makeupFocusables.default)(listEl);\n output.innerText = focusableEls.length;\n}\nappender1.addEventListener(\"click\", onButtonClick);\nappender2.addEventListener(\"click\", onButtonClick);\nappender3.addEventListener(\"click\", onButtonClick);\nappender4.addEventListener(\"click\", onButtonClick);"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-focusables/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;UCnCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,+CAA+C,mBAAO,CAAC,GAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mD","sources":["webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-focusables/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n//const focusables = require('makeup-focusables').default;\n\n// IMPORT\n\nconst listEl = document.getElementById(\"list\");\nconst appender1 = document.getElementById(\"appender1\");\nconst appender2 = document.getElementById(\"appender2\");\nconst appender3 = document.getElementById(\"appender3\");\nconst appender4 = document.getElementById(\"appender4\");\nconst output = document.getElementById(\"output\");\nfunction onButtonClick(e) {\n e.preventDefault();\n const listItem = document.createElement(\"li\");\n listItem.innerText = \"Item \".concat(listEl.childNodes.length);\n if (e.target.id === \"appender1\") {\n listItem.setAttribute(\"tabindex\", \"0\");\n } else if (e.target.id === \"appender2\") {\n listItem.setAttribute(\"tabindex\", \"-1\");\n } else if (e.target.id === \"appender3\") {\n listItem.setAttribute(\"tabindex\", \"0\");\n listItem.setAttribute(\"hidden\", \"hidden\");\n } else {\n const listItemChild = document.createElement(\"button\");\n listItem.setAttribute(\"hidden\", \"hidden\");\n listItem.appendChild(listItemChild);\n }\n listEl.appendChild(listItem);\n const focusableEls = (0, _makeupFocusables.default)(listEl);\n output.innerText = focusableEls.length;\n}\nappender1.addEventListener(\"click\", onButtonClick);\nappender2.addEventListener(\"click\", onButtonClick);\nappender3.addEventListener(\"click\", onButtonClick);\nappender4.addEventListener(\"click\", onButtonClick);"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-key-emitter/index.min.js b/docs/core/makeup-key-emitter/index.min.js
index 515adfc4..1e957c7a 100644
--- a/docs/core/makeup-key-emitter/index.min.js
+++ b/docs/core/makeup-key-emitter/index.min.js
@@ -33,13 +33,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -125,10 +125,10 @@ const events = ["arrowUpKey", "arrowDownKey", "arrowLeftKey", "arrowRightKey", "
KeyEmitter.add(widgetEl1);
events.forEach(function (eventName) {
- widgetEl1.addEventListener(`${eventName}Down`, function (e) {
+ widgetEl1.addEventListener("".concat(eventName, "Down"), function (e) {
console.log(this, e);
});
- widgetEl1.addEventListener(`${eventName}Up`, function (e) {
+ widgetEl1.addEventListener("".concat(eventName, "Up"), function (e) {
console.log(this, e);
});
});
@@ -138,10 +138,10 @@ events.forEach(function (eventName) {
[...widget2ButtonEls].forEach(function (el) {
KeyEmitter.add(el);
events.forEach(function (eventName) {
- el.addEventListener(`${eventName}Down`, function (e) {
+ el.addEventListener("".concat(eventName, "Down"), function (e) {
console.log(this, e);
});
- el.addEventListener(`${eventName}Up`, function (e) {
+ el.addEventListener("".concat(eventName, "Up"), function (e) {
console.log(this, e);
});
});
diff --git a/docs/core/makeup-key-emitter/index.min.js.map b/docs/core/makeup-key-emitter/index.min.js.map
index 2d4322cd..780d9964 100644
--- a/docs/core/makeup-key-emitter/index.min.js.map
+++ b/docs/core/makeup-key-emitter/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-key-emitter/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCrEA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA,gCAAgC,UAAU;AAC1C;AACA,GAAG;AACH,gCAAgC,UAAU;AAC1C;AACA,GAAG;AACH,CAAC;;AAED;;AAEA;AACA;AACA;AACA,2BAA2B,UAAU;AACrC;AACA,KAAK;AACL,2BAA2B,UAAU;AACrC;AACA,KAAK;AACL,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-key-emitter/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const KeyEmitter = require('makeup-key-emitter');\n\n// IMPORT\n\nconst widgetEl1 = document.getElementById(\"widget-1\");\nconst widget2ButtonEls = document.querySelectorAll(\"#widget-2 button\");\nconst events = [\"arrowUpKey\", \"arrowDownKey\", \"arrowLeftKey\", \"arrowRightKey\", \"escapeKey\", \"spacebarKey\", \"enterKey\", \"homeKey\", \"endKey\", \"pageDownKey\", \"pageUpKey\"];\n\n// on widget1 container\n\nKeyEmitter.add(widgetEl1);\nevents.forEach(function (eventName) {\n widgetEl1.addEventListener(`${eventName}Down`, function (e) {\n console.log(this, e);\n });\n widgetEl1.addEventListener(`${eventName}Up`, function (e) {\n console.log(this, e);\n });\n});\n\n// on widget2 buttons\n\n[...widget2ButtonEls].forEach(function (el) {\n KeyEmitter.add(el);\n events.forEach(function (eventName) {\n el.addEventListener(`${eventName}Down`, function (e) {\n console.log(this, e);\n });\n el.addEventListener(`${eventName}Up`, function (e) {\n console.log(this, e);\n });\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-key-emitter/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCrEA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC;;AAED;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-key-emitter/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const KeyEmitter = require('makeup-key-emitter');\n\n// IMPORT\n\nconst widgetEl1 = document.getElementById(\"widget-1\");\nconst widget2ButtonEls = document.querySelectorAll(\"#widget-2 button\");\nconst events = [\"arrowUpKey\", \"arrowDownKey\", \"arrowLeftKey\", \"arrowRightKey\", \"escapeKey\", \"spacebarKey\", \"enterKey\", \"homeKey\", \"endKey\", \"pageDownKey\", \"pageUpKey\"];\n\n// on widget1 container\n\nKeyEmitter.add(widgetEl1);\nevents.forEach(function (eventName) {\n widgetEl1.addEventListener(\"\".concat(eventName, \"Down\"), function (e) {\n console.log(this, e);\n });\n widgetEl1.addEventListener(\"\".concat(eventName, \"Up\"), function (e) {\n console.log(this, e);\n });\n});\n\n// on widget2 buttons\n\n[...widget2ButtonEls].forEach(function (el) {\n KeyEmitter.add(el);\n events.forEach(function (eventName) {\n el.addEventListener(\"\".concat(eventName, \"Down\"), function (e) {\n console.log(this, e);\n });\n el.addEventListener(\"\".concat(eventName, \"Up\"), function (e) {\n console.log(this, e);\n });\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-navigation-emitter/index.min.js b/docs/core/makeup-navigation-emitter/index.min.js
index d2a4b8f7..41a814fd 100644
--- a/docs/core/makeup-navigation-emitter/index.min.js
+++ b/docs/core/makeup-navigation-emitter/index.min.js
@@ -116,13 +116,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -415,7 +415,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -574,12 +574,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -641,7 +641,7 @@ appender.addEventListener("click", function () {
widgetEls.forEach(function (el) {
const listEl = el.querySelector("ul");
const listItem = document.createElement("li");
- listItem.innerText = `Item ${parseInt(listEl.querySelectorAll("li").length, 10)}`;
+ listItem.innerText = "Item ".concat(parseInt(listEl.querySelectorAll("li").length, 10));
listEl.appendChild(listItem);
});
});
diff --git a/docs/core/makeup-navigation-emitter/index.min.js.map b/docs/core/makeup-navigation-emitter/index.min.js.map
index ee5946f8..b8debd30 100644
--- a/docs/core/makeup-navigation-emitter/index.min.js.map
+++ b/docs/core/makeup-navigation-emitter/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-navigation-emitter/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,gDAAgD,mBAAO,CAAC,GAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA,CAAC;AACD;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA,iCAAiC,mDAAmD;AACpF;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH,CAAC;;AAED;AACA,+B","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-navigation-emitter/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const NavigationEmitter = require('makeup-navigation-emitter');\n\n// IMPORT\n\nconst emitters = [];\nconst appender = document.getElementById(\"appender\");\nconst widgetEls = document.querySelectorAll(\".widget\");\nconst wrapCheckbox = document.getElementById(\"wrap\");\nconst log = e => console.log(e.type, e.detail);\nconst options = [{}, {\n autoInit: \"none\",\n autoReset: \"none\"\n}, {\n autoInit: \"none\",\n autoReset: \"none\"\n}];\nappender.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const listEl = el.querySelector(\"ul\");\n const listItem = document.createElement(\"li\");\n listItem.innerText = `Item ${parseInt(listEl.querySelectorAll(\"li\").length, 10)}`;\n listEl.appendChild(listItem);\n });\n});\nwidgetEls.forEach(function (el, index) {\n el.addEventListener(\"navigationModelInit\", log);\n el.addEventListener(\"navigationModelChange\", log);\n el.addEventListener(\"navigationModelReset\", log);\n el.addEventListener(\"navigationModelMutation\", log);\n emitters.push(NavigationEmitter.createLinear(el, \"li\", options[index]));\n});\nwrapCheckbox.addEventListener(\"change\", function (e) {\n emitters.forEach(function (emitter) {\n emitter.model.options.wrap = e.target.checked;\n });\n});\n\n// emitters[0].model.index = 1;\n// emitters[1].model.index = 1;"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-navigation-emitter/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,gDAAgD,mBAAO,CAAC,GAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA,CAAC;AACD;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,GAAG;AACH,CAAC;;AAED;AACA,+B","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-navigation-emitter/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const NavigationEmitter = require('makeup-navigation-emitter');\n\n// IMPORT\n\nconst emitters = [];\nconst appender = document.getElementById(\"appender\");\nconst widgetEls = document.querySelectorAll(\".widget\");\nconst wrapCheckbox = document.getElementById(\"wrap\");\nconst log = e => console.log(e.type, e.detail);\nconst options = [{}, {\n autoInit: \"none\",\n autoReset: \"none\"\n}, {\n autoInit: \"none\",\n autoReset: \"none\"\n}];\nappender.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const listEl = el.querySelector(\"ul\");\n const listItem = document.createElement(\"li\");\n listItem.innerText = \"Item \".concat(parseInt(listEl.querySelectorAll(\"li\").length, 10));\n listEl.appendChild(listItem);\n });\n});\nwidgetEls.forEach(function (el, index) {\n el.addEventListener(\"navigationModelInit\", log);\n el.addEventListener(\"navigationModelChange\", log);\n el.addEventListener(\"navigationModelReset\", log);\n el.addEventListener(\"navigationModelMutation\", log);\n emitters.push(NavigationEmitter.createLinear(el, \"li\", options[index]));\n});\nwrapCheckbox.addEventListener(\"change\", function (e) {\n emitters.forEach(function (emitter) {\n emitter.model.options.wrap = e.target.checked;\n });\n});\n\n// emitters[0].model.index = 1;\n// emitters[1].model.index = 1;"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-next-id/index.min.js b/docs/core/makeup-next-id/index.min.js
index 0d9e6fe2..88715cf6 100644
--- a/docs/core/makeup-next-id/index.min.js
+++ b/docs/core/makeup-next-id/index.min.js
@@ -36,12 +36,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -93,8 +93,8 @@ testForm.addEventListener("submit", e => {
e.preventDefault();
const listItem = document.createElement("li");
const id = (0, _makeupNextId.default)(listItem, inputEl.value);
- listItem.innerText = `Item ${listEl.childNodes.length} (${id})`;
- console.log(`id: ${id}`);
+ listItem.innerText = "Item ".concat(listEl.childNodes.length, " (").concat(id, ")");
+ console.log("id: ".concat(id));
listEl.appendChild(listItem);
});
/******/ })()
diff --git a/docs/core/makeup-next-id/index.min.js.map b/docs/core/makeup-next-id/index.min.js.map
index 8e28284d..a69787bc 100644
--- a/docs/core/makeup-next-id/index.min.js.map
+++ b/docs/core/makeup-next-id/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-next-id/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,0BAA0B,GAAG,GAAG;AAC/D,qBAAqB,GAAG;AACxB;AACA,CAAC,E","sources":["webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-next-id/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n//const nextId = require('makeup-next-id').default;\n\n// IMPORT\n\nconst listEl = document.getElementById(\"list\");\nconst testForm = document.getElementById(\"testForm\");\nconst inputEl = document.getElementById(\"prefix\");\ntestForm.addEventListener(\"submit\", e => {\n e.preventDefault();\n const listItem = document.createElement(\"li\");\n const id = (0, _makeupNextId.default)(listItem, inputEl.value);\n listItem.innerText = `Item ${listEl.childNodes.length} (${id})`;\n console.log(`id: ${id}`);\n listEl.appendChild(listItem);\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-next-id/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;UCvCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,E","sources":["webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-next-id/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n//const nextId = require('makeup-next-id').default;\n\n// IMPORT\n\nconst listEl = document.getElementById(\"list\");\nconst testForm = document.getElementById(\"testForm\");\nconst inputEl = document.getElementById(\"prefix\");\ntestForm.addEventListener(\"submit\", e => {\n e.preventDefault();\n const listItem = document.createElement(\"li\");\n const id = (0, _makeupNextId.default)(listItem, inputEl.value);\n listItem.innerText = \"Item \".concat(listEl.childNodes.length, \" (\").concat(id, \")\");\n console.log(\"id: \".concat(id));\n listEl.appendChild(listItem);\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/core/makeup-roving-tabindex/index.min.js b/docs/core/makeup-roving-tabindex/index.min.js
index 0f06c04a..fedbacfd 100644
--- a/docs/core/makeup-roving-tabindex/index.min.js
+++ b/docs/core/makeup-roving-tabindex/index.min.js
@@ -116,13 +116,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -415,7 +415,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -574,12 +574,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -764,7 +764,7 @@ const log = e => console.log(e.type, e.detail);
appender.addEventListener("click", function () {
widgetEls.forEach(function (el) {
const listItem = document.createElement("li");
- listItem.innerText = `Item ${parseInt(el.querySelectorAll("li").length + 1, 10)}`;
+ listItem.innerText = "Item ".concat(parseInt(el.querySelectorAll("li").length + 1, 10));
el.children[0].appendChild(listItem);
});
});
@@ -772,7 +772,7 @@ prepender.addEventListener("click", function () {
widgetEls.forEach(function (el) {
const ul = el.children[0];
const listItem = document.createElement("li");
- listItem.innerText = `Item ${parseInt(el.querySelectorAll("li").length + 1, 10)}`;
+ listItem.innerText = "Item ".concat(parseInt(el.querySelectorAll("li").length + 1, 10));
ul.insertBefore(listItem, ul.children[0]);
});
});
diff --git a/docs/core/makeup-roving-tabindex/index.min.js.map b/docs/core/makeup-roving-tabindex/index.min.js.map
index 193f9277..765057e4 100644
--- a/docs/core/makeup-roving-tabindex/index.min.js.map
+++ b/docs/core/makeup-roving-tabindex/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-roving-tabindex/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,GAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;UCxHA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,6CAA6C,mBAAO,CAAC,GAAwB;AAC7E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,mDAAmD;AACpF;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA,iCAAiC,mDAAmD;AACpF;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,E","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-roving-tabindex/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-roving-tabindex/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n autoInit: \"interactive\",\n autoReset: \"current\",\n wrap: false,\n axis: \"both\"\n};\nfunction refreshTabindex(items, focusIndex) {\n items.forEach(function (el, i) {\n el.setAttribute(\"tabindex\", i === focusIndex ? \"0\" : \"-1\");\n });\n}\nfunction onModelInit(e) {\n refreshTabindex(e.detail.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const items = this.items;\n const fromItem = items[e.detail.fromIndex];\n const toItem = items[e.detail.toIndex];\n if (fromItem) {\n fromItem.setAttribute(\"tabindex\", \"-1\");\n }\n if (toItem) {\n toItem.setAttribute(\"tabindex\", \"0\");\n toItem.focus();\n }\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexMutation\", {\n detail: e.detail\n }));\n}\nclass RovingTabindex {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n }\n}\nclass LinearRovingTabindex extends RovingTabindex {\n constructor(el, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._itemSelector = itemSelector;\n\n // todo: options.index is deprecated. Remove support in future release.\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.index !== undefined ? this._options.index : this._options.autoInit,\n autoReset: this._options.autoReset,\n wrap: this._options.wrap,\n axis: this._options.axis\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridRovingTabindex extends RovingTabindex {\n constructor(el, rowSelector, cellSelector, selectedOptions) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, itemSelector, selectedOptions) {\n return new LinearRovingTabindex(el, itemSelector, selectedOptions);\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar RovingTabindex = _interopRequireWildcard(require(\"makeup-roving-tabindex\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const RovingTabindex = require('makeup-roving-tabindex');\n\n// IMPORT\n\nconst rovers = [];\nconst appender = document.getElementById(\"appender\");\nconst prepender = document.getElementById(\"prepender\");\nconst removeFirst = document.getElementById(\"removeFirst\");\nconst removeLast = document.getElementById(\"removeLast\");\nconst widgetEls = document.querySelectorAll(\".widget\");\nconst wrap = document.getElementById(\"wrap\");\nconst log = e => console.log(e.type, e.detail);\nappender.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const listItem = document.createElement(\"li\");\n listItem.innerText = `Item ${parseInt(el.querySelectorAll(\"li\").length + 1, 10)}`;\n el.children[0].appendChild(listItem);\n });\n});\nprepender.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const ul = el.children[0];\n const listItem = document.createElement(\"li\");\n listItem.innerText = `Item ${parseInt(el.querySelectorAll(\"li\").length + 1, 10)}`;\n ul.insertBefore(listItem, ul.children[0]);\n });\n});\nremoveFirst.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const ul = el.children[0];\n const node = ul.firstElementChild;\n if (node) ul.removeChild(node);\n });\n});\nremoveLast.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const ul = el.children[0];\n const node = ul.lastElementChild;\n if (node) ul.removeChild(node);\n });\n});\nremoveCurrent.addEventListener(\"click\", () => rovers.forEach(widget => widget.currentItem.remove()));\ndisableCurrent.addEventListener(\"click\", () => rovers.forEach(widget => widget.currentItem.setAttribute(\"aria-disabled\", \"true\")));\nhideCurrent.addEventListener(\"click\", () => rovers.forEach(widget => widget.currentItem.hidden = true));\nwrap.addEventListener(\"change\", e => rovers.forEach(rover => rover.wrap = e.target.checked));\nwidgetEls.forEach(function (el) {\n el.addEventListener(\"rovingTabindexInit\", log);\n el.addEventListener(\"rovingTabindexChange\", log);\n el.addEventListener(\"rovingTabindexMutation\", log);\n el.addEventListener(\"rovingTabindexReset\", log);\n rovers.push(RovingTabindex.createLinear(el, \"li\"));\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-roving-tabindex/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,GAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,GAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,GAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;UCxHA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,6CAA6C,mBAAO,CAAC,GAAwB;AAC7E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,E","sources":["webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-roving-tabindex/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/core/makeup-roving-tabindex/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n autoInit: \"interactive\",\n autoReset: \"current\",\n wrap: false,\n axis: \"both\"\n};\nfunction refreshTabindex(items, focusIndex) {\n items.forEach(function (el, i) {\n el.setAttribute(\"tabindex\", i === focusIndex ? \"0\" : \"-1\");\n });\n}\nfunction onModelInit(e) {\n refreshTabindex(e.detail.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const items = this.items;\n const fromItem = items[e.detail.fromIndex];\n const toItem = items[e.detail.toIndex];\n if (fromItem) {\n fromItem.setAttribute(\"tabindex\", \"-1\");\n }\n if (toItem) {\n toItem.setAttribute(\"tabindex\", \"0\");\n toItem.focus();\n }\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexMutation\", {\n detail: e.detail\n }));\n}\nclass RovingTabindex {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n }\n}\nclass LinearRovingTabindex extends RovingTabindex {\n constructor(el, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._itemSelector = itemSelector;\n\n // todo: options.index is deprecated. Remove support in future release.\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.index !== undefined ? this._options.index : this._options.autoInit,\n autoReset: this._options.autoReset,\n wrap: this._options.wrap,\n axis: this._options.axis\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridRovingTabindex extends RovingTabindex {\n constructor(el, rowSelector, cellSelector, selectedOptions) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, itemSelector, selectedOptions) {\n return new LinearRovingTabindex(el, itemSelector, selectedOptions);\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar RovingTabindex = _interopRequireWildcard(require(\"makeup-roving-tabindex\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// REQUIRE\n//const RovingTabindex = require('makeup-roving-tabindex');\n\n// IMPORT\n\nconst rovers = [];\nconst appender = document.getElementById(\"appender\");\nconst prepender = document.getElementById(\"prepender\");\nconst removeFirst = document.getElementById(\"removeFirst\");\nconst removeLast = document.getElementById(\"removeLast\");\nconst widgetEls = document.querySelectorAll(\".widget\");\nconst wrap = document.getElementById(\"wrap\");\nconst log = e => console.log(e.type, e.detail);\nappender.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const listItem = document.createElement(\"li\");\n listItem.innerText = \"Item \".concat(parseInt(el.querySelectorAll(\"li\").length + 1, 10));\n el.children[0].appendChild(listItem);\n });\n});\nprepender.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const ul = el.children[0];\n const listItem = document.createElement(\"li\");\n listItem.innerText = \"Item \".concat(parseInt(el.querySelectorAll(\"li\").length + 1, 10));\n ul.insertBefore(listItem, ul.children[0]);\n });\n});\nremoveFirst.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const ul = el.children[0];\n const node = ul.firstElementChild;\n if (node) ul.removeChild(node);\n });\n});\nremoveLast.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const ul = el.children[0];\n const node = ul.lastElementChild;\n if (node) ul.removeChild(node);\n });\n});\nremoveCurrent.addEventListener(\"click\", () => rovers.forEach(widget => widget.currentItem.remove()));\ndisableCurrent.addEventListener(\"click\", () => rovers.forEach(widget => widget.currentItem.setAttribute(\"aria-disabled\", \"true\")));\nhideCurrent.addEventListener(\"click\", () => rovers.forEach(widget => widget.currentItem.hidden = true));\nwrap.addEventListener(\"change\", e => rovers.forEach(rover => rover.wrap = e.target.checked));\nwidgetEls.forEach(function (el) {\n el.addEventListener(\"rovingTabindexInit\", log);\n el.addEventListener(\"rovingTabindexChange\", log);\n el.addEventListener(\"rovingTabindexMutation\", log);\n el.addEventListener(\"rovingTabindexReset\", log);\n rovers.push(RovingTabindex.createLinear(el, \"li\"));\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-alert-dialog/index.css b/docs/ui/makeup-alert-dialog/index.css
index f380df1a..1a5c3f2e 100644
--- a/docs/ui/makeup-alert-dialog/index.css
+++ b/docs/ui/makeup-alert-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-alert-dialog/index.css.map b/docs/ui/makeup-alert-dialog/index.css.map
index 29bfc8f3..b7a005e7 100644
--- a/docs/ui/makeup-alert-dialog/index.css.map
+++ b/docs/ui/makeup-alert-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-alert-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.alert-dialog[role=\"alertdialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.alert-dialog[role=\"alertdialog\"]:not([hidden]) {\n display: flex;\n}\n\n.alert-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.alert-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.alert-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.alert-dialog__main > :first-child {\n margin-top: 0;\n}\n.alert-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.alert-dialog--hide.alert-dialog--hide,\n.alert-dialog--hide.alert-dialog--show-init,\n.alert-dialog--show-init.alert-dialog--hide,\n.alert-dialog--show-init.alert-dialog--show-init {\n display: flex;\n}\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show-init.alert-dialog--mask-fade,\n.alert-dialog--show-init.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show-init .alert-dialog__window--fade {\n opacity: 0;\n}\n\n.alert-dialog--hide-init.alert-dialog--hide-init,\n.alert-dialog--hide-init.alert-dialog--show,\n.alert-dialog--show.alert-dialog--hide-init,\n.alert-dialog--show.alert-dialog--show {\n display: flex;\n}\n.alert-dialog--hide-init.alert-dialog--mask-fade,\n.alert-dialog--hide-init.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.alert-dialog--hide-init .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .alert-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .alert-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-alert-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.alert-dialog[role=\"alertdialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.alert-dialog[role=\"alertdialog\"]:not([hidden]) {\n display: flex;\n}\n\n.alert-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.alert-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.alert-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.alert-dialog__main > :first-child {\n margin-top: 0;\n}\n.alert-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.alert-dialog--hide.alert-dialog--hide,\n.alert-dialog--hide.alert-dialog--show-init,\n.alert-dialog--show-init.alert-dialog--hide,\n.alert-dialog--show-init.alert-dialog--show-init {\n display: flex;\n}\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show-init.alert-dialog--mask-fade,\n.alert-dialog--show-init.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show-init .alert-dialog__window--fade {\n opacity: 0;\n}\n\n.alert-dialog--hide-init.alert-dialog--hide-init,\n.alert-dialog--hide-init.alert-dialog--show,\n.alert-dialog--show.alert-dialog--hide-init,\n.alert-dialog--show.alert-dialog--show {\n display: flex;\n}\n.alert-dialog--hide-init.alert-dialog--mask-fade,\n.alert-dialog--hide-init.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.alert-dialog--hide-init .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .alert-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .alert-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-alert-dialog/index.min.js b/docs/ui/makeup-alert-dialog/index.min.js
index 921fb0b3..240b4f10 100644
--- a/docs/ui/makeup-alert-dialog/index.min.js
+++ b/docs/ui/makeup-alert-dialog/index.min.js
@@ -683,12 +683,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -718,7 +718,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -732,7 +732,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1022,7 +1022,7 @@ function _onClick(e) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-alert-dialog/index.min.js.map b/docs/ui/makeup-alert-dialog/index.min.js.map
index 8e3c75cf..4ebd4c80 100644
--- a/docs/ui/makeup-alert-dialog/index.min.js.map
+++ b/docs/ui/makeup-alert-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-alert-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC1Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAyB;AACjC,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/alert-dialog.js","webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css?1d20","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-alert-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-alert-dialog/index.compiled.js"],"sourcesContent":["require('./dist/alert-dialog/alert-dialog.css');\n","require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultAlertOptions = {\n baseClass: \"alert-dialog\",\n baseClassModifier: \"alert\",\n quickDismiss: false,\n acknowledgeButtonSelector: \".alert-dialog__acknowledge\",\n windowSelector: \".alert-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultAlertOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._acknowledgeButtonEl = this._el.querySelector(this._options.acknowledgeButtonSelector);\n this._onAcknowledgeButtonClickListener = _onAcknowledgeButtonClick.bind(this);\n this._acknowledgeButtonEl.addEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._acknowledgeButtonEl.removeEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n acknowledge() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-acknowledge\"));\n }\n destroy() {\n super.destroy();\n this._onAcknowledgeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onAcknowledgeButtonClick() {\n this.acknowledge();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/alert-dialog\");\nvar _makeupAlertDialog = _interopRequireDefault(require(\"makeup-alert-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// STYLES\n\n// REQUIRE\n//const AlertDialog = require('makeup-alert-dialog');\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".alert-dialog\").forEach(function (el, i) {\n const widget = new _makeupAlertDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-alert-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC1Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAyB;AACjC,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/alert-dialog.js","webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css?1d20","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-alert-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-alert-dialog/index.compiled.js"],"sourcesContent":["require('./dist/alert-dialog/alert-dialog.css');\n","require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultAlertOptions = {\n baseClass: \"alert-dialog\",\n baseClassModifier: \"alert\",\n quickDismiss: false,\n acknowledgeButtonSelector: \".alert-dialog__acknowledge\",\n windowSelector: \".alert-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultAlertOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._acknowledgeButtonEl = this._el.querySelector(this._options.acknowledgeButtonSelector);\n this._onAcknowledgeButtonClickListener = _onAcknowledgeButtonClick.bind(this);\n this._acknowledgeButtonEl.addEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._acknowledgeButtonEl.removeEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n acknowledge() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-acknowledge\"));\n }\n destroy() {\n super.destroy();\n this._onAcknowledgeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onAcknowledgeButtonClick() {\n this.acknowledge();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/alert-dialog\");\nvar _makeupAlertDialog = _interopRequireDefault(require(\"makeup-alert-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// STYLES\n\n// REQUIRE\n//const AlertDialog = require('makeup-alert-dialog');\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".alert-dialog\").forEach(function (el, i) {\n const widget = new _makeupAlertDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-combobox/index.css b/docs/ui/makeup-combobox/index.css
index de006658..b2b361a9 100644
--- a/docs/ui/makeup-combobox/index.css
+++ b/docs/ui/makeup-combobox/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-combobox/index.css.map b/docs/ui/makeup-combobox/index.css.map
index a83b0a9a..c5c529f3 100644
--- a/docs/ui/makeup-combobox/index.css.map
+++ b/docs/ui/makeup-combobox/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-combobox/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/combobox/combobox.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.combobox {\n box-sizing: border-box;\n line-height: normal;\n position: relative;\n}\n\nspan.combobox {\n display: inline-block;\n vertical-align: bottom;\n}\n\n.combobox__value {\n flex: 1 0 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.combobox__options--fix-width[role=\"listbox\"] {\n width: 100%;\n}\n\n.combobox__listbox {\n background-color: var(\n --combobox-listbox-background-color,\n var(--color-background-elevated)\n );\n border-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n box-shadow: var(--bubble-shadow);\n box-sizing: border-box;\n display: none;\n left: 0;\n max-height: 400px;\n min-width: 100%;\n overflow-y: auto;\n position: absolute;\n top: calc(100% + 4px);\n width: auto;\n z-index: 2;\n}\n\n.combobox__listbox--reverse,\n[dir=\"rtl\"] .combobox__listbox {\n left: unset;\n right: 0;\n}\n[dir=\"rtl\"] .combobox__listbox--reverse {\n left: 0;\n right: unset;\n}\n\n.combobox__control > button,\n.combobox__control > svg.icon {\n margin-inline-start: 8px;\n}\n\n.combobox__option[role^=\"option\"] {\n background-color: initial;\n border-color: var(\n --listbox-option-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --listbox-option-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n position: relative;\n width: 100%;\n}\n.combobox__option[role^=\"option\"]:focus {\n outline-offset: -4px;\n}\n.combobox__option[role^=\"option\"][hidden] {\n display: none;\n}\n.combobox__option[role^=\"option\"]:hover {\n color: var(\n --listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n.combobox__option[role^=\"option\"]:active {\n font-weight: 700;\n}\n.combobox__option[role^=\"option\"]:disabled,\n.combobox__option[role^=\"option\"][aria-disabled=\"true\"] {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n.combobox__option[role^=\"option\"]:first-child {\n border-top-left-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n}\n.combobox__option[role^=\"option\"]:last-child {\n border-bottom-left-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n}\n.combobox__option[role^=\"option\"]:not(:last-child) {\n margin-bottom: 1px;\n}\n.combobox__option[role^=\"option\"]:hover {\n background-color: var(--color-state-primary-hover);\n}\n.combobox__option[role^=\"option\"] svg.icon {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n}\n\n.combobox__option--active[role^=\"option\"] {\n background-color: var(--color-state-primary-active);\n}\n.combobox__option--active[role^=\"option\"] svg.icon {\n opacity: 1;\n}\n\n.combobox__control button.icon-btn {\n height: 38px;\n padding: 0;\n position: absolute;\n right: 1px;\n top: 1px;\n width: 38px;\n}\n\n.combobox__control button.icon-btn svg {\n left: 0;\n margin: 0;\n right: 0;\n}\n\n.combobox--expanded .combobox__listbox {\n display: block;\n}\n\n.combobox--expanded svg.icon--12 {\n transform: rotate(180deg);\n}\n\n.combobox__control > svg.icon--12 {\n color: var(--combobox-textbox-icon-color, var(--color-foreground-primary));\n pointer-events: none;\n position: absolute;\n right: 17px;\n top: calc(50% - 8px);\n}\n\n.combobox__control > input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(\n --combobox-textbox-background-color,\n var(--color-background-secondary)\n );\n border-color: var(\n --combobox-textbox-border-color,\n var(--color-stroke-default)\n );\n border-radius: var(\n --combobox-textbox-border-radius,\n var(--border-radius-50)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --combobox-textbox-foreground-color,\n var(--color-foreground-on-secondary)\n );\n font-family: inherit;\n font-size: inherit;\n height: 40px;\n margin-left: 0;\n margin-right: 0;\n padding: 0 32px 0 16px;\n}\n.combobox__control > input[readonly] {\n color: var(\n --combobox-textbox-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n text-shadow: 0 0 0 inherit;\n --webkit-user-select: none;\n}\n.combobox__control > input[readonly]::-moz-selection,\n.combobox__control > input[readonly]::selection {\n background-color: var(\n --combobox-textbox-readonly-selection-background,\n var(--color-background-primary)\n );\n}\n.combobox__control > input[aria-disabled=\"true\"],\n.combobox__control > input[disabled] {\n border-color: var(\n --combobox-textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --combobox-textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n.combobox__control > input[aria-disabled=\"true\"][readonly],\n.combobox__control > input[disabled][readonly] {\n text-shadow: 0 0 0 var(--color-foreground-disabled);\n}\n.combobox__control > input[aria-disabled=\"true\"] + svg,\n.combobox__control > input[disabled] + svg {\n opacity: 0.5;\n}\n.combobox__control > input[aria-invalid=\"true\"] {\n border-color: var(\n --combobox-textbox-invalid-foreground-color,\n var(--color-stroke-attention)\n );\n}\n.combobox__control > input::-ms-clear {\n display: none;\n}\n\n.combobox__control--borderless > input {\n background-color: initial;\n border-color: transparent;\n padding-left: 0;\n}\n\n.combobox__control > input:focus {\n background-color: var(\n --combobox-textbox-focus-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --combobox-textbox-focus-border-color,\n var(--color-foreground-primary)\n );\n}\n\n.combobox__control--borderless > input:focus {\n border-color: transparent;\n outline: none;\n}\n.combobox--fluid,\n.combobox--fluid .combobox__control > input {\n width: 100%;\n}\n\n.combobox--large .combobox__control > input {\n font-size: var(--font-size-medium);\n height: 48px;\n}\n\n.combobox__control > input[disabled] {\n background-color: var(\n --combobox-textbox-disabled-background-color,\n var(--color-background-secondary)\n );\n}\n\n.combobox__option--active[role=\"option\"] {\n color: var(\n --combobox-listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n font-weight: 700;\n}\n\n@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {\n .combobox__value,\n ::-ms-backdrop {\n min-width: 100%;\n }\n}\n[dir=\"rtl\"] .combobox__control > input {\n padding: 0 16px 0 32px;\n}\n[dir=\"rtl\"] .combobox__control > button,\n[dir=\"rtl\"] .combobox__control > svg.icon {\n right: unset;\n}\n[dir=\"rtl\"] .combobox__control > svg.icon {\n left: 16px;\n margin-top: 1.3px;\n}\n[dir=\"rtl\"] .combobox__control > button {\n left: 0;\n}\n[dir=\"rtl\"] .combobox__control button.icon-btn {\n left: 1px;\n right: inherit;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-combobox/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/combobox/combobox.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.combobox {\n box-sizing: border-box;\n line-height: normal;\n position: relative;\n}\n\nspan.combobox {\n display: inline-block;\n vertical-align: bottom;\n}\n\n.combobox__value {\n flex: 1 0 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.combobox__options--fix-width[role=\"listbox\"] {\n width: 100%;\n}\n\n.combobox__listbox {\n background-color: var(\n --combobox-listbox-background-color,\n var(--color-background-elevated)\n );\n border-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n box-shadow: var(--bubble-shadow);\n box-sizing: border-box;\n display: none;\n left: 0;\n max-height: 400px;\n min-width: 100%;\n overflow-y: auto;\n position: absolute;\n top: calc(100% + 4px);\n width: auto;\n z-index: 2;\n}\n\n.combobox__listbox--reverse,\n[dir=\"rtl\"] .combobox__listbox {\n left: unset;\n right: 0;\n}\n[dir=\"rtl\"] .combobox__listbox--reverse {\n left: 0;\n right: unset;\n}\n\n.combobox__control > button,\n.combobox__control > svg.icon {\n margin-inline-start: 8px;\n}\n\n.combobox__option[role^=\"option\"] {\n background-color: initial;\n border-color: var(\n --listbox-option-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --listbox-option-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n position: relative;\n width: 100%;\n}\n.combobox__option[role^=\"option\"]:focus {\n outline-offset: -4px;\n}\n.combobox__option[role^=\"option\"][hidden] {\n display: none;\n}\n.combobox__option[role^=\"option\"]:hover {\n color: var(\n --listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n.combobox__option[role^=\"option\"]:active {\n font-weight: 700;\n}\n.combobox__option[role^=\"option\"]:disabled,\n.combobox__option[role^=\"option\"][aria-disabled=\"true\"] {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n.combobox__option[role^=\"option\"]:first-child {\n border-top-left-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n}\n.combobox__option[role^=\"option\"]:last-child {\n border-bottom-left-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --combobox-listbox-border-radius,\n var(--border-radius-50)\n );\n}\n.combobox__option[role^=\"option\"]:not(:last-child) {\n margin-bottom: 1px;\n}\n.combobox__option[role^=\"option\"]:hover {\n background-color: var(--color-state-primary-hover);\n}\n.combobox__option[role^=\"option\"] svg.icon {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n}\n\n.combobox__option--active[role^=\"option\"] {\n background-color: var(--color-state-primary-active);\n}\n.combobox__option--active[role^=\"option\"] svg.icon {\n opacity: 1;\n}\n\n.combobox__control button.icon-btn {\n height: 38px;\n padding: 0;\n position: absolute;\n right: 1px;\n top: 1px;\n width: 38px;\n}\n\n.combobox__control button.icon-btn svg {\n left: 0;\n margin: 0;\n right: 0;\n}\n\n.combobox--expanded .combobox__listbox {\n display: block;\n}\n\n.combobox--expanded svg.icon--12 {\n transform: rotate(180deg);\n}\n\n.combobox__control > svg.icon--12 {\n color: var(--combobox-textbox-icon-color, var(--color-foreground-primary));\n pointer-events: none;\n position: absolute;\n right: 17px;\n top: calc(50% - 8px);\n}\n\n.combobox__control > input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(\n --combobox-textbox-background-color,\n var(--color-background-secondary)\n );\n border-color: var(\n --combobox-textbox-border-color,\n var(--color-stroke-default)\n );\n border-radius: var(\n --combobox-textbox-border-radius,\n var(--border-radius-50)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --combobox-textbox-foreground-color,\n var(--color-foreground-on-secondary)\n );\n font-family: inherit;\n font-size: inherit;\n height: 40px;\n margin-left: 0;\n margin-right: 0;\n padding: 0 32px 0 16px;\n}\n.combobox__control > input[readonly] {\n color: var(\n --combobox-textbox-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n text-shadow: 0 0 0 inherit;\n --webkit-user-select: none;\n}\n.combobox__control > input[readonly]::-moz-selection,\n.combobox__control > input[readonly]::selection {\n background-color: var(\n --combobox-textbox-readonly-selection-background,\n var(--color-background-primary)\n );\n}\n.combobox__control > input[aria-disabled=\"true\"],\n.combobox__control > input[disabled] {\n border-color: var(\n --combobox-textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --combobox-textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n.combobox__control > input[aria-disabled=\"true\"][readonly],\n.combobox__control > input[disabled][readonly] {\n text-shadow: 0 0 0 var(--color-foreground-disabled);\n}\n.combobox__control > input[aria-disabled=\"true\"] + svg,\n.combobox__control > input[disabled] + svg {\n opacity: 0.5;\n}\n.combobox__control > input[aria-invalid=\"true\"] {\n border-color: var(\n --combobox-textbox-invalid-foreground-color,\n var(--color-stroke-attention)\n );\n}\n.combobox__control > input::-ms-clear {\n display: none;\n}\n\n.combobox__control--borderless > input {\n background-color: initial;\n border-color: transparent;\n padding-left: 0;\n}\n\n.combobox__control > input:focus {\n background-color: var(\n --combobox-textbox-focus-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --combobox-textbox-focus-border-color,\n var(--color-foreground-primary)\n );\n}\n\n.combobox__control--borderless > input:focus {\n border-color: transparent;\n outline: none;\n}\n.combobox--fluid,\n.combobox--fluid .combobox__control > input {\n width: 100%;\n}\n\n.combobox--large .combobox__control > input {\n font-size: var(--font-size-medium);\n height: 48px;\n}\n\n.combobox__control > input[disabled] {\n background-color: var(\n --combobox-textbox-disabled-background-color,\n var(--color-background-secondary)\n );\n}\n\n.combobox__option--active[role=\"option\"] {\n color: var(\n --combobox-listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n font-weight: 700;\n}\n\n@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {\n .combobox__value,\n ::-ms-backdrop {\n min-width: 100%;\n }\n}\n[dir=\"rtl\"] .combobox__control > input {\n padding: 0 16px 0 32px;\n}\n[dir=\"rtl\"] .combobox__control > button,\n[dir=\"rtl\"] .combobox__control > svg.icon {\n right: unset;\n}\n[dir=\"rtl\"] .combobox__control > svg.icon {\n left: 16px;\n margin-top: 1.3px;\n}\n[dir=\"rtl\"] .combobox__control > button {\n left: 0;\n}\n[dir=\"rtl\"] .combobox__control button.icon-btn {\n left: 1px;\n right: inherit;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-combobox/index.min.js b/docs/ui/makeup-combobox/index.min.js
index 4dd26508..f7950ba6 100644
--- a/docs/ui/makeup-combobox/index.min.js
+++ b/docs/ui/makeup-combobox/index.min.js
@@ -454,7 +454,7 @@ function manageFocus(focusManagement, contentEl) {
var _focusables$2;
(_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();
} else if (focusManagement !== null) {
- const el = contentEl.querySelector(`#${focusManagement}`);
+ const el = contentEl.querySelector("#".concat(focusManagement));
if (el) {
el.focus();
}
@@ -484,7 +484,7 @@ class _default {
if (this.options.ariaControls === true) {
// ensure the widget has an id
(0, _makeupNextId.default)(this.el, "expander");
- this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;
+ this.contentEl.id = this.contentEl.id || "".concat(this.el.id, "-content");
this.hostEl.setAttribute("aria-controls", this.contentEl.id);
}
this.expandOnClick = this.options.expandOnClick;
@@ -704,13 +704,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -1004,7 +1004,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -1164,12 +1164,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -1702,7 +1702,7 @@ function _onMutation(mutationsList) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-combobox/index.min.js.map b/docs/ui/makeup-combobox/index.min.js.map
index 40fc472c..bfcf66af 100644
--- a/docs/ui/makeup-combobox/index.min.js.map
+++ b/docs/ui/makeup-combobox/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-combobox/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA8B;;;;;;;;ACAtC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ,2CAA2C,gBAAgB;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,WAAW;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAiB;AACtE,4CAA4C,mBAAO,CAAC,IAAgB;AACpE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;ACtOa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCnNA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAqB;AAC7B,6CAA6C,mBAAO,CAAC,GAAiB;AACtE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/combobox.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/combobox/combobox.css?755d","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/ui/makeup-combobox/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-combobox/index.compiled.js"],"sourcesContent":["require('./dist/combobox/combobox.css');\n","require('./dist/global/global.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(`#${focusManagement}`);\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nvar _makeupListbox = _interopRequireDefault(require(\"makeup-listbox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n autoSelect: true,\n collapseTimeout: 150,\n customElementMode: false,\n autoScroll: true,\n alwaysFilter: true\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._el = widgetEl;\n this._inputEl = this._el.querySelector(\"input\");\n this._listboxEl = this._el.querySelector(\".combobox__listbox\");\n this._autocompleteType = this._inputEl.getAttribute(\"aria-autocomplete\");\n this._inputEl.setAttribute(\"autocomplete\", \"off\");\n this._inputEl.setAttribute(\"role\", \"combobox\");\n this._listboxEl.hidden = false;\n this._listboxWidget = new _makeupListbox.default(this._listboxEl, {\n activeDescendantClassName: \"combobox__option--active\",\n autoReset: -1,\n autoSelect: this._options.autoSelect,\n focusableElement: this._inputEl,\n listboxOwnerElement: this._el,\n autoScroll: this._options.autoScroll\n });\n this._expander = new _makeupExpander.default(this._el, {\n collapseOnClickOut: true,\n collapseOnFocusOut: true,\n contentSelector: \".combobox__listbox\",\n expandedClass: \"combobox--expanded\",\n expandOnFocus: true,\n hostSelector: \"input\"\n });\n this._destroyed = false;\n this._onInputFocusListener = _onInputFocus.bind(this);\n this._onListboxClickListener = _onListboxClick.bind(this);\n this._onListboxActiveDescendantChangeListener = _onListboxActiveDescendantChange.bind(this);\n this._onTextboxKeyDownListener = _onTextboxKeyDown.bind(this);\n this._onTextboxInputListener = _onTextboxInput.bind(this);\n this._onTextboxClickListener = _onTextboxClick.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this._el.classList.add(\"combobox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n resetFilter() {\n this._listboxWidget._activeDescendant.reset();\n this._listboxWidget.items.forEach(el => el.hidden = false);\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._inputEl, {\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._listboxEl.addEventListener(\"click\", this._onListboxClickListener);\n this._listboxWidget._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onListboxActiveDescendantChangeListener);\n this._inputEl.addEventListener(\"focus\", this._onInputFocusListener);\n this._inputEl.addEventListener(\"keydown\", this._onTextboxKeyDownListener);\n this._inputEl.addEventListener(\"input\", this._onTextboxInputListener);\n this._inputEl.addEventListener(\"click\", this._onTextboxClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"click\", this._onListboxClickListener);\n this._listboxWidget._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onListboxActiveDescendantChangeListener);\n this._inputEl.removeEventListener(\"focus\", this._onInputFocusListener);\n this._inputEl.removeEventListener(\"keydown\", this._onTextboxKeyDownListener);\n this._inputEl.removeEventListener(\"input\", this._onTextboxInputListener);\n this._inputEl.removeEventListener(\"click\", this._onTextboxClickListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onInputFocusListener = null;\n this._onListboxClickListener = null;\n this._onListboxActiveDesendanctChangeListener = null;\n this._onTextboxKeyDownListener = null;\n this._onTextboxInputListener = null;\n this._onTextboxClickListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onInputFocus() {\n if (!this._options.alwaysFilter === true) {\n this.resetFilter();\n }\n}\nfunction _onTextboxKeyDown(e) {\n // up and down keys should not move caret\n if (e.keyCode === 38 || e.keyCode === 40) {\n e.preventDefault();\n }\n\n // down arrow key should always expand listbox\n if (e.keyCode === 40) {\n if (this._expander.expanded === false) {\n this._expander.expanded = true;\n }\n }\n\n // escape key should always collapse listbox\n if (e.keyCode === 27) {\n if (this._expander.expanded === true) {\n this._expander.expanded = false;\n this._listboxWidget._activeDescendant.reset();\n }\n }\n\n // for manual selection, ENTER should not submit form when there is an active descendant\n if (this._options.autoSelect === false && e.keyCode === 13 && this._inputEl.getAttribute(\"aria-activedescendant\")) {\n e.preventDefault();\n const widget = this;\n this._inputEl.value = this._listboxWidget.items[this._listboxWidget._activeDescendant.index].innerText;\n _dispatchChangeEvent(this._el, this._inputEl.value);\n this._listboxWidget._activeDescendant.reset();\n setTimeout(function () {\n widget._expander.expanded = false;\n if (widget._autocompleteType === \"list\") {\n if (widget._inputEl.value.length === 0) {\n widget.resetFilter();\n } else {\n _filterSuggestions(widget._inputEl.value, widget._listboxWidget.items);\n }\n }\n }, this._options.collapseTimeout);\n }\n}\nfunction _onTextboxClick() {\n if (this._expander.expanded === false) {\n this._expander.expanded = true;\n }\n}\nfunction _onTextboxInput() {\n if (this._expander.expanded === false) {\n this._expander.expanded = true;\n }\n // TODO: refactor this redundant logic with L165: L171\n if (this._autocompleteType === \"list\") {\n this._listboxWidget._activeDescendant.reset();\n if (this._inputEl.value.length === 0) {\n this.resetFilter();\n } else {\n _filterSuggestions(this._inputEl.value, this._listboxWidget.items);\n }\n }\n}\nfunction _onListboxClick(e) {\n const widget = this;\n const element = e.target.closest(\"[role=option]\");\n const indexData = this._listboxWidget.items.indexOf(element);\n if (indexData !== undefined) {\n this._inputEl.value = this._listboxWidget.items[indexData].innerText;\n\n // TODO: refactor this redundant logic with L165: L171\n if (this._autocompleteType === \"list\") {\n this._listboxWidget._activeDescendant.reset();\n if (this._inputEl.value.length === 0) {\n this.resetFilter();\n } else {\n _filterSuggestions(this._inputEl.value, this._listboxWidget.items);\n }\n }\n if (this._options.autoSelect === false) {\n _dispatchChangeEvent(this._el, this._inputEl.value);\n }\n setTimeout(function () {\n widget._expander.expanded = false;\n }, this._options.collapseTimeout);\n }\n}\nfunction _onListboxActiveDescendantChange(e) {\n if (this._options.autoSelect === true) {\n this._inputEl.value = this._listboxWidget.items[e.detail.toIndex].innerText;\n _dispatchChangeEvent(this._el, this._inputEl.value);\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this._el.dispatchEvent(new CustomEvent(\"makeup-combobox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _filterSuggestions(value, items) {\n const numChars = value.length;\n const currentValue = value.toLowerCase();\n const matchedItems = items.filter(el => {\n return el.innerText.trim().substring(0, numChars).toLowerCase() === currentValue;\n });\n const unmatchedItems = items.filter(el => {\n return el.innerText.trim().substring(0, numChars).toLowerCase() !== currentValue;\n });\n matchedItems.forEach(el => el.hidden = false);\n unmatchedItems.forEach(el => el.hidden = true);\n}\nfunction _dispatchChangeEvent(el, value) {\n el.dispatchEvent(new CustomEvent(\"makeup-combobox-change\", {\n detail: {\n value\n }\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A listbox can be a standalone focusable widget, or controlled by a separate, focusable widget\n * (a textbox for example, in the case of a combobox or datepicker)\n *\n * This listbox code currently supports single-selct only!\n * This code has been copied from Skin & MIND Patterns and has not yet been cleaned up.\n */\n\nconst defaultOptions = {\n activeDescendantClassName: \"listbox__option--active\",\n // the classname applied to the current active desdcendant\n autoInit: \"ariaSelectedOrInteractive\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: true,\n // when true, aria-checked state matches active-descendant\n autoScroll: true,\n // when true, the listbox will scroll to keep the activeDescendant in view\n customElementMode: false,\n focusableElement: null,\n // used in a combobox/datepicker scenario\n listboxOwnerElement: null,\n // used in a combobox/datepicker scenario\n multiSelect: false,\n // todo\n useAriaChecked: true,\n // doubles up on support for aria-selected to announce visible selected/checked state\n valueSelector: \".listbox__value\" // Selector to get value from\n};\nfunction isSpacebarOrEnter(keyCode) {\n return keyCode === 13 || keyCode === 32;\n}\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n\n // in cases such as combobox, the active-descendant logic is controlled by a parent widget\n this._activeDescendantRootEl = this._options.listboxOwnerElement || this.el;\n\n // todo: not sure this check is needed any more\n if (widgetEl.getAttribute(\"role\") === \"listbox\") {\n this._listboxEl = widgetEl;\n } else {\n this._listboxEl = this.el.querySelector(\"[role=listbox]\");\n }\n if (!this._options.focusableElement && this._listboxEl.getAttribute(\"tabindex\") === null) {\n this._listboxEl.setAttribute(\"tabindex\", \"0\");\n }\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onActiveDescendantChangeListener = _onActiveDescendantChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"listbox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this._activeDescendant = ActiveDescendant.createLinear(this._activeDescendantRootEl, this._options.focusableElement || this._listboxEl, this._listboxEl, \"[role=option]\", {\n activeDescendantClassName: this._options.activeDescendantClassName,\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n autoScroll: this._options.autoScroll,\n axis: \"y\"\n });\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._listboxEl, {\n attributeFilter: [\"aria-selected\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n this._listboxEl.addEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.removeEventListener(\"click\", this._onClickListener);\n this._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n }\n get index() {\n return this.items.findIndex(el => el.getAttribute(\"aria-selected\") === \"true\");\n }\n get items() {\n return this._activeDescendant.items;\n }\n select(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n let optionValue;\n matchingItem.setAttribute(\"aria-selected\", \"true\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"true\");\n }\n optionValue = matchingItem.innerText;\n\n // Check if value selector is present and use that to get innerText instead\n // If its not present, will default to innerText of the whole item\n if (this._options.valueSelector) {\n const valueSelector = matchingItem.querySelector(this._options.valueSelector);\n if (valueSelector) {\n optionValue = valueSelector.innerText;\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-change\", {\n detail: {\n el: matchingItem,\n optionIndex: index,\n optionValue\n }\n }));\n }\n this._observeMutations();\n }\n unselect(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n matchingItem.setAttribute(\"aria-selected\", \"false\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"false\");\n }\n }\n this._observeMutations();\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onActiveDescendantChangeListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n const activeDescendantEl = this._activeDescendant.currentItem;\n if (isSpacebarOrEnter(e.keyCode) && (activeDescendantEl === null || activeDescendantEl === void 0 ? void 0 : activeDescendantEl.getAttribute(\"aria-selected\")) !== \"true\") {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(this._activeDescendant.index);\n }\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the option\n // e.g. Item 1
\n const toEl = e.target.closest(\"[role=option]\");\n const toElIndex = this.items.indexOf(toEl);\n const isTolElSelected = toEl.getAttribute(\"aria-selected\") === \"true\";\n const isTolElDisabled = toEl.getAttribute(\"aria-disabled\") === \"true\";\n if (!isTolElDisabled && this._options.autoSelect === false && isTolElSelected === false) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(toElIndex);\n }\n}\nfunction _onActiveDescendantChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n if (this._options.autoSelect === true) {\n const fromEl = this.items[fromIndex];\n const toEl = this.items[toIndex];\n if (fromEl) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(fromIndex);\n }\n if (toEl) {\n this.select(toIndex);\n }\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/combobox\");\nvar _makeupCombobox = _interopRequireDefault(require(\"makeup-combobox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Combobox = require('makeup-combobox').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".combobox\").forEach(function (el, i) {\n const widget = new _makeupCombobox.default(el, {\n autoSelect: el.dataset.makeupAutoSelect === \"false\" ? false : true\n });\n el.addEventListener(\"makeup-combobox-change\", function (e) {\n console.log(e.type, e.detail);\n });\n el.addEventListener(\"makeup-combobox-mutation\", function (e) {\n console.log(e.type, e.detail);\n });\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-combobox/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA8B;;;;;;;;ACAtC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAiB;AACtE,4CAA4C,mBAAO,CAAC,IAAgB;AACpE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;ACtOa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCnNA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAqB;AAC7B,6CAA6C,mBAAO,CAAC,GAAiB;AACtE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/combobox.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/combobox/combobox.css?755d","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/ui/makeup-combobox/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-combobox/index.compiled.js"],"sourcesContent":["require('./dist/combobox/combobox.css');\n","require('./dist/global/global.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(\"#\".concat(focusManagement));\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || \"\".concat(this.el.id, \"-content\");\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nvar _makeupListbox = _interopRequireDefault(require(\"makeup-listbox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n autoSelect: true,\n collapseTimeout: 150,\n customElementMode: false,\n autoScroll: true,\n alwaysFilter: true\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._el = widgetEl;\n this._inputEl = this._el.querySelector(\"input\");\n this._listboxEl = this._el.querySelector(\".combobox__listbox\");\n this._autocompleteType = this._inputEl.getAttribute(\"aria-autocomplete\");\n this._inputEl.setAttribute(\"autocomplete\", \"off\");\n this._inputEl.setAttribute(\"role\", \"combobox\");\n this._listboxEl.hidden = false;\n this._listboxWidget = new _makeupListbox.default(this._listboxEl, {\n activeDescendantClassName: \"combobox__option--active\",\n autoReset: -1,\n autoSelect: this._options.autoSelect,\n focusableElement: this._inputEl,\n listboxOwnerElement: this._el,\n autoScroll: this._options.autoScroll\n });\n this._expander = new _makeupExpander.default(this._el, {\n collapseOnClickOut: true,\n collapseOnFocusOut: true,\n contentSelector: \".combobox__listbox\",\n expandedClass: \"combobox--expanded\",\n expandOnFocus: true,\n hostSelector: \"input\"\n });\n this._destroyed = false;\n this._onInputFocusListener = _onInputFocus.bind(this);\n this._onListboxClickListener = _onListboxClick.bind(this);\n this._onListboxActiveDescendantChangeListener = _onListboxActiveDescendantChange.bind(this);\n this._onTextboxKeyDownListener = _onTextboxKeyDown.bind(this);\n this._onTextboxInputListener = _onTextboxInput.bind(this);\n this._onTextboxClickListener = _onTextboxClick.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this._el.classList.add(\"combobox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n resetFilter() {\n this._listboxWidget._activeDescendant.reset();\n this._listboxWidget.items.forEach(el => el.hidden = false);\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._inputEl, {\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._listboxEl.addEventListener(\"click\", this._onListboxClickListener);\n this._listboxWidget._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onListboxActiveDescendantChangeListener);\n this._inputEl.addEventListener(\"focus\", this._onInputFocusListener);\n this._inputEl.addEventListener(\"keydown\", this._onTextboxKeyDownListener);\n this._inputEl.addEventListener(\"input\", this._onTextboxInputListener);\n this._inputEl.addEventListener(\"click\", this._onTextboxClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"click\", this._onListboxClickListener);\n this._listboxWidget._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onListboxActiveDescendantChangeListener);\n this._inputEl.removeEventListener(\"focus\", this._onInputFocusListener);\n this._inputEl.removeEventListener(\"keydown\", this._onTextboxKeyDownListener);\n this._inputEl.removeEventListener(\"input\", this._onTextboxInputListener);\n this._inputEl.removeEventListener(\"click\", this._onTextboxClickListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onInputFocusListener = null;\n this._onListboxClickListener = null;\n this._onListboxActiveDesendanctChangeListener = null;\n this._onTextboxKeyDownListener = null;\n this._onTextboxInputListener = null;\n this._onTextboxClickListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onInputFocus() {\n if (!this._options.alwaysFilter === true) {\n this.resetFilter();\n }\n}\nfunction _onTextboxKeyDown(e) {\n // up and down keys should not move caret\n if (e.keyCode === 38 || e.keyCode === 40) {\n e.preventDefault();\n }\n\n // down arrow key should always expand listbox\n if (e.keyCode === 40) {\n if (this._expander.expanded === false) {\n this._expander.expanded = true;\n }\n }\n\n // escape key should always collapse listbox\n if (e.keyCode === 27) {\n if (this._expander.expanded === true) {\n this._expander.expanded = false;\n this._listboxWidget._activeDescendant.reset();\n }\n }\n\n // for manual selection, ENTER should not submit form when there is an active descendant\n if (this._options.autoSelect === false && e.keyCode === 13 && this._inputEl.getAttribute(\"aria-activedescendant\")) {\n e.preventDefault();\n const widget = this;\n this._inputEl.value = this._listboxWidget.items[this._listboxWidget._activeDescendant.index].innerText;\n _dispatchChangeEvent(this._el, this._inputEl.value);\n this._listboxWidget._activeDescendant.reset();\n setTimeout(function () {\n widget._expander.expanded = false;\n if (widget._autocompleteType === \"list\") {\n if (widget._inputEl.value.length === 0) {\n widget.resetFilter();\n } else {\n _filterSuggestions(widget._inputEl.value, widget._listboxWidget.items);\n }\n }\n }, this._options.collapseTimeout);\n }\n}\nfunction _onTextboxClick() {\n if (this._expander.expanded === false) {\n this._expander.expanded = true;\n }\n}\nfunction _onTextboxInput() {\n if (this._expander.expanded === false) {\n this._expander.expanded = true;\n }\n // TODO: refactor this redundant logic with L165: L171\n if (this._autocompleteType === \"list\") {\n this._listboxWidget._activeDescendant.reset();\n if (this._inputEl.value.length === 0) {\n this.resetFilter();\n } else {\n _filterSuggestions(this._inputEl.value, this._listboxWidget.items);\n }\n }\n}\nfunction _onListboxClick(e) {\n const widget = this;\n const element = e.target.closest(\"[role=option]\");\n const indexData = this._listboxWidget.items.indexOf(element);\n if (indexData !== undefined) {\n this._inputEl.value = this._listboxWidget.items[indexData].innerText;\n\n // TODO: refactor this redundant logic with L165: L171\n if (this._autocompleteType === \"list\") {\n this._listboxWidget._activeDescendant.reset();\n if (this._inputEl.value.length === 0) {\n this.resetFilter();\n } else {\n _filterSuggestions(this._inputEl.value, this._listboxWidget.items);\n }\n }\n if (this._options.autoSelect === false) {\n _dispatchChangeEvent(this._el, this._inputEl.value);\n }\n setTimeout(function () {\n widget._expander.expanded = false;\n }, this._options.collapseTimeout);\n }\n}\nfunction _onListboxActiveDescendantChange(e) {\n if (this._options.autoSelect === true) {\n this._inputEl.value = this._listboxWidget.items[e.detail.toIndex].innerText;\n _dispatchChangeEvent(this._el, this._inputEl.value);\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this._el.dispatchEvent(new CustomEvent(\"makeup-combobox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _filterSuggestions(value, items) {\n const numChars = value.length;\n const currentValue = value.toLowerCase();\n const matchedItems = items.filter(el => {\n return el.innerText.trim().substring(0, numChars).toLowerCase() === currentValue;\n });\n const unmatchedItems = items.filter(el => {\n return el.innerText.trim().substring(0, numChars).toLowerCase() !== currentValue;\n });\n matchedItems.forEach(el => el.hidden = false);\n unmatchedItems.forEach(el => el.hidden = true);\n}\nfunction _dispatchChangeEvent(el, value) {\n el.dispatchEvent(new CustomEvent(\"makeup-combobox-change\", {\n detail: {\n value\n }\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A listbox can be a standalone focusable widget, or controlled by a separate, focusable widget\n * (a textbox for example, in the case of a combobox or datepicker)\n *\n * This listbox code currently supports single-selct only!\n * This code has been copied from Skin & MIND Patterns and has not yet been cleaned up.\n */\n\nconst defaultOptions = {\n activeDescendantClassName: \"listbox__option--active\",\n // the classname applied to the current active desdcendant\n autoInit: \"ariaSelectedOrInteractive\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: true,\n // when true, aria-checked state matches active-descendant\n autoScroll: true,\n // when true, the listbox will scroll to keep the activeDescendant in view\n customElementMode: false,\n focusableElement: null,\n // used in a combobox/datepicker scenario\n listboxOwnerElement: null,\n // used in a combobox/datepicker scenario\n multiSelect: false,\n // todo\n useAriaChecked: true,\n // doubles up on support for aria-selected to announce visible selected/checked state\n valueSelector: \".listbox__value\" // Selector to get value from\n};\nfunction isSpacebarOrEnter(keyCode) {\n return keyCode === 13 || keyCode === 32;\n}\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n\n // in cases such as combobox, the active-descendant logic is controlled by a parent widget\n this._activeDescendantRootEl = this._options.listboxOwnerElement || this.el;\n\n // todo: not sure this check is needed any more\n if (widgetEl.getAttribute(\"role\") === \"listbox\") {\n this._listboxEl = widgetEl;\n } else {\n this._listboxEl = this.el.querySelector(\"[role=listbox]\");\n }\n if (!this._options.focusableElement && this._listboxEl.getAttribute(\"tabindex\") === null) {\n this._listboxEl.setAttribute(\"tabindex\", \"0\");\n }\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onActiveDescendantChangeListener = _onActiveDescendantChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"listbox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this._activeDescendant = ActiveDescendant.createLinear(this._activeDescendantRootEl, this._options.focusableElement || this._listboxEl, this._listboxEl, \"[role=option]\", {\n activeDescendantClassName: this._options.activeDescendantClassName,\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n autoScroll: this._options.autoScroll,\n axis: \"y\"\n });\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._listboxEl, {\n attributeFilter: [\"aria-selected\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n this._listboxEl.addEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.removeEventListener(\"click\", this._onClickListener);\n this._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n }\n get index() {\n return this.items.findIndex(el => el.getAttribute(\"aria-selected\") === \"true\");\n }\n get items() {\n return this._activeDescendant.items;\n }\n select(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n let optionValue;\n matchingItem.setAttribute(\"aria-selected\", \"true\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"true\");\n }\n optionValue = matchingItem.innerText;\n\n // Check if value selector is present and use that to get innerText instead\n // If its not present, will default to innerText of the whole item\n if (this._options.valueSelector) {\n const valueSelector = matchingItem.querySelector(this._options.valueSelector);\n if (valueSelector) {\n optionValue = valueSelector.innerText;\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-change\", {\n detail: {\n el: matchingItem,\n optionIndex: index,\n optionValue\n }\n }));\n }\n this._observeMutations();\n }\n unselect(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n matchingItem.setAttribute(\"aria-selected\", \"false\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"false\");\n }\n }\n this._observeMutations();\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onActiveDescendantChangeListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n const activeDescendantEl = this._activeDescendant.currentItem;\n if (isSpacebarOrEnter(e.keyCode) && (activeDescendantEl === null || activeDescendantEl === void 0 ? void 0 : activeDescendantEl.getAttribute(\"aria-selected\")) !== \"true\") {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(this._activeDescendant.index);\n }\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the option\n // e.g. Item 1
\n const toEl = e.target.closest(\"[role=option]\");\n const toElIndex = this.items.indexOf(toEl);\n const isTolElSelected = toEl.getAttribute(\"aria-selected\") === \"true\";\n const isTolElDisabled = toEl.getAttribute(\"aria-disabled\") === \"true\";\n if (!isTolElDisabled && this._options.autoSelect === false && isTolElSelected === false) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(toElIndex);\n }\n}\nfunction _onActiveDescendantChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n if (this._options.autoSelect === true) {\n const fromEl = this.items[fromIndex];\n const toEl = this.items[toIndex];\n if (fromEl) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(fromIndex);\n }\n if (toEl) {\n this.select(toIndex);\n }\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/combobox\");\nvar _makeupCombobox = _interopRequireDefault(require(\"makeup-combobox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Combobox = require('makeup-combobox').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".combobox\").forEach(function (el, i) {\n const widget = new _makeupCombobox.default(el, {\n autoSelect: el.dataset.makeupAutoSelect === \"false\" ? false : true\n });\n el.addEventListener(\"makeup-combobox-change\", function (e) {\n console.log(e.type, e.detail);\n });\n el.addEventListener(\"makeup-combobox-mutation\", function (e) {\n console.log(e.type, e.detail);\n });\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-confirm-dialog/index.css b/docs/ui/makeup-confirm-dialog/index.css
index 444fff3f..3fa414a0 100644
--- a/docs/ui/makeup-confirm-dialog/index.css
+++ b/docs/ui/makeup-confirm-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-confirm-dialog/index.css.map b/docs/ui/makeup-confirm-dialog/index.css.map
index dfc4f7c4..b690c54d 100644
--- a/docs/ui/makeup-confirm-dialog/index.css.map
+++ b/docs/ui/makeup-confirm-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-confirm-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.confirm-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.confirm-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.confirm-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.confirm-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.confirm-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.confirm-dialog__main > :first-child {\n margin-top: 0;\n}\n.confirm-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\na.confirm-dialog__confirm,\nbutton.confirm-dialog__confirm {\n margin-left: var(--spacing-100);\n}\n\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.confirm-dialog--hide.confirm-dialog--hide,\n.confirm-dialog--hide.confirm-dialog--show-init,\n.confirm-dialog--show-init.confirm-dialog--hide,\n.confirm-dialog--show-init.confirm-dialog--show-init {\n display: flex;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show-init.confirm-dialog--mask-fade,\n.confirm-dialog--show-init.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show-init .confirm-dialog__window--fade {\n opacity: 0;\n}\n\n.confirm-dialog--hide-init.confirm-dialog--hide-init,\n.confirm-dialog--hide-init.confirm-dialog--show,\n.confirm-dialog--show.confirm-dialog--hide-init,\n.confirm-dialog--show.confirm-dialog--show {\n display: flex;\n}\n.confirm-dialog--hide-init.confirm-dialog--mask-fade,\n.confirm-dialog--hide-init.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.confirm-dialog--hide-init .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .confirm-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .confirm-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-confirm-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.confirm-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.confirm-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.confirm-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.confirm-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.confirm-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.confirm-dialog__main > :first-child {\n margin-top: 0;\n}\n.confirm-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\na.confirm-dialog__confirm,\nbutton.confirm-dialog__confirm {\n margin-left: var(--spacing-100);\n}\n\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.confirm-dialog--hide.confirm-dialog--hide,\n.confirm-dialog--hide.confirm-dialog--show-init,\n.confirm-dialog--show-init.confirm-dialog--hide,\n.confirm-dialog--show-init.confirm-dialog--show-init {\n display: flex;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show-init.confirm-dialog--mask-fade,\n.confirm-dialog--show-init.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show-init .confirm-dialog__window--fade {\n opacity: 0;\n}\n\n.confirm-dialog--hide-init.confirm-dialog--hide-init,\n.confirm-dialog--hide-init.confirm-dialog--show,\n.confirm-dialog--show.confirm-dialog--hide-init,\n.confirm-dialog--show.confirm-dialog--show {\n display: flex;\n}\n.confirm-dialog--hide-init.confirm-dialog--mask-fade,\n.confirm-dialog--hide-init.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.confirm-dialog--hide-init .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .confirm-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .confirm-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-confirm-dialog/index.min.js b/docs/ui/makeup-confirm-dialog/index.min.js
index 74157f78..7910d7d1 100644
--- a/docs/ui/makeup-confirm-dialog/index.min.js
+++ b/docs/ui/makeup-confirm-dialog/index.min.js
@@ -697,12 +697,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -732,7 +732,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -746,7 +746,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1036,7 +1036,7 @@ function _onClick(e) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-confirm-dialog/index.min.js.map b/docs/ui/makeup-confirm-dialog/index.min.js.map
index 8eee54cb..db0196b2 100644
--- a/docs/ui/makeup-confirm-dialog/index.min.js.map
+++ b/docs/ui/makeup-confirm-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-confirm-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0C;;;;;;;;ACAlD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACxDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAA2B;AACnC,kDAAkD,mBAAO,CAAC,GAAuB;AACjF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/confirm-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css?448d","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-confirm-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-confirm-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/confirm-dialog/confirm-dialog.css');\n","require('./dist/global/global.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n baseClass: \"confirm-dialog\",\n closeButtonSelector: \".confirm-dialog__close\",\n quickDismiss: true,\n confirmButtonSelector: \".confirm-dialog__confirm\",\n focusManagementIndex: 1,\n rejectButtonSelector: \".confirm-dialog__reject\",\n windowSelector: \".confirm-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._confirmButtonEl = this._el.querySelector(this._options.confirmButtonSelector);\n this._rejectButtonEl = this._el.querySelector(this._options.rejectButtonSelector);\n this._onConfirmButtonClickListener = _onConfirmButtonClick.bind(this);\n this._onRejectButtonClickListener = _onRejectButtonClick.bind(this);\n this._confirmButtonEl.addEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.addEventListener(\"click\", this._onRejectButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._confirmButtonEl.removeEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.removeEventListener(\"click\", this._onRejectButtonClickListener);\n }\n confirm() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-confirm\"));\n }\n reject() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-reject\"));\n }\n destroy() {\n super.destroy();\n this._onConfirmButtonClickListener = null;\n this._onRejectButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onConfirmButtonClick() {\n this.confirm();\n}\nfunction _onRejectButtonClick() {\n this.reject();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/confirm-dialog\");\nvar _makeupConfirmDialog = _interopRequireDefault(require(\"makeup-confirm-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const ConfirmDialog = require('makeup-confirm-dialog');\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".confirm-dialog\").forEach(function (el, i) {\n const widget = new _makeupConfirmDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-confirm-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0C;;;;;;;;ACAlD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACxDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAA2B;AACnC,kDAAkD,mBAAO,CAAC,GAAuB;AACjF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/confirm-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css?448d","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-confirm-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-confirm-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/confirm-dialog/confirm-dialog.css');\n","require('./dist/global/global.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n baseClass: \"confirm-dialog\",\n closeButtonSelector: \".confirm-dialog__close\",\n quickDismiss: true,\n confirmButtonSelector: \".confirm-dialog__confirm\",\n focusManagementIndex: 1,\n rejectButtonSelector: \".confirm-dialog__reject\",\n windowSelector: \".confirm-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._confirmButtonEl = this._el.querySelector(this._options.confirmButtonSelector);\n this._rejectButtonEl = this._el.querySelector(this._options.rejectButtonSelector);\n this._onConfirmButtonClickListener = _onConfirmButtonClick.bind(this);\n this._onRejectButtonClickListener = _onRejectButtonClick.bind(this);\n this._confirmButtonEl.addEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.addEventListener(\"click\", this._onRejectButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._confirmButtonEl.removeEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.removeEventListener(\"click\", this._onRejectButtonClickListener);\n }\n confirm() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-confirm\"));\n }\n reject() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-reject\"));\n }\n destroy() {\n super.destroy();\n this._onConfirmButtonClickListener = null;\n this._onRejectButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onConfirmButtonClick() {\n this.confirm();\n}\nfunction _onRejectButtonClick() {\n this.reject();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/confirm-dialog\");\nvar _makeupConfirmDialog = _interopRequireDefault(require(\"makeup-confirm-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const ConfirmDialog = require('makeup-confirm-dialog');\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".confirm-dialog\").forEach(function (el, i) {\n const widget = new _makeupConfirmDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-dialog-button/index.css b/docs/ui/makeup-dialog-button/index.css
index debf0c3d..2161f27c 100644
--- a/docs/ui/makeup-dialog-button/index.css
+++ b/docs/ui/makeup-dialog-button/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
@@ -549,6 +550,34 @@ a[aria-disabled="true"] {
white-space: nowrap;
}
+.scrollbars-permanent {
+ -webkit-overflow-scrolling: touch;
+ scroll-behavior: smooth;
+ scroll-snap-type: proximity;
+ scroll-snap-type: x proximity;
+}
+
+.scrollbars-permanent::-webkit-scrollbar {
+ background-color: var(--color-background-faint);
+ border-radius: 12px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:vertical {
+ width: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:horizontal {
+ height: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar-thumb {
+ background-color: var(--color-foreground-secondary);
+ border-color: transparent;
+ border-radius: 12px;
+ border-right-style: inset;
+ box-shadow: none;
+}
+
a.fake-btn,
button.btn {
background-color: initial;
diff --git a/docs/ui/makeup-dialog-button/index.css.map b/docs/ui/makeup-dialog-button/index.css.map
index d2c73599..f96c2740 100644
--- a/docs/ui/makeup-dialog-button/index.css.map
+++ b/docs/ui/makeup-dialog-button/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-dialog-button/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/link/link.css","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n","a.nav-link,\na.standalone-link {\n color: var(--nav-link-foreground-color, var(--color-foreground-primary));\n text-decoration: none;\n}\na.nav-link:visited,\na.standalone-link:visited {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na.nav-link:hover,\na.standalone-link:hover {\n color: var(\n --nav-link-foreground-hover-color,\n var(--color-foreground-secondary)\n );\n text-decoration: underline;\n}\na.nav-link:not([href]),\na.nav-link[aria-disabled=\"true\"],\na.standalone-link:not([href]),\na.standalone-link[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n text-decoration: none;\n}\n\nbutton.fake-link {\n background-color: initial;\n border: 0;\n color: var(--fake-link-foreground-color, var(--color-foreground-primary));\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n text-decoration: underline;\n}\nbutton.fake-link:hover {\n color: var(\n --fake-link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\nbutton.fake-link[aria-disabled=\"true\"],\nbutton.fake-link[disabled] {\n color: var(\n --fake-link-foreground-disabled-color,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --input-default-height: 40px;\n --input-large-height: 48px;\n}\n\n.textbox {\n align-items: center;\n background-color: var(\n --textbox-background-color,\n var(--color-background-secondary)\n );\n border-color: var(--textbox-border-color, var(--color-stroke-default));\n border-radius: var(--textbox-border-radius, var(--border-radius-50));\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --textbox-foreground-color,\n var(--color-foreground-on-secondary)\n );\n display: inline-flex;\n font-size: var(--font-size-default);\n gap: var(--spacing-100);\n overflow: hidden;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n}\n.textbox button.icon-btn {\n background-color: initial;\n padding: 0;\n}\n.textbox--focus,\n.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not(\n :has(> .textbox__control[readonly])\n ) {\n background-color: var(\n --textbox-focus-background-color,\n var(--color-background-primary)\n );\n border-color: var(--textbox-focus-border-color, var(--color-stroke-strong));\n box-shadow: 0 0 0 1px var(--color-stroke-strong);\n}\n.textbox--readonly,\n.textbox:has(> .textbox__control[readonly]) {\n background-color: initial;\n border: none;\n}\n.textbox--disabled,\n.textbox:has(> .textbox__control[disabled]) {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n.textbox--invalid,\n.textbox:has(> .textbox__control[aria-invalid=\"true\"]) {\n border-color: var(\n --textbox-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.textbox__control {\n background-color: initial;\n border: none;\n box-sizing: border-box;\n color: inherit;\n}\n\ntextarea.textbox__control {\n font-family: inherit;\n min-height: 200px;\n overflow: auto;\n padding: var(--spacing-200);\n resize: vertical;\n vertical-align: middle;\n}\n\ninput.textbox__control {\n font-family: inherit;\n padding: 0;\n vertical-align: middle;\n}\n\ninput.textbox__control:first-child:not([readonly]) {\n padding-inline-start: var(--spacing-200);\n}\n\ninput.textbox__control:last-child:not([readonly]) {\n padding-inline-end: var(--spacing-200);\n}\n\ninput.textbox__control,\ntextarea.textbox__control {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n flex-grow: 1;\n font-size: 1em;\n height: 40px;\n margin: 0;\n outline: none;\n}\ninput.textbox__control[disabled],\ntextarea.textbox__control[disabled] {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\ninput.textbox__control[disabled]::-webkit-input-placeholder,\ntextarea.textbox__control[disabled]::-webkit-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]::-moz-placeholder,\ntextarea.textbox__control[disabled]::-moz-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]:-ms-input-placeholder,\ntextarea.textbox__control[disabled]:-ms-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[aria-invalid=\"true\"],\ntextarea.textbox__control[aria-invalid=\"true\"] {\n border-color: var(\n --textbox-invalid-foreground-color,\n var(--color-stroke-attention)\n );\n}\ninput.textbox__control::placeholder,\ntextarea.textbox__control::placeholder {\n color: var(--textbox-placeholder-color, var(--color-foreground-secondary));\n font-weight: 200;\n opacity: 1;\n}\n\ninput.textbox__control {\n height: calc(var(--input-default-height) - 2px);\n}\n\n.textbox--large input.textbox__control {\n height: calc(var(--input-large-height) - 2px);\n}\n\n.textbox .icon-btn > svg,\n.textbox > svg {\n color: var(--textbox-icon-color, var(--color-foreground-secondary));\n display: inline-flex;\n height: 1lh;\n pointer-events: none;\n width: 14px;\n fill: var(--textbox-icon-color, var(--color-foreground-secondary));\n}\n\n.textbox > span:first-child,\n.textbox > svg:first-child {\n margin-inline-start: var(--spacing-200);\n}\n\n.textbox > span:last-child,\n.textbox > svg:last-child {\n margin-inline-end: var(--spacing-200);\n}\n\n.textbox .icon-btn:last-child {\n margin-inline-start: calc(var(--spacing-100) * -1);\n}\n\n.textbox .icon-btn:first-child {\n margin-inline-end: calc(var(--spacing-100) * -1);\n}\n\ninput.textbox__control[readonly]:focus,\ntextarea.textbox__control[readonly]:focus {\n text-decoration: underline;\n}\n\n.textbox--fluid,\n.textbox--fluid .textbox__control {\n width: 100%;\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.alert-dialog[role=\"alertdialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.alert-dialog[role=\"alertdialog\"]:not([hidden]) {\n display: flex;\n}\n\n.alert-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.alert-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.alert-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.alert-dialog__main > :first-child {\n margin-top: 0;\n}\n.alert-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.alert-dialog--hide.alert-dialog--hide,\n.alert-dialog--hide.alert-dialog--show-init,\n.alert-dialog--show-init.alert-dialog--hide,\n.alert-dialog--show-init.alert-dialog--show-init {\n display: flex;\n}\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show-init.alert-dialog--mask-fade,\n.alert-dialog--show-init.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show-init .alert-dialog__window--fade {\n opacity: 0;\n}\n\n.alert-dialog--hide-init.alert-dialog--hide-init,\n.alert-dialog--hide-init.alert-dialog--show,\n.alert-dialog--show.alert-dialog--hide-init,\n.alert-dialog--show.alert-dialog--show {\n display: flex;\n}\n.alert-dialog--hide-init.alert-dialog--mask-fade,\n.alert-dialog--hide-init.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.alert-dialog--hide-init .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .alert-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .alert-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.confirm-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.confirm-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.confirm-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.confirm-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.confirm-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.confirm-dialog__main > :first-child {\n margin-top: 0;\n}\n.confirm-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\na.confirm-dialog__confirm,\nbutton.confirm-dialog__confirm {\n margin-left: var(--spacing-100);\n}\n\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.confirm-dialog--hide.confirm-dialog--hide,\n.confirm-dialog--hide.confirm-dialog--show-init,\n.confirm-dialog--show-init.confirm-dialog--hide,\n.confirm-dialog--show-init.confirm-dialog--show-init {\n display: flex;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show-init.confirm-dialog--mask-fade,\n.confirm-dialog--show-init.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show-init .confirm-dialog__window--fade {\n opacity: 0;\n}\n\n.confirm-dialog--hide-init.confirm-dialog--hide-init,\n.confirm-dialog--hide-init.confirm-dialog--show,\n.confirm-dialog--show.confirm-dialog--hide-init,\n.confirm-dialog--show.confirm-dialog--show {\n display: flex;\n}\n.confirm-dialog--hide-init.confirm-dialog--mask-fade,\n.confirm-dialog--hide-init.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.confirm-dialog--hide-init .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .confirm-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .confirm-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.drawer-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-end;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.drawer-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.drawer-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.drawer-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-250) var(--spacing-200) 0;\n position: relative;\n}\n.drawer-dialog__header h1,\n.drawer-dialog__header h2,\n.drawer-dialog__header h3,\n.drawer-dialog__header h4,\n.drawer-dialog__header h5,\n.drawer-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.drawer-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.drawer-dialog__header .fake-link {\n align-self: flex-start;\n text-decoration: none;\n}\n\n.drawer-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.drawer-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.drawer-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.drawer-dialog__main > :first-child {\n margin-top: 0;\n}\n.drawer-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.drawer-dialog__footer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 16px;\n position: relative;\n}\n.drawer-dialog__footer > * {\n flex: 1;\n}\n.drawer-dialog__footer > :not(:first-child) {\n margin-left: 8px;\n}\nbutton.icon-btn.drawer-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.drawer-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n max-height: 50%;\n max-width: 100%;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: hidden;\n}\n\n.drawer-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n.drawer-dialog__window--slide {\n transition: max-height 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--show-init,\n.drawer-dialog--hidedrawer-dialog--hide,\n.drawer-dialog--show-init.drawer-dialog--show-init,\n.drawer-dialog--show-initdrawer-dialog--hide {\n display: flex;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show-init.drawer-dialog--mask-fade,\n.drawer-dialog--show-init.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show-init .drawer-dialog__window--slide {\n transform: translateY(100%);\n}\n.drawer-dialog--hide-init.drawer-dialog--hide-init,\n.drawer-dialog--hide-init.drawer-dialog--show,\n.drawer-dialog--show.drawer-dialog--hide-init,\n.drawer-dialog--show.drawer-dialog--show {\n display: flex;\n}\n.drawer-dialog--hide-init.drawer-dialog--mask-fade,\n.drawer-dialog--hide-init.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.drawer-dialog--hide-init .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n opacity: 1;\n}\n.drawer-dialog--hide-init .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transform: translateX(0);\n}\n\n.drawer-dialog__handle:focus:not(:focus-visible) {\n outline: none;\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.fullscreen-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.fullscreen-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.fullscreen-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.fullscreen-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.fullscreen-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.fullscreen-dialog__header h1,\n.fullscreen-dialog__header h2,\n.fullscreen-dialog__header h3,\n.fullscreen-dialog__header h4,\n.fullscreen-dialog__header h5,\n.fullscreen-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.fullscreen-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.fullscreen-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.fullscreen-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__main > :first-child {\n margin-top: 0;\n}\n.fullscreen-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.fullscreen-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\nbutton.icon-btn.fullscreen-dialog__close {\n height: 32px;\n min-width: 32px;\n width: 32px;\n}\nbutton.fullscreen-dialog__back,\nbutton.fullscreen-dialog__close {\n align-self: flex-start;\n border: 0;\n padding: 0;\n position: relative;\n z-index: 1;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transition: transform 0.32s ease-out;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--hide,\n.fullscreen-dialog--hide.fullscreen-dialog--show-init,\n.fullscreen-dialog--show-init.fullscreen-dialog--hide,\n.fullscreen-dialog--show-init.fullscreen-dialog--show-init {\n display: flex;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--fade {\n opacity: 0;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide {\n transform: translateY(100%);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide-end {\n transform: translateX(100%);\n}\n\n.fullscreen-dialog--hide-init.fullscreen-dialog--hide-init,\n.fullscreen-dialog--hide-init.fullscreen-dialog--show,\n.fullscreen-dialog--show.fullscreen-dialog--hide-init,\n.fullscreen-dialog--show.fullscreen-dialog--show {\n display: flex;\n}\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n opacity: 1;\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transform: translateX(0);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n --dialog-lightbox-wide-max-width: 896px;\n --dialog-lightbox-narrow-max-width: 480px;\n}\n\n.lightbox-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.lightbox-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.lightbox-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n will-change: opacity, transform;\n}\n\n.lightbox-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.lightbox-dialog__header h1,\n.lightbox-dialog__header h2,\n.lightbox-dialog__header h3,\n.lightbox-dialog__header h4,\n.lightbox-dialog__header h5,\n.lightbox-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.lightbox-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.lightbox-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: 18px;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__main > :first-child {\n margin-top: 0;\n}\n.lightbox-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.lightbox-dialog__footer {\n border-top: 1px solid\n var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\n.lightbox-dialog__image {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n height: 218px;\n position: absolute;\n width: 100%;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__window {\n padding-bottom: var(--spacing-100);\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header > * {\n margin-top: 218px;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header {\n margin: var(--spacing-300) var(--spacing-300) 0;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__footer,\n.lightbox-dialog--expressive .lightbox-dialog__main {\n padding: var(--spacing-200) var(--spacing-300);\n}\nbutton.icon-btn.lightbox-dialog__close,\nbutton.icon-btn.lightbox-dialog__prev {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\nbutton.icon-btn.lightbox-dialog__prev {\n margin-inline-end: var(--spacing-200);\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {\n align-self: self-start;\n margin: 0;\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {\n margin-left: -32px;\n}\n\n.lightbox-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.lightbox-dialog__title--center {\n text-align: center;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n transition:\n opacity 0.16s ease-out,\n transform 0.32s ease-out;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--hide,\n.lightbox-dialog--hide.lightbox-dialog--show-init,\n.lightbox-dialog--show-init.lightbox-dialog--hide,\n.lightbox-dialog--show-init.lightbox-dialog--show-init {\n display: flex;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show-init .lightbox-dialog__window--fade {\n opacity: 0;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show-init .lightbox-dialog__window--animate {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.lightbox-dialog--hide-init.lightbox-dialog--hide-init,\n.lightbox-dialog--hide-init.lightbox-dialog--show,\n.lightbox-dialog--show.lightbox-dialog--hide-init,\n.lightbox-dialog--show.lightbox-dialog--show {\n display: flex;\n}\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n opacity: 1;\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n opacity: 1;\n transform: translateY(0);\n}\n\n.lightbox-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.lightbox-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.lightbox-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n[dir=\"rtl\"] button.icon-btn.lightbox-dialog__prev .icon--16 {\n transform: rotate(180deg);\n}\n\n.lightbox-dialog--fullscreen .lightbox-dialog__window,\n.lightbox-dialog--large .lightbox-dialog__window {\n align-self: center;\n height: 70%;\n margin: var(--spacing-100);\n max-height: 95%;\n}\n\n@media (max-width: 512px) {\n .lightbox-dialog--large .lightbox-dialog__window {\n height: 95%;\n max-height: 95%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__window {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__handle,\n .lightbox-dialog--large .lightbox-dialog__handle {\n display: none;\n }\n}\n@media (min-width: 512px) {\n .lightbox-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n .lightbox-dialog__handle {\n display: none;\n }\n .lightbox-dialog--narrow .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-narrow-max-width);\n }\n .lightbox-dialog__window .lightbox-dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {\n margin-left: var(--spacing-100);\n margin-top: 0;\n }\n .lightbox-dialog--hide .lightbox-dialog__window--animate,\n .lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n .lightbox-dialog--show .lightbox-dialog__window--animate,\n .lightbox-dialog--show-init .lightbox-dialog__window--animate {\n transform: translateY(0);\n }\n}\n@media (min-width: 768px) {\n .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-wide-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__image {\n height: 256px;\n }\n .lightbox-dialog--wide.lightbox-dialog--expressive\n .lightbox-dialog__header\n > * {\n margin-top: 256px;\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.panel-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n flex-direction: column;\n overflow-y: auto;\n overflow-y: hidden;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.panel-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.panel-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-right: 1px solid rgba(153, 153, 153, 0.18);\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.panel-dialog__window--end {\n align-self: flex-end;\n border-left: 1px solid rgba(153, 153, 153, 0.18);\n}\n\n.panel-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.panel-dialog__header h1,\n.panel-dialog__header h2,\n.panel-dialog__header h3,\n.panel-dialog__header h4,\n.panel-dialog__header h5,\n.panel-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.panel-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.panel-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.panel-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n height: 1px;\n overflow-y: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__main > :first-child {\n margin-top: 0;\n}\n.panel-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.panel-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\nbutton.icon-btn.panel-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n padding: 0;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.panel-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n\n.panel-dialog--hide.panel-dialog--hide,\n.panel-dialog--hide.panel-dialog--show-init,\n.panel-dialog--show-init.panel-dialog--hide,\n.panel-dialog--show-init.panel-dialog--show-init {\n display: flex;\n}\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show-init.panel-dialog--mask-fade,\n.panel-dialog--show-init.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.panel-dialog--hide .panel-dialog__window--slide-left,\n.panel-dialog--show-init .panel-dialog__window--slide-left {\n transform: translateX(-100%);\n}\n.panel-dialog--hide .panel-dialog__window--slide-right,\n.panel-dialog--show-init .panel-dialog__window--slide-right {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show-init .panel-dialog__window--slide {\n transform: translateX(-100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--end.panel-dialog__window--slide,\n.panel-dialog--show-init\n .panel-dialog__window--end.panel-dialog__window--slide {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide-init.panel-dialog--hide-init,\n.panel-dialog--hide-init.panel-dialog--show,\n.panel-dialog--show.panel-dialog--hide-init,\n.panel-dialog--show.panel-dialog--show {\n display: flex;\n}\n.panel-dialog--hide-init.panel-dialog--mask-fade,\n.panel-dialog--hide-init.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.panel-dialog--hide-init .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transform: translateX(0);\n}\n@media (min-width: 512px) {\n .panel-dialog__window {\n width: 384px;\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.snackbar-dialog {\n background-color: var(\n --snackbar-dialog-background-color,\n var(--color-background-inverse)\n );\n border-radius: var(\n --snackbar-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 40px;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n left: var(--spacing-100);\n margin: auto;\n max-height: 40vh;\n max-width: 448px;\n position: fixed;\n right: var(--spacing-100);\n transform: translateY(0);\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.snackbar-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.snackbar-dialog--hide-init,\n.snackbar-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.snackbar-dialog--hide,\n.snackbar-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.snackbar-dialog__window {\n display: flex;\n margin: var(--spacing-200) var(--spacing-300);\n}\n\n.snackbar-dialog__window--column {\n flex-direction: column;\n}\n\n.snackbar-dialog__main {\n margin-inline-end: var(--spacing-400);\n}\n\n.snackbar-dialog__main p {\n margin: 0;\n}\n\n.snackbar-dialog__actions {\n margin-inline-start: auto;\n}\n\n.snackbar-dialog__window--column .snackbar-dialog__actions {\n margin-top: var(--spacing-200);\n}\n\n.snackbar-dialog__actions .fake-link {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: none;\n}\n.snackbar-dialog__actions .fake-link:first-letter {\n text-decoration: underline;\n}\n.snackbar-dialog__actions button.fake-link:hover:not(:disabled) {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: underline;\n}\n\n@media (min-width: 512px) {\n .snackbar-dialog {\n bottom: 20px;\n }\n}\n[dir=\"rtl\"] .snackbar-dialog {\n left: auto;\n right: 0;\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.toast-dialog {\n background-color: var(\n --toast-dialog-background-color,\n var(--color-background-information)\n );\n border-top-left-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n border-top-right-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 0;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n left: 0;\n max-height: 40vh;\n min-width: 320px;\n position: fixed;\n transform: translateY(0);\n width: 100vw;\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.toast-dialog,\n.toast-dialog a {\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n}\n\n.toast-dialog a:focus {\n outline: 1px auto currentColor;\n}\n\n.toast-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.toast-dialog--hide-init,\n.toast-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.toast-dialog--hide,\n.toast-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.toast-dialog__window {\n margin: var(--spacing-100) var(--spacing-200) var(--spacing-200);\n}\n\n.toast-dialog__header {\n align-items: center;\n display: flex;\n}\n.toast-dialog__header h2,\n.toast-dialog__title {\n margin: 0;\n}\nbutton.toast-dialog__close {\n align-self: flex-start;\n border: 0;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n flex-shrink: 0;\n margin-inline-start: auto;\n padding: 0;\n}\nbutton.toast-dialog__close:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\nbutton.toast-dialog__close:focus,\nbutton.toast-dialog__close:hover {\n color: var(--color-state-primary-hover);\n}\n\nbutton.toast-dialog__close > svg {\n fill: currentColor;\n}\n\n.toast-dialog__footer {\n display: flex;\n justify-content: flex-end;\n}\n.toast-dialog__footer button:first-letter {\n text-decoration: underline;\n}\n.toast-dialog__footer button.btn--primary,\n.toast-dialog__footer button.btn--secondary {\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n border-style: solid;\n border-width: 1px;\n outline-offset: 2px;\n}\n.toast-dialog__footer button.btn--primary {\n background-color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n color: var(--toast-dialog-background-color, var(--color-foreground-accent));\n}\n.toast-dialog__footer button.btn--secondary {\n background-color: initial;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n font-weight: 700;\n margin-inline-end: var(--spacing-100);\n}\n.toast-dialog__footer button.btn--primary:focus,\n.toast-dialog__footer button.btn--secondary:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):focus,\n.toast-dialog__footer button.btn--primary:not([disabled]):hover {\n background-color: var(--color-state-primary-hover);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):active {\n background-color: var(--color-state-primary-active);\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):focus,\n.toast-dialog__footer button.btn--secondary:not([disabled]):hover {\n background-color: var(--color-state-accent-hover);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):active {\n background-color: var(--color-state-accent-active);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n\n@media (min-width: 512px) {\n .toast-dialog {\n border-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: var(--spacing-200);\n left: var(--spacing-200);\n max-width: 480px;\n width: auto;\n }\n .toast-dialog__window {\n margin: var(--spacing-200) var(--spacing-300) var(--spacing-300);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-dialog-button/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/link/link.css","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.scrollbars-permanent {\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n scroll-snap-type: proximity;\n scroll-snap-type: x proximity;\n}\n\n.scrollbars-permanent::-webkit-scrollbar {\n background-color: var(--color-background-faint);\n border-radius: 12px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:vertical {\n width: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:horizontal {\n height: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar-thumb {\n background-color: var(--color-foreground-secondary);\n border-color: transparent;\n border-radius: 12px;\n border-right-style: inset;\n box-shadow: none;\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n","a.nav-link,\na.standalone-link {\n color: var(--nav-link-foreground-color, var(--color-foreground-primary));\n text-decoration: none;\n}\na.nav-link:visited,\na.standalone-link:visited {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na.nav-link:hover,\na.standalone-link:hover {\n color: var(\n --nav-link-foreground-hover-color,\n var(--color-foreground-secondary)\n );\n text-decoration: underline;\n}\na.nav-link:not([href]),\na.nav-link[aria-disabled=\"true\"],\na.standalone-link:not([href]),\na.standalone-link[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n text-decoration: none;\n}\n\nbutton.fake-link {\n background-color: initial;\n border: 0;\n color: var(--fake-link-foreground-color, var(--color-foreground-primary));\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n text-decoration: underline;\n}\nbutton.fake-link:hover {\n color: var(\n --fake-link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\nbutton.fake-link[aria-disabled=\"true\"],\nbutton.fake-link[disabled] {\n color: var(\n --fake-link-foreground-disabled-color,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --input-default-height: 40px;\n --input-large-height: 48px;\n}\n\n.textbox {\n align-items: center;\n background-color: var(\n --textbox-background-color,\n var(--color-background-secondary)\n );\n border-color: var(--textbox-border-color, var(--color-stroke-default));\n border-radius: var(--textbox-border-radius, var(--border-radius-50));\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --textbox-foreground-color,\n var(--color-foreground-on-secondary)\n );\n display: inline-flex;\n font-size: var(--font-size-default);\n gap: var(--spacing-100);\n overflow: hidden;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n}\n.textbox button.icon-btn {\n background-color: initial;\n padding: 0;\n}\n.textbox--focus,\n.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not(\n :has(> .textbox__control[readonly])\n ) {\n background-color: var(\n --textbox-focus-background-color,\n var(--color-background-primary)\n );\n border-color: var(--textbox-focus-border-color, var(--color-stroke-strong));\n box-shadow: 0 0 0 1px var(--color-stroke-strong);\n}\n.textbox--readonly,\n.textbox:has(> .textbox__control[readonly]) {\n background-color: initial;\n border: none;\n}\n.textbox--disabled,\n.textbox:has(> .textbox__control[disabled]) {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n.textbox--invalid,\n.textbox:has(> .textbox__control[aria-invalid=\"true\"]) {\n border-color: var(\n --textbox-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.textbox__control {\n background-color: initial;\n border: none;\n box-sizing: border-box;\n color: inherit;\n}\n\ntextarea.textbox__control {\n font-family: inherit;\n min-height: 200px;\n overflow: auto;\n padding: var(--spacing-200);\n resize: vertical;\n vertical-align: middle;\n}\n\ninput.textbox__control {\n font-family: inherit;\n padding: 0;\n vertical-align: middle;\n}\n\ninput.textbox__control:first-child:not([readonly]) {\n padding-inline-start: var(--spacing-200);\n}\n\ninput.textbox__control:last-child:not([readonly]) {\n padding-inline-end: var(--spacing-200);\n}\n\ninput.textbox__control,\ntextarea.textbox__control {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n flex-grow: 1;\n font-size: 1em;\n height: 40px;\n margin: 0;\n outline: none;\n}\ninput.textbox__control[disabled],\ntextarea.textbox__control[disabled] {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\ninput.textbox__control[disabled]::-webkit-input-placeholder,\ntextarea.textbox__control[disabled]::-webkit-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]::-moz-placeholder,\ntextarea.textbox__control[disabled]::-moz-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]:-ms-input-placeholder,\ntextarea.textbox__control[disabled]:-ms-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[aria-invalid=\"true\"],\ntextarea.textbox__control[aria-invalid=\"true\"] {\n border-color: var(\n --textbox-invalid-foreground-color,\n var(--color-stroke-attention)\n );\n}\ninput.textbox__control::placeholder,\ntextarea.textbox__control::placeholder {\n color: var(--textbox-placeholder-color, var(--color-foreground-secondary));\n font-weight: 200;\n opacity: 1;\n}\n\ninput.textbox__control {\n height: calc(var(--input-default-height) - 2px);\n}\n\n.textbox--large input.textbox__control {\n height: calc(var(--input-large-height) - 2px);\n}\n\n.textbox .icon-btn > svg,\n.textbox > svg {\n color: var(--textbox-icon-color, var(--color-foreground-secondary));\n display: inline-flex;\n height: 1lh;\n pointer-events: none;\n width: 14px;\n fill: var(--textbox-icon-color, var(--color-foreground-secondary));\n}\n\n.textbox > span:first-child,\n.textbox > svg:first-child {\n margin-inline-start: var(--spacing-200);\n}\n\n.textbox > span:last-child,\n.textbox > svg:last-child {\n margin-inline-end: var(--spacing-200);\n}\n\n.textbox .icon-btn:last-child {\n margin-inline-start: calc(var(--spacing-100) * -1);\n}\n\n.textbox .icon-btn:first-child {\n margin-inline-end: calc(var(--spacing-100) * -1);\n}\n\ninput.textbox__control[readonly]:focus,\ntextarea.textbox__control[readonly]:focus {\n text-decoration: underline;\n}\n\n.textbox--fluid,\n.textbox--fluid .textbox__control {\n width: 100%;\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.alert-dialog[role=\"alertdialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.alert-dialog[role=\"alertdialog\"]:not([hidden]) {\n display: flex;\n}\n\n.alert-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.alert-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.alert-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.alert-dialog__main > :first-child {\n margin-top: 0;\n}\n.alert-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.alert-dialog--hide.alert-dialog--hide,\n.alert-dialog--hide.alert-dialog--show-init,\n.alert-dialog--show-init.alert-dialog--hide,\n.alert-dialog--show-init.alert-dialog--show-init {\n display: flex;\n}\n.alert-dialog--hide.alert-dialog--mask-fade,\n.alert-dialog--hide.alert-dialog--mask-fade-slow,\n.alert-dialog--show-init.alert-dialog--mask-fade,\n.alert-dialog--show-init.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.alert-dialog--hide .alert-dialog__window--fade,\n.alert-dialog--show-init .alert-dialog__window--fade {\n opacity: 0;\n}\n\n.alert-dialog--hide-init.alert-dialog--hide-init,\n.alert-dialog--hide-init.alert-dialog--show,\n.alert-dialog--show.alert-dialog--hide-init,\n.alert-dialog--show.alert-dialog--show {\n display: flex;\n}\n.alert-dialog--hide-init.alert-dialog--mask-fade,\n.alert-dialog--hide-init.alert-dialog--mask-fade-slow,\n.alert-dialog--show.alert-dialog--mask-fade,\n.alert-dialog--show.alert-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.alert-dialog--hide-init .alert-dialog__window--fade,\n.alert-dialog--show .alert-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .alert-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .alert-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.confirm-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.confirm-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.confirm-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n margin-left: var(--spacing-200);\n margin-right: var(--spacing-200);\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n padding: var(--spacing-200);\n text-align: center;\n will-change: opacity, transform;\n}\n\n.confirm-dialog__title {\n font-size: var(--font-size-large-1);\n font-weight: var(--font-weight-bold);\n line-height: 28px;\n margin: 0;\n}\n\n.confirm-dialog__main {\n margin: var(--spacing-200) 0;\n min-height: var(--spacing-200);\n}\n.confirm-dialog__main > :first-child {\n margin-top: 0;\n}\n.confirm-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\na.confirm-dialog__confirm,\nbutton.confirm-dialog__confirm {\n margin-left: var(--spacing-100);\n}\n\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n\n.confirm-dialog--hide.confirm-dialog--hide,\n.confirm-dialog--hide.confirm-dialog--show-init,\n.confirm-dialog--show-init.confirm-dialog--hide,\n.confirm-dialog--show-init.confirm-dialog--show-init {\n display: flex;\n}\n.confirm-dialog--hide.confirm-dialog--mask-fade,\n.confirm-dialog--hide.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show-init.confirm-dialog--mask-fade,\n.confirm-dialog--show-init.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.confirm-dialog--hide .confirm-dialog__window--fade,\n.confirm-dialog--show-init .confirm-dialog__window--fade {\n opacity: 0;\n}\n\n.confirm-dialog--hide-init.confirm-dialog--hide-init,\n.confirm-dialog--hide-init.confirm-dialog--show,\n.confirm-dialog--show.confirm-dialog--hide-init,\n.confirm-dialog--show.confirm-dialog--show {\n display: flex;\n}\n.confirm-dialog--hide-init.confirm-dialog--mask-fade,\n.confirm-dialog--hide-init.confirm-dialog--mask-fade-slow,\n.confirm-dialog--show.confirm-dialog--mask-fade,\n.confirm-dialog--show.confirm-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.confirm-dialog--hide-init .confirm-dialog__window--fade,\n.confirm-dialog--show .confirm-dialog__window--fade {\n opacity: 1;\n}\n\n@media (min-width: 768px) {\n .confirm-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n}\n@media (min-width: 1024px) {\n .confirm-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.drawer-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-end;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.drawer-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.drawer-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.drawer-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-250) var(--spacing-200) 0;\n position: relative;\n}\n.drawer-dialog__header h1,\n.drawer-dialog__header h2,\n.drawer-dialog__header h3,\n.drawer-dialog__header h4,\n.drawer-dialog__header h5,\n.drawer-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.drawer-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.drawer-dialog__header .fake-link {\n align-self: flex-start;\n text-decoration: none;\n}\n\n.drawer-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.drawer-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.drawer-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.drawer-dialog__main > :first-child {\n margin-top: 0;\n}\n.drawer-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.drawer-dialog__footer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 16px;\n position: relative;\n}\n.drawer-dialog__footer > * {\n flex: 1;\n}\n.drawer-dialog__footer > :not(:first-child) {\n margin-left: 8px;\n}\nbutton.icon-btn.drawer-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.drawer-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n max-height: 50%;\n max-width: 100%;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: hidden;\n}\n\n.drawer-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n.drawer-dialog__window--slide {\n transition: max-height 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--show-init,\n.drawer-dialog--hidedrawer-dialog--hide,\n.drawer-dialog--show-init.drawer-dialog--show-init,\n.drawer-dialog--show-initdrawer-dialog--hide {\n display: flex;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show-init.drawer-dialog--mask-fade,\n.drawer-dialog--show-init.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show-init .drawer-dialog__window--slide {\n transform: translateY(100%);\n}\n.drawer-dialog--hide-init.drawer-dialog--hide-init,\n.drawer-dialog--hide-init.drawer-dialog--show,\n.drawer-dialog--show.drawer-dialog--hide-init,\n.drawer-dialog--show.drawer-dialog--show {\n display: flex;\n}\n.drawer-dialog--hide-init.drawer-dialog--mask-fade,\n.drawer-dialog--hide-init.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.drawer-dialog--hide-init .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n opacity: 1;\n}\n.drawer-dialog--hide-init .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transform: translateX(0);\n}\n\n.drawer-dialog__handle:focus:not(:focus-visible) {\n outline: none;\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.fullscreen-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.fullscreen-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.fullscreen-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.fullscreen-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.fullscreen-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.fullscreen-dialog__header h1,\n.fullscreen-dialog__header h2,\n.fullscreen-dialog__header h3,\n.fullscreen-dialog__header h4,\n.fullscreen-dialog__header h5,\n.fullscreen-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.fullscreen-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.fullscreen-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.fullscreen-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__main > :first-child {\n margin-top: 0;\n}\n.fullscreen-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.fullscreen-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\nbutton.icon-btn.fullscreen-dialog__close {\n height: 32px;\n min-width: 32px;\n width: 32px;\n}\nbutton.fullscreen-dialog__back,\nbutton.fullscreen-dialog__close {\n align-self: flex-start;\n border: 0;\n padding: 0;\n position: relative;\n z-index: 1;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transition: transform 0.32s ease-out;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--hide,\n.fullscreen-dialog--hide.fullscreen-dialog--show-init,\n.fullscreen-dialog--show-init.fullscreen-dialog--hide,\n.fullscreen-dialog--show-init.fullscreen-dialog--show-init {\n display: flex;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--fade {\n opacity: 0;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide {\n transform: translateY(100%);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide-end {\n transform: translateX(100%);\n}\n\n.fullscreen-dialog--hide-init.fullscreen-dialog--hide-init,\n.fullscreen-dialog--hide-init.fullscreen-dialog--show,\n.fullscreen-dialog--show.fullscreen-dialog--hide-init,\n.fullscreen-dialog--show.fullscreen-dialog--show {\n display: flex;\n}\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n opacity: 1;\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transform: translateX(0);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n --dialog-lightbox-wide-max-width: 896px;\n --dialog-lightbox-narrow-max-width: 480px;\n}\n\n.lightbox-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.lightbox-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.lightbox-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n will-change: opacity, transform;\n}\n\n.lightbox-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.lightbox-dialog__header h1,\n.lightbox-dialog__header h2,\n.lightbox-dialog__header h3,\n.lightbox-dialog__header h4,\n.lightbox-dialog__header h5,\n.lightbox-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.lightbox-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.lightbox-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: 18px;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__main > :first-child {\n margin-top: 0;\n}\n.lightbox-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.lightbox-dialog__footer {\n border-top: 1px solid\n var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\n.lightbox-dialog__image {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n height: 218px;\n position: absolute;\n width: 100%;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__window {\n padding-bottom: var(--spacing-100);\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header > * {\n margin-top: 218px;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header {\n margin: var(--spacing-300) var(--spacing-300) 0;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__footer,\n.lightbox-dialog--expressive .lightbox-dialog__main {\n padding: var(--spacing-200) var(--spacing-300);\n}\nbutton.icon-btn.lightbox-dialog__close,\nbutton.icon-btn.lightbox-dialog__prev {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\nbutton.icon-btn.lightbox-dialog__prev {\n margin-inline-end: var(--spacing-200);\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {\n align-self: self-start;\n margin: 0;\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {\n margin-left: -32px;\n}\n\n.lightbox-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.lightbox-dialog__title--center {\n text-align: center;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n transition:\n opacity 0.16s ease-out,\n transform 0.32s ease-out;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--hide,\n.lightbox-dialog--hide.lightbox-dialog--show-init,\n.lightbox-dialog--show-init.lightbox-dialog--hide,\n.lightbox-dialog--show-init.lightbox-dialog--show-init {\n display: flex;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show-init .lightbox-dialog__window--fade {\n opacity: 0;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show-init .lightbox-dialog__window--animate {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.lightbox-dialog--hide-init.lightbox-dialog--hide-init,\n.lightbox-dialog--hide-init.lightbox-dialog--show,\n.lightbox-dialog--show.lightbox-dialog--hide-init,\n.lightbox-dialog--show.lightbox-dialog--show {\n display: flex;\n}\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n opacity: 1;\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n opacity: 1;\n transform: translateY(0);\n}\n\n.lightbox-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.lightbox-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.lightbox-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n[dir=\"rtl\"] button.icon-btn.lightbox-dialog__prev .icon--16 {\n transform: rotate(180deg);\n}\n\n.lightbox-dialog--fullscreen .lightbox-dialog__window,\n.lightbox-dialog--large .lightbox-dialog__window {\n align-self: center;\n height: 70%;\n margin: var(--spacing-100);\n max-height: 95%;\n}\n\n@media (max-width: 512px) {\n .lightbox-dialog--large .lightbox-dialog__window {\n height: 95%;\n max-height: 95%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__window {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__handle,\n .lightbox-dialog--large .lightbox-dialog__handle {\n display: none;\n }\n}\n@media (min-width: 512px) {\n .lightbox-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n .lightbox-dialog__handle {\n display: none;\n }\n .lightbox-dialog--narrow .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-narrow-max-width);\n }\n .lightbox-dialog__window .lightbox-dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {\n margin-left: var(--spacing-100);\n margin-top: 0;\n }\n .lightbox-dialog--hide .lightbox-dialog__window--animate,\n .lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n .lightbox-dialog--show .lightbox-dialog__window--animate,\n .lightbox-dialog--show-init .lightbox-dialog__window--animate {\n transform: translateY(0);\n }\n}\n@media (min-width: 768px) {\n .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-wide-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__image {\n height: 256px;\n }\n .lightbox-dialog--wide.lightbox-dialog--expressive\n .lightbox-dialog__header\n > * {\n margin-top: 256px;\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.panel-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n flex-direction: column;\n overflow-y: auto;\n overflow-y: hidden;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.panel-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.panel-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-right: 1px solid rgba(153, 153, 153, 0.18);\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.panel-dialog__window--end {\n align-self: flex-end;\n border-left: 1px solid rgba(153, 153, 153, 0.18);\n}\n\n.panel-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.panel-dialog__header h1,\n.panel-dialog__header h2,\n.panel-dialog__header h3,\n.panel-dialog__header h4,\n.panel-dialog__header h5,\n.panel-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.panel-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.panel-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.panel-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n height: 1px;\n overflow-y: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__main > :first-child {\n margin-top: 0;\n}\n.panel-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.panel-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\nbutton.icon-btn.panel-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n padding: 0;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.panel-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n\n.panel-dialog--hide.panel-dialog--hide,\n.panel-dialog--hide.panel-dialog--show-init,\n.panel-dialog--show-init.panel-dialog--hide,\n.panel-dialog--show-init.panel-dialog--show-init {\n display: flex;\n}\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show-init.panel-dialog--mask-fade,\n.panel-dialog--show-init.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.panel-dialog--hide .panel-dialog__window--slide-left,\n.panel-dialog--show-init .panel-dialog__window--slide-left {\n transform: translateX(-100%);\n}\n.panel-dialog--hide .panel-dialog__window--slide-right,\n.panel-dialog--show-init .panel-dialog__window--slide-right {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show-init .panel-dialog__window--slide {\n transform: translateX(-100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--end.panel-dialog__window--slide,\n.panel-dialog--show-init\n .panel-dialog__window--end.panel-dialog__window--slide {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide-init.panel-dialog--hide-init,\n.panel-dialog--hide-init.panel-dialog--show,\n.panel-dialog--show.panel-dialog--hide-init,\n.panel-dialog--show.panel-dialog--show {\n display: flex;\n}\n.panel-dialog--hide-init.panel-dialog--mask-fade,\n.panel-dialog--hide-init.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.panel-dialog--hide-init .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transform: translateX(0);\n}\n@media (min-width: 512px) {\n .panel-dialog__window {\n width: 384px;\n }\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.snackbar-dialog {\n background-color: var(\n --snackbar-dialog-background-color,\n var(--color-background-inverse)\n );\n border-radius: var(\n --snackbar-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 40px;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n left: var(--spacing-100);\n margin: auto;\n max-height: 40vh;\n max-width: 448px;\n position: fixed;\n right: var(--spacing-100);\n transform: translateY(0);\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.snackbar-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.snackbar-dialog--hide-init,\n.snackbar-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.snackbar-dialog--hide,\n.snackbar-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.snackbar-dialog__window {\n display: flex;\n margin: var(--spacing-200) var(--spacing-300);\n}\n\n.snackbar-dialog__window--column {\n flex-direction: column;\n}\n\n.snackbar-dialog__main {\n margin-inline-end: var(--spacing-400);\n}\n\n.snackbar-dialog__main p {\n margin: 0;\n}\n\n.snackbar-dialog__actions {\n margin-inline-start: auto;\n}\n\n.snackbar-dialog__window--column .snackbar-dialog__actions {\n margin-top: var(--spacing-200);\n}\n\n.snackbar-dialog__actions .fake-link {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: none;\n}\n.snackbar-dialog__actions .fake-link:first-letter {\n text-decoration: underline;\n}\n.snackbar-dialog__actions button.fake-link:hover:not(:disabled) {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: underline;\n}\n\n@media (min-width: 512px) {\n .snackbar-dialog {\n bottom: 20px;\n }\n}\n[dir=\"rtl\"] .snackbar-dialog {\n left: auto;\n right: 0;\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.toast-dialog {\n background-color: var(\n --toast-dialog-background-color,\n var(--color-background-information)\n );\n border-top-left-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n border-top-right-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 0;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n left: 0;\n max-height: 40vh;\n min-width: 320px;\n position: fixed;\n transform: translateY(0);\n width: 100vw;\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.toast-dialog,\n.toast-dialog a {\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n}\n\n.toast-dialog a:focus {\n outline: 1px auto currentColor;\n}\n\n.toast-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.toast-dialog--hide-init,\n.toast-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.toast-dialog--hide,\n.toast-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.toast-dialog__window {\n margin: var(--spacing-100) var(--spacing-200) var(--spacing-200);\n}\n\n.toast-dialog__header {\n align-items: center;\n display: flex;\n}\n.toast-dialog__header h2,\n.toast-dialog__title {\n margin: 0;\n}\nbutton.toast-dialog__close {\n align-self: flex-start;\n border: 0;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n flex-shrink: 0;\n margin-inline-start: auto;\n padding: 0;\n}\nbutton.toast-dialog__close:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\nbutton.toast-dialog__close:focus,\nbutton.toast-dialog__close:hover {\n color: var(--color-state-primary-hover);\n}\n\nbutton.toast-dialog__close > svg {\n fill: currentColor;\n}\n\n.toast-dialog__footer {\n display: flex;\n justify-content: flex-end;\n}\n.toast-dialog__footer button:first-letter {\n text-decoration: underline;\n}\n.toast-dialog__footer button.btn--primary,\n.toast-dialog__footer button.btn--secondary {\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n border-style: solid;\n border-width: 1px;\n outline-offset: 2px;\n}\n.toast-dialog__footer button.btn--primary {\n background-color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n color: var(--toast-dialog-background-color, var(--color-foreground-accent));\n}\n.toast-dialog__footer button.btn--secondary {\n background-color: initial;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n font-weight: 700;\n margin-inline-end: var(--spacing-100);\n}\n.toast-dialog__footer button.btn--primary:focus,\n.toast-dialog__footer button.btn--secondary:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):focus,\n.toast-dialog__footer button.btn--primary:not([disabled]):hover {\n background-color: var(--color-state-primary-hover);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):active {\n background-color: var(--color-state-primary-active);\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):focus,\n.toast-dialog__footer button.btn--secondary:not([disabled]):hover {\n background-color: var(--color-state-accent-hover);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):active {\n background-color: var(--color-state-accent-active);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n\n@media (min-width: 512px) {\n .toast-dialog {\n border-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: var(--spacing-200);\n left: var(--spacing-200);\n max-width: 480px;\n width: auto;\n }\n .toast-dialog__window {\n margin: var(--spacing-200) var(--spacing-300) var(--spacing-300);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-dialog-button/index.min.js b/docs/ui/makeup-dialog-button/index.min.js
index 9e0f913d..370a20ba 100644
--- a/docs/ui/makeup-dialog-button/index.min.js
+++ b/docs/ui/makeup-dialog-button/index.min.js
@@ -1032,12 +1032,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -1067,7 +1067,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -1081,7 +1081,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1669,7 +1669,7 @@ function _onCtaButtonClick() {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-dialog-button/index.min.js.map b/docs/ui/makeup-dialog-button/index.min.js.map
index 84f01477..293adecb 100644
--- a/docs/ui/makeup-dialog-button/index.min.js.map
+++ b/docs/ui/makeup-dialog-button/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-dialog-button/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0C;;;;;;;;ACAlD,mBAAO,CAAC,IAAwC;;;;;;;;ACAhD,mBAAO,CAAC,GAAgD;;;;;;;;ACAxD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAA4B;;;;;;;;ACApC,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC1Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACxDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC7Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC3Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA,kBAAe;;;;;;;;;ACvBF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACtDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;;;ACzCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA,kBAAe;;;;;;;;;ACtBF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;ACtDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;UChDA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,IAAyB;AACjC,mBAAO,CAAC,IAA2B;AACnC,mBAAO,CAAC,IAA0B;AAClC,mBAAO,CAAC,IAA8B;AACtC,mBAAO,CAAC,IAA4B;AACpC,mBAAO,CAAC,GAAyB;AACjC,mBAAO,CAAC,IAA4B;AACpC,mBAAO,CAAC,IAAyB;AACjC,iDAAiD,mBAAO,CAAC,IAAsB;AAC/E,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,kDAAkD,mBAAO,CAAC,GAAuB;AACjF,iDAAiD,mBAAO,CAAC,IAAsB;AAC/E,qDAAqD,mBAAO,CAAC,IAA0B;AACvF,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA,iCAAiC;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/alert-dialog.js","webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/confirm-dialog.js","webpack://root/./node_modules/@ebay/skin/drawer-dialog.js","webpack://root/./node_modules/@ebay/skin/fullscreen-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/lightbox-dialog.js","webpack://root/./node_modules/@ebay/skin/link.js","webpack://root/./node_modules/@ebay/skin/panel-dialog.js","webpack://root/./node_modules/@ebay/skin/snackbar-dialog.js","webpack://root/./node_modules/@ebay/skin/textbox.js","webpack://root/./node_modules/@ebay/skin/toast-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css?1d20","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css?448d","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css?5b6e","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css?df3a","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css?d75e","webpack://root/./node_modules/@ebay/skin/dist/link/link.css?4616","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css?ed5b","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css?c7bb","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css?d7ec","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css?81ab","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-alert-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-confirm-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog-button/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-drawer-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-fullscreen-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-input-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-panel-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-snackbar-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-toast-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-dialog-button/index.compiled.js"],"sourcesContent":["require('./dist/alert-dialog/alert-dialog.css');\n","require('./dist/button/button.css');\n","require('./dist/confirm-dialog/confirm-dialog.css');\n","require('./dist/drawer-dialog/drawer-dialog.css');\n","require('./dist/fullscreen-dialog/fullscreen-dialog.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/lightbox-dialog/lightbox-dialog.css');\n","require('./dist/link/link.css');\n","require('./dist/panel-dialog/panel-dialog.css');\n","require('./dist/snackbar-dialog/snackbar-dialog.css');\n","require('./dist/textbox/textbox.css');\n","require('./dist/toast-dialog/toast-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultAlertOptions = {\n baseClass: \"alert-dialog\",\n baseClassModifier: \"alert\",\n quickDismiss: false,\n acknowledgeButtonSelector: \".alert-dialog__acknowledge\",\n windowSelector: \".alert-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultAlertOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._acknowledgeButtonEl = this._el.querySelector(this._options.acknowledgeButtonSelector);\n this._onAcknowledgeButtonClickListener = _onAcknowledgeButtonClick.bind(this);\n this._acknowledgeButtonEl.addEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._acknowledgeButtonEl.removeEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n acknowledge() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-acknowledge\"));\n }\n destroy() {\n super.destroy();\n this._onAcknowledgeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onAcknowledgeButtonClick() {\n this.acknowledge();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n baseClass: \"confirm-dialog\",\n closeButtonSelector: \".confirm-dialog__close\",\n quickDismiss: true,\n confirmButtonSelector: \".confirm-dialog__confirm\",\n focusManagementIndex: 1,\n rejectButtonSelector: \".confirm-dialog__reject\",\n windowSelector: \".confirm-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._confirmButtonEl = this._el.querySelector(this._options.confirmButtonSelector);\n this._rejectButtonEl = this._el.querySelector(this._options.rejectButtonSelector);\n this._onConfirmButtonClickListener = _onConfirmButtonClick.bind(this);\n this._onRejectButtonClickListener = _onRejectButtonClick.bind(this);\n this._confirmButtonEl.addEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.addEventListener(\"click\", this._onRejectButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._confirmButtonEl.removeEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.removeEventListener(\"click\", this._onRejectButtonClickListener);\n }\n confirm() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-confirm\"));\n }\n reject() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-reject\"));\n }\n destroy() {\n super.destroy();\n this._onConfirmButtonClickListener = null;\n this._onRejectButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onConfirmButtonClick() {\n this.confirm();\n}\nfunction _onRejectButtonClick() {\n this.reject();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst defaultOptions = {\n customElementMode: false\n};\nclass _default {\n constructor(widgetEl, dialog, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._el = widgetEl;\n this._el.setAttribute(\"aria-haspopup\", \"dialog\");\n this._dialog = dialog;\n this._onClickListener = _onClick.bind(this);\n this._onDialogCloseListener = _onDialogClose.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this._el.classList.add(\"dialog-button--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._el, {\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._el.addEventListener(\"click\", this._onClickListener);\n this._dialog._el.addEventListener(\"dialog-close\", this._onDialogCloseListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\");\n this._dialog._el.removeEventListener(\"dialog-close\", this._onDialogCloseListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onClickListener = null;\n this._onDialogCloseListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this._el.dispatchEvent(new CustomEvent(\"makeup-dialog-button-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onClick() {\n this._dialog.open();\n}\nfunction _onDialogClose() {\n if (this._dialog.modal === true) {\n this._el.focus();\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultDrawerOptions = {\n baseClass: \"drawer-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".drawer-dialog__close\",\n focusManagementIndex: 1,\n resizeButtonSelector: \".drawer-dialog__handle\",\n windowSelector: \".drawer-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultDrawerOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._resizeButtonEl = this._el.querySelector(this._options.resizeButtonSelector);\n this._onResizeButtonClickListener = _onResizeButtonClick.bind(this);\n this._resizeButtonEl.addEventListener(\"click\", this._onResizeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._resizeButtonEl.removeEventListener(\"click\", this._onResizeButtonClickListener);\n }\n resize() {\n this._el.querySelector(\".drawer-dialog__window\").classList.toggle(\"drawer-dialog__window--expanded\");\n this._el.dispatchEvent(new CustomEvent(\"dialog-resize\"));\n }\n destroy() {\n super.destroy();\n this._onResizeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onResizeButtonClick() {\n this.resize();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultFullscreenOptions = {\n baseClass: \"fullscreen-dialog\",\n quickDismiss: false,\n closeButtonSelector: \".fullscreen-dialog__close\",\n transitionsModifier: \"transition\",\n windowSelector: \".fullscreen-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultFullscreenOptions, selectedOptions, {\n modal: true\n }));\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultInputOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"input\",\n submitButtonSelector: \".lightbox-dialog__submit\",\n cancelButtonSelector: \".lightbox-dialog__cancel\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultInputOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._submitButtonEl = this._el.querySelector(this._options.submitButtonSelector);\n this._cancelButtonEl = this._el.querySelector(this._options.cancelButtonSelector);\n this._onSubmitButtonClickListener = _onSubmitButtonClick.bind(this);\n this._onCancelButtonClickListener = _onCancelButtonClick.bind(this);\n this._submitButtonEl.addEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.addEventListener(\"click\", this._onCancelButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._submitButtonEl.removeEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.removeEventListener(\"click\", this._onCancelButtonClickListener);\n }\n submit() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-submit\"));\n }\n cancel() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cancel\"));\n }\n destroy() {\n super.destroy();\n this._onSubmitButtonClickListener = null;\n this._onCancelButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onSubmitButtonClick() {\n this.submit();\n}\nfunction _onCancelButtonClick() {\n this.cancel();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultPanelOptions = {\n baseClass: \"panel-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".panel-dialog__close\",\n doneButtonSelector: \".panel-dialog__done\",\n windowSelector: \".panel-dialog__window\",\n transitionsModifier: \"mask-fade-slow\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultPanelOptions, selectedOptions));\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultSnackbarOptions = {\n autoDismissTimer: 6000,\n baseClass: \"snackbar-dialog\",\n ctaButtonSelector: \".snackbar-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultSnackbarOptions, selectedOptions));\n this._autoDismissTimeout = null;\n }\n _show() {\n var _this = this;\n super._show();\n this._autoDismissTimeout = setTimeout(function () {\n let widget = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this;\n return widget.close();\n }, this._options.autoDismissTimer);\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultToastOptions = {\n baseClass: \"toast-dialog\",\n closeButtonSelector: \".toast-dialog__close\",\n ctaButtonSelector: \".toast-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultToastOptions, selectedOptions));\n }\n _show() {\n super._show();\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/link\");\nrequire(\"@ebay/skin/textbox\");\nrequire(\"@ebay/skin/alert-dialog\");\nrequire(\"@ebay/skin/confirm-dialog\");\nrequire(\"@ebay/skin/drawer-dialog\");\nrequire(\"@ebay/skin/fullscreen-dialog\");\nrequire(\"@ebay/skin/lightbox-dialog\");\nrequire(\"@ebay/skin/panel-dialog\");\nrequire(\"@ebay/skin/snackbar-dialog\");\nrequire(\"@ebay/skin/toast-dialog\");\nvar _makeupDialogButton = _interopRequireDefault(require(\"makeup-dialog-button\"));\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nvar _makeupAlertDialog = _interopRequireDefault(require(\"makeup-alert-dialog\"));\nvar _makeupConfirmDialog = _interopRequireDefault(require(\"makeup-confirm-dialog\"));\nvar _makeupDrawerDialog = _interopRequireDefault(require(\"makeup-drawer-dialog\"));\nvar _makeupFullscreenDialog = _interopRequireDefault(require(\"makeup-fullscreen-dialog\"));\nvar _makeupInputDialog = _interopRequireDefault(require(\"makeup-input-dialog\"));\nvar _makeupPanelDialog = _interopRequireDefault(require(\"makeup-panel-dialog\"));\nvar _makeupSnackbarDialog = _interopRequireDefault(require(\"makeup-snackbar-dialog\"));\nvar _makeupToastDialog = _interopRequireDefault(require(\"makeup-toast-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// STYLES\n\n// REQUIRE\n/*\nconst DialogButton = require('makeup-dialog-button');\nconst LightboxDialog = require('makeup-lightbox-dialog');\nconst AlertDialog = require('makeup-alert-dialog');\nconst ConfirmDialog = require('makeup-confirm-dialog');\nconst DrawerDialog = require('makeup-drawer-dialog');\nconst FullscreenDialog = require('makeup-fullscreen-dialog');\nconst InputDialog = require('makeup-input-dialog');\nconst PanelDialog = require('makeup-panel-dialog');\nconst SnackbarDialog = require('makeup-snackbar-dialog');\nconst ToastDialog = require('makeup-toast-dialog');\n*/\n\n// IMPORT\n\nconst log = e => console.log(e); // eslint-disable-line no-console\n\nwindow.onload = function () {\n document.querySelectorAll(\".dialog-button\").forEach(function (el, i) {\n const dialogId = el.dataset.makeupFor;\n const dialogEl = document.getElementById(dialogId);\n const dialogClassList = dialogEl.classList;\n let dialogWidget;\n if (dialogClassList.contains(\"confirm-dialog\")) {\n dialogWidget = new _makeupConfirmDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"alert-dialog\")) {\n dialogWidget = new _makeupAlertDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"lightbox-dialog--input\")) {\n dialogWidget = new _makeupInputDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"fullscreen-dialog\")) {\n dialogWidget = new _makeupFullscreenDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"snackbar-dialog\")) {\n dialogWidget = new _makeupSnackbarDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"toast-dialog\")) {\n dialogWidget = new _makeupToastDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"drawer-dialog\")) {\n dialogWidget = new _makeupDrawerDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"panel-dialog\")) {\n dialogWidget = new _makeupPanelDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"lightbox-dialog\")) {\n dialogWidget = new _makeupLightboxDialog.default(dialogEl);\n }\n const buttonWidget = new _makeupDialogButton.default(el, dialogWidget);\n dialogWidget._el.addEventListener(\"dialog-open\", log);\n dialogWidget._el.addEventListener(\"dialog-close\", log);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-dialog-button/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0C;;;;;;;;ACAlD,mBAAO,CAAC,IAAwC;;;;;;;;ACAhD,mBAAO,CAAC,GAAgD;;;;;;;;ACAxD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAA4B;;;;;;;;ACApC,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC1Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACxDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC7Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC3Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA,kBAAe;;;;;;;;;ACvBF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACtDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;;;ACzCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA,kBAAe;;;;;;;;;ACtBF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;ACtDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;UChDA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,IAAyB;AACjC,mBAAO,CAAC,IAA2B;AACnC,mBAAO,CAAC,IAA0B;AAClC,mBAAO,CAAC,IAA8B;AACtC,mBAAO,CAAC,IAA4B;AACpC,mBAAO,CAAC,GAAyB;AACjC,mBAAO,CAAC,IAA4B;AACpC,mBAAO,CAAC,IAAyB;AACjC,iDAAiD,mBAAO,CAAC,IAAsB;AAC/E,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,kDAAkD,mBAAO,CAAC,GAAuB;AACjF,iDAAiD,mBAAO,CAAC,IAAsB;AAC/E,qDAAqD,mBAAO,CAAC,IAA0B;AACvF,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA,iCAAiC;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/alert-dialog.js","webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/confirm-dialog.js","webpack://root/./node_modules/@ebay/skin/drawer-dialog.js","webpack://root/./node_modules/@ebay/skin/fullscreen-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/lightbox-dialog.js","webpack://root/./node_modules/@ebay/skin/link.js","webpack://root/./node_modules/@ebay/skin/panel-dialog.js","webpack://root/./node_modules/@ebay/skin/snackbar-dialog.js","webpack://root/./node_modules/@ebay/skin/textbox.js","webpack://root/./node_modules/@ebay/skin/toast-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/alert-dialog/alert-dialog.css?1d20","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/confirm-dialog/confirm-dialog.css?448d","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css?5b6e","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css?df3a","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css?d75e","webpack://root/./node_modules/@ebay/skin/dist/link/link.css?4616","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css?ed5b","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css?c7bb","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css?d7ec","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css?81ab","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-alert-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-confirm-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog-button/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-drawer-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-fullscreen-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-input-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-panel-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-snackbar-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-toast-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-dialog-button/index.compiled.js"],"sourcesContent":["require('./dist/alert-dialog/alert-dialog.css');\n","require('./dist/button/button.css');\n","require('./dist/confirm-dialog/confirm-dialog.css');\n","require('./dist/drawer-dialog/drawer-dialog.css');\n","require('./dist/fullscreen-dialog/fullscreen-dialog.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/lightbox-dialog/lightbox-dialog.css');\n","require('./dist/link/link.css');\n","require('./dist/panel-dialog/panel-dialog.css');\n","require('./dist/snackbar-dialog/snackbar-dialog.css');\n","require('./dist/textbox/textbox.css');\n","require('./dist/toast-dialog/toast-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultAlertOptions = {\n baseClass: \"alert-dialog\",\n baseClassModifier: \"alert\",\n quickDismiss: false,\n acknowledgeButtonSelector: \".alert-dialog__acknowledge\",\n windowSelector: \".alert-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultAlertOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._acknowledgeButtonEl = this._el.querySelector(this._options.acknowledgeButtonSelector);\n this._onAcknowledgeButtonClickListener = _onAcknowledgeButtonClick.bind(this);\n this._acknowledgeButtonEl.addEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._acknowledgeButtonEl.removeEventListener(\"click\", this._onAcknowledgeButtonClickListener);\n }\n acknowledge() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-acknowledge\"));\n }\n destroy() {\n super.destroy();\n this._onAcknowledgeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onAcknowledgeButtonClick() {\n this.acknowledge();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n baseClass: \"confirm-dialog\",\n closeButtonSelector: \".confirm-dialog__close\",\n quickDismiss: true,\n confirmButtonSelector: \".confirm-dialog__confirm\",\n focusManagementIndex: 1,\n rejectButtonSelector: \".confirm-dialog__reject\",\n windowSelector: \".confirm-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._confirmButtonEl = this._el.querySelector(this._options.confirmButtonSelector);\n this._rejectButtonEl = this._el.querySelector(this._options.rejectButtonSelector);\n this._onConfirmButtonClickListener = _onConfirmButtonClick.bind(this);\n this._onRejectButtonClickListener = _onRejectButtonClick.bind(this);\n this._confirmButtonEl.addEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.addEventListener(\"click\", this._onRejectButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._confirmButtonEl.removeEventListener(\"click\", this._onConfirmButtonClickListener);\n this._rejectButtonEl.removeEventListener(\"click\", this._onRejectButtonClickListener);\n }\n confirm() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-confirm\"));\n }\n reject() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-reject\"));\n }\n destroy() {\n super.destroy();\n this._onConfirmButtonClickListener = null;\n this._onRejectButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onConfirmButtonClick() {\n this.confirm();\n}\nfunction _onRejectButtonClick() {\n this.reject();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst defaultOptions = {\n customElementMode: false\n};\nclass _default {\n constructor(widgetEl, dialog, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._el = widgetEl;\n this._el.setAttribute(\"aria-haspopup\", \"dialog\");\n this._dialog = dialog;\n this._onClickListener = _onClick.bind(this);\n this._onDialogCloseListener = _onDialogClose.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this._el.classList.add(\"dialog-button--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._el, {\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._el.addEventListener(\"click\", this._onClickListener);\n this._dialog._el.addEventListener(\"dialog-close\", this._onDialogCloseListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\");\n this._dialog._el.removeEventListener(\"dialog-close\", this._onDialogCloseListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onClickListener = null;\n this._onDialogCloseListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this._el.dispatchEvent(new CustomEvent(\"makeup-dialog-button-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onClick() {\n this._dialog.open();\n}\nfunction _onDialogClose() {\n if (this._dialog.modal === true) {\n this._el.focus();\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultDrawerOptions = {\n baseClass: \"drawer-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".drawer-dialog__close\",\n focusManagementIndex: 1,\n resizeButtonSelector: \".drawer-dialog__handle\",\n windowSelector: \".drawer-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultDrawerOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._resizeButtonEl = this._el.querySelector(this._options.resizeButtonSelector);\n this._onResizeButtonClickListener = _onResizeButtonClick.bind(this);\n this._resizeButtonEl.addEventListener(\"click\", this._onResizeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._resizeButtonEl.removeEventListener(\"click\", this._onResizeButtonClickListener);\n }\n resize() {\n this._el.querySelector(\".drawer-dialog__window\").classList.toggle(\"drawer-dialog__window--expanded\");\n this._el.dispatchEvent(new CustomEvent(\"dialog-resize\"));\n }\n destroy() {\n super.destroy();\n this._onResizeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onResizeButtonClick() {\n this.resize();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultFullscreenOptions = {\n baseClass: \"fullscreen-dialog\",\n quickDismiss: false,\n closeButtonSelector: \".fullscreen-dialog__close\",\n transitionsModifier: \"transition\",\n windowSelector: \".fullscreen-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultFullscreenOptions, selectedOptions, {\n modal: true\n }));\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultInputOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"input\",\n submitButtonSelector: \".lightbox-dialog__submit\",\n cancelButtonSelector: \".lightbox-dialog__cancel\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultInputOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._submitButtonEl = this._el.querySelector(this._options.submitButtonSelector);\n this._cancelButtonEl = this._el.querySelector(this._options.cancelButtonSelector);\n this._onSubmitButtonClickListener = _onSubmitButtonClick.bind(this);\n this._onCancelButtonClickListener = _onCancelButtonClick.bind(this);\n this._submitButtonEl.addEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.addEventListener(\"click\", this._onCancelButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._submitButtonEl.removeEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.removeEventListener(\"click\", this._onCancelButtonClickListener);\n }\n submit() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-submit\"));\n }\n cancel() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cancel\"));\n }\n destroy() {\n super.destroy();\n this._onSubmitButtonClickListener = null;\n this._onCancelButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onSubmitButtonClick() {\n this.submit();\n}\nfunction _onCancelButtonClick() {\n this.cancel();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultPanelOptions = {\n baseClass: \"panel-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".panel-dialog__close\",\n doneButtonSelector: \".panel-dialog__done\",\n windowSelector: \".panel-dialog__window\",\n transitionsModifier: \"mask-fade-slow\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultPanelOptions, selectedOptions));\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultSnackbarOptions = {\n autoDismissTimer: 6000,\n baseClass: \"snackbar-dialog\",\n ctaButtonSelector: \".snackbar-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultSnackbarOptions, selectedOptions));\n this._autoDismissTimeout = null;\n }\n _show() {\n var _this = this;\n super._show();\n this._autoDismissTimeout = setTimeout(function () {\n let widget = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this;\n return widget.close();\n }, this._options.autoDismissTimer);\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultToastOptions = {\n baseClass: \"toast-dialog\",\n closeButtonSelector: \".toast-dialog__close\",\n ctaButtonSelector: \".toast-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultToastOptions, selectedOptions));\n }\n _show() {\n super._show();\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/link\");\nrequire(\"@ebay/skin/textbox\");\nrequire(\"@ebay/skin/alert-dialog\");\nrequire(\"@ebay/skin/confirm-dialog\");\nrequire(\"@ebay/skin/drawer-dialog\");\nrequire(\"@ebay/skin/fullscreen-dialog\");\nrequire(\"@ebay/skin/lightbox-dialog\");\nrequire(\"@ebay/skin/panel-dialog\");\nrequire(\"@ebay/skin/snackbar-dialog\");\nrequire(\"@ebay/skin/toast-dialog\");\nvar _makeupDialogButton = _interopRequireDefault(require(\"makeup-dialog-button\"));\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nvar _makeupAlertDialog = _interopRequireDefault(require(\"makeup-alert-dialog\"));\nvar _makeupConfirmDialog = _interopRequireDefault(require(\"makeup-confirm-dialog\"));\nvar _makeupDrawerDialog = _interopRequireDefault(require(\"makeup-drawer-dialog\"));\nvar _makeupFullscreenDialog = _interopRequireDefault(require(\"makeup-fullscreen-dialog\"));\nvar _makeupInputDialog = _interopRequireDefault(require(\"makeup-input-dialog\"));\nvar _makeupPanelDialog = _interopRequireDefault(require(\"makeup-panel-dialog\"));\nvar _makeupSnackbarDialog = _interopRequireDefault(require(\"makeup-snackbar-dialog\"));\nvar _makeupToastDialog = _interopRequireDefault(require(\"makeup-toast-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// STYLES\n\n// REQUIRE\n/*\nconst DialogButton = require('makeup-dialog-button');\nconst LightboxDialog = require('makeup-lightbox-dialog');\nconst AlertDialog = require('makeup-alert-dialog');\nconst ConfirmDialog = require('makeup-confirm-dialog');\nconst DrawerDialog = require('makeup-drawer-dialog');\nconst FullscreenDialog = require('makeup-fullscreen-dialog');\nconst InputDialog = require('makeup-input-dialog');\nconst PanelDialog = require('makeup-panel-dialog');\nconst SnackbarDialog = require('makeup-snackbar-dialog');\nconst ToastDialog = require('makeup-toast-dialog');\n*/\n\n// IMPORT\n\nconst log = e => console.log(e); // eslint-disable-line no-console\n\nwindow.onload = function () {\n document.querySelectorAll(\".dialog-button\").forEach(function (el, i) {\n const dialogId = el.dataset.makeupFor;\n const dialogEl = document.getElementById(dialogId);\n const dialogClassList = dialogEl.classList;\n let dialogWidget;\n if (dialogClassList.contains(\"confirm-dialog\")) {\n dialogWidget = new _makeupConfirmDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"alert-dialog\")) {\n dialogWidget = new _makeupAlertDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"lightbox-dialog--input\")) {\n dialogWidget = new _makeupInputDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"fullscreen-dialog\")) {\n dialogWidget = new _makeupFullscreenDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"snackbar-dialog\")) {\n dialogWidget = new _makeupSnackbarDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"toast-dialog\")) {\n dialogWidget = new _makeupToastDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"drawer-dialog\")) {\n dialogWidget = new _makeupDrawerDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"panel-dialog\")) {\n dialogWidget = new _makeupPanelDialog.default(dialogEl);\n } else if (dialogClassList.contains(\"lightbox-dialog\")) {\n dialogWidget = new _makeupLightboxDialog.default(dialogEl);\n }\n const buttonWidget = new _makeupDialogButton.default(el, dialogWidget);\n dialogWidget._el.addEventListener(\"dialog-open\", log);\n dialogWidget._el.addEventListener(\"dialog-close\", log);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-drawer-dialog/index.css b/docs/ui/makeup-drawer-dialog/index.css
index 62ef6fd8..eaf8e451 100644
--- a/docs/ui/makeup-drawer-dialog/index.css
+++ b/docs/ui/makeup-drawer-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-drawer-dialog/index.css.map b/docs/ui/makeup-drawer-dialog/index.css.map
index aed20152..e24a7a02 100644
--- a/docs/ui/makeup-drawer-dialog/index.css.map
+++ b/docs/ui/makeup-drawer-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-drawer-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","svg.icon {\n display: inline-block;\n fill: currentColor;\n pointer-events: none;\n stroke: currentColor;\n stroke-width: 0;\n vertical-align: middle;\n}\nsvg.icon--12,\nsvg.icon--12-fit {\n height: 12px;\n width: 12px;\n}\nsvg.icon--16,\nsvg.icon--16-fit {\n height: 16px;\n width: 16px;\n}\nsvg.icon--18,\nsvg.icon--18-fit {\n height: 18px;\n width: 18px;\n}\nsvg.icon--20,\nsvg.icon--20-fit {\n height: 20px;\n width: 20px;\n}\nsvg.icon--24,\nsvg.icon--24-fit {\n height: 24px;\n width: 24px;\n}\nsvg.icon--30,\nsvg.icon--30-fit {\n height: 30px;\n width: 30px;\n}\nsvg.icon--32,\nsvg.icon--32-fit {\n height: 32px;\n width: 32px;\n}\nsvg.icon--64,\nsvg.icon--64-fit {\n height: 32px;\n width: 64px;\n}\nsvg.icon--12-colored {\n height: 12px;\n}\nsvg.icon--16-colored {\n height: 16px;\n}\nsvg.icon--18-colored {\n height: 18px;\n}\nsvg.icon--20-colored {\n height: 20px;\n}\nsvg.icon--24-colored {\n height: 24px;\n}\nsvg.icon--30-colored {\n height: 30px;\n}\nsvg.icon--32-colored {\n height: 32px;\n}\nsvg.icon--48-colored {\n height: 48px;\n}\nsvg.icon--64-colored {\n height: 64px;\n}\nsvg.icon--disabled {\n filter: var(--color-media-disabled-filter);\n}\nsvg.icon--attention-filled {\n color: var(--color-foreground-attention);\n}\nsvg.icon--confirmation-filled {\n color: var(--color-foreground-confirmation);\n}\nsvg.icon--information-filled {\n color: var(--color-foreground-information);\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.drawer-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-end;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.drawer-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.drawer-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.drawer-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-250) var(--spacing-200) 0;\n position: relative;\n}\n.drawer-dialog__header h1,\n.drawer-dialog__header h2,\n.drawer-dialog__header h3,\n.drawer-dialog__header h4,\n.drawer-dialog__header h5,\n.drawer-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.drawer-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.drawer-dialog__header .fake-link {\n align-self: flex-start;\n text-decoration: none;\n}\n\n.drawer-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.drawer-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.drawer-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.drawer-dialog__main > :first-child {\n margin-top: 0;\n}\n.drawer-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.drawer-dialog__footer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 16px;\n position: relative;\n}\n.drawer-dialog__footer > * {\n flex: 1;\n}\n.drawer-dialog__footer > :not(:first-child) {\n margin-left: 8px;\n}\nbutton.icon-btn.drawer-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.drawer-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n max-height: 50%;\n max-width: 100%;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: hidden;\n}\n\n.drawer-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n.drawer-dialog__window--slide {\n transition: max-height 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--show-init,\n.drawer-dialog--hidedrawer-dialog--hide,\n.drawer-dialog--show-init.drawer-dialog--show-init,\n.drawer-dialog--show-initdrawer-dialog--hide {\n display: flex;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show-init.drawer-dialog--mask-fade,\n.drawer-dialog--show-init.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show-init .drawer-dialog__window--slide {\n transform: translateY(100%);\n}\n.drawer-dialog--hide-init.drawer-dialog--hide-init,\n.drawer-dialog--hide-init.drawer-dialog--show,\n.drawer-dialog--show.drawer-dialog--hide-init,\n.drawer-dialog--show.drawer-dialog--show {\n display: flex;\n}\n.drawer-dialog--hide-init.drawer-dialog--mask-fade,\n.drawer-dialog--hide-init.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.drawer-dialog--hide-init .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n opacity: 1;\n}\n.drawer-dialog--hide-init .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transform: translateX(0);\n}\n\n.drawer-dialog__handle:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-drawer-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","svg.icon {\n display: inline-block;\n fill: currentColor;\n pointer-events: none;\n stroke: currentColor;\n stroke-width: 0;\n vertical-align: middle;\n}\nsvg.icon--12,\nsvg.icon--12-fit {\n height: 12px;\n width: 12px;\n}\nsvg.icon--16,\nsvg.icon--16-fit {\n height: 16px;\n width: 16px;\n}\nsvg.icon--18,\nsvg.icon--18-fit {\n height: 18px;\n width: 18px;\n}\nsvg.icon--20,\nsvg.icon--20-fit {\n height: 20px;\n width: 20px;\n}\nsvg.icon--24,\nsvg.icon--24-fit {\n height: 24px;\n width: 24px;\n}\nsvg.icon--30,\nsvg.icon--30-fit {\n height: 30px;\n width: 30px;\n}\nsvg.icon--32,\nsvg.icon--32-fit {\n height: 32px;\n width: 32px;\n}\nsvg.icon--64,\nsvg.icon--64-fit {\n height: 32px;\n width: 64px;\n}\nsvg.icon--12-colored {\n height: 12px;\n}\nsvg.icon--16-colored {\n height: 16px;\n}\nsvg.icon--18-colored {\n height: 18px;\n}\nsvg.icon--20-colored {\n height: 20px;\n}\nsvg.icon--24-colored {\n height: 24px;\n}\nsvg.icon--30-colored {\n height: 30px;\n}\nsvg.icon--32-colored {\n height: 32px;\n}\nsvg.icon--48-colored {\n height: 48px;\n}\nsvg.icon--64-colored {\n height: 64px;\n}\nsvg.icon--disabled {\n filter: var(--color-media-disabled-filter);\n}\nsvg.icon--attention-filled {\n color: var(--color-foreground-attention);\n}\nsvg.icon--confirmation-filled {\n color: var(--color-foreground-confirmation);\n}\nsvg.icon--information-filled {\n color: var(--color-foreground-information);\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.drawer-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-end;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.drawer-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.drawer-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.drawer-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-250) var(--spacing-200) 0;\n position: relative;\n}\n.drawer-dialog__header h1,\n.drawer-dialog__header h2,\n.drawer-dialog__header h3,\n.drawer-dialog__header h4,\n.drawer-dialog__header h5,\n.drawer-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.drawer-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.drawer-dialog__header .fake-link {\n align-self: flex-start;\n text-decoration: none;\n}\n\n.drawer-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.drawer-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.drawer-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.drawer-dialog__main > :first-child {\n margin-top: 0;\n}\n.drawer-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.drawer-dialog__footer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 16px;\n position: relative;\n}\n.drawer-dialog__footer > * {\n flex: 1;\n}\n.drawer-dialog__footer > :not(:first-child) {\n margin-left: 8px;\n}\nbutton.icon-btn.drawer-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.drawer-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n max-height: 50%;\n max-width: 100%;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: hidden;\n}\n\n.drawer-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n.drawer-dialog__window--slide {\n transition: max-height 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n.drawer-dialog--hide.drawer-dialog--show-init,\n.drawer-dialog--hidedrawer-dialog--hide,\n.drawer-dialog--show-init.drawer-dialog--show-init,\n.drawer-dialog--show-initdrawer-dialog--hide {\n display: flex;\n}\n.drawer-dialog--hide.drawer-dialog--mask-fade,\n.drawer-dialog--hide.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show-init.drawer-dialog--mask-fade,\n.drawer-dialog--show-init.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.drawer-dialog--hide .drawer-dialog__window--slide,\n.drawer-dialog--show-init .drawer-dialog__window--slide {\n transform: translateY(100%);\n}\n.drawer-dialog--hide-init.drawer-dialog--hide-init,\n.drawer-dialog--hide-init.drawer-dialog--show,\n.drawer-dialog--show.drawer-dialog--hide-init,\n.drawer-dialog--show.drawer-dialog--show {\n display: flex;\n}\n.drawer-dialog--hide-init.drawer-dialog--mask-fade,\n.drawer-dialog--hide-init.drawer-dialog--mask-fade-slow,\n.drawer-dialog--show.drawer-dialog--mask-fade,\n.drawer-dialog--show.drawer-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.drawer-dialog--hide-init .drawer-dialog__window--fade,\n.drawer-dialog--show .drawer-dialog__window--fade {\n opacity: 1;\n}\n.drawer-dialog--hide-init .drawer-dialog__window--slide,\n.drawer-dialog--show .drawer-dialog__window--slide {\n transform: translateX(0);\n}\n\n.drawer-dialog__handle:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-drawer-dialog/index.min.js b/docs/ui/makeup-drawer-dialog/index.min.js
index 821451e3..53812200 100644
--- a/docs/ui/makeup-drawer-dialog/index.min.js
+++ b/docs/ui/makeup-drawer-dialog/index.min.js
@@ -650,12 +650,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -685,7 +685,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -699,7 +699,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1041,7 +1041,7 @@ function _onClick(e) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-drawer-dialog/index.min.js.map b/docs/ui/makeup-drawer-dialog/index.min.js.map
index ec2ab2cc..eb1527eb 100644
--- a/docs/ui/makeup-drawer-dialog/index.min.js.map
+++ b/docs/ui/makeup-drawer-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-drawer-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAAwC;;;;;;;;ACAhD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC3Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAA0B;AAClC,iDAAiD,mBAAO,CAAC,IAAsB;AAC/E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/drawer-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/icon.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css?5b6e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css?674d","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-drawer-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-drawer-dialog/index.compiled.js"],"sourcesContent":["require('./dist/drawer-dialog/drawer-dialog.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/icon/icon.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultDrawerOptions = {\n baseClass: \"drawer-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".drawer-dialog__close\",\n focusManagementIndex: 1,\n resizeButtonSelector: \".drawer-dialog__handle\",\n windowSelector: \".drawer-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultDrawerOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._resizeButtonEl = this._el.querySelector(this._options.resizeButtonSelector);\n this._onResizeButtonClickListener = _onResizeButtonClick.bind(this);\n this._resizeButtonEl.addEventListener(\"click\", this._onResizeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._resizeButtonEl.removeEventListener(\"click\", this._onResizeButtonClickListener);\n }\n resize() {\n this._el.querySelector(\".drawer-dialog__window\").classList.toggle(\"drawer-dialog__window--expanded\");\n this._el.dispatchEvent(new CustomEvent(\"dialog-resize\"));\n }\n destroy() {\n super.destroy();\n this._onResizeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onResizeButtonClick() {\n this.resize();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/icon\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/drawer-dialog\");\nvar _makeupDrawerDialog = _interopRequireDefault(require(\"makeup-drawer-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const DrawerDialog = require('makeup-drawer-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".drawer-dialog\").forEach(function (el, i) {\n const widget = new _makeupDrawerDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-drawer-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAAwC;;;;;;;;ACAhD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;;;AC3Ca;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAA0B;AAClC,iDAAiD,mBAAO,CAAC,IAAsB;AAC/E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/drawer-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/icon.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/drawer-dialog/drawer-dialog.css?5b6e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css?674d","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-drawer-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-drawer-dialog/index.compiled.js"],"sourcesContent":["require('./dist/drawer-dialog/drawer-dialog.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/icon/icon.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultDrawerOptions = {\n baseClass: \"drawer-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".drawer-dialog__close\",\n focusManagementIndex: 1,\n resizeButtonSelector: \".drawer-dialog__handle\",\n windowSelector: \".drawer-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultDrawerOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._resizeButtonEl = this._el.querySelector(this._options.resizeButtonSelector);\n this._onResizeButtonClickListener = _onResizeButtonClick.bind(this);\n this._resizeButtonEl.addEventListener(\"click\", this._onResizeButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._resizeButtonEl.removeEventListener(\"click\", this._onResizeButtonClickListener);\n }\n resize() {\n this._el.querySelector(\".drawer-dialog__window\").classList.toggle(\"drawer-dialog__window--expanded\");\n this._el.dispatchEvent(new CustomEvent(\"dialog-resize\"));\n }\n destroy() {\n super.destroy();\n this._onResizeButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onResizeButtonClick() {\n this.resize();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/icon\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/drawer-dialog\");\nvar _makeupDrawerDialog = _interopRequireDefault(require(\"makeup-drawer-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const DrawerDialog = require('makeup-drawer-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".drawer-dialog\").forEach(function (el, i) {\n const widget = new _makeupDrawerDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-floating-label/index.min.js b/docs/ui/makeup-floating-label/index.min.js
index 0e43c053..12c57767 100644
--- a/docs/ui/makeup-floating-label/index.min.js
+++ b/docs/ui/makeup-floating-label/index.min.js
@@ -42,7 +42,7 @@ function setPlaceholder(formControlEl, value) {
firstOption.text = value;
}
if (!value && beforeWidth > formControlEl.offsetWidth) {
- formControlEl.style["min-width"] = `${beforeWidth}px`;
+ formControlEl.style["min-width"] = "".concat(beforeWidth, "px");
}
} else if (value) {
formControlEl.setAttribute("placeholder", value);
diff --git a/docs/ui/makeup-floating-label/index.min.js.map b/docs/ui/makeup-floating-label/index.min.js.map
index 0ddde916..31ebd3f3 100644
--- a/docs/ui/makeup-floating-label/index.min.js.map
+++ b/docs/ui/makeup-floating-label/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-floating-label/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,YAAY;AACxD;AACA,IAAI;AACJ;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;UCtKf;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,kDAAkD,mBAAO,CAAC,IAAuB;AACjF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/ui/makeup-floating-label/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/ui/makeup-floating-label/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst defaultOptions = {\n labelElementAnimateModifier: \"floating-label__label--animate\",\n labelElementInlineModifier: \"floating-label__label--inline\",\n labelElementFocusModifier: \"floating-label__label--focus\",\n labelElementInvalidModifier: \"floating-label__label--invalid\",\n labelElementDisabledModifier: \"floating-label__label--disabled\",\n textboxElementBackgroundRGB: [\"rgb(255, 255, 255)\", \"rgb(247, 247, 247)\", \"rgb(245, 245, 245)\", \"rgb(230, 32, 72)\", \"rgb(254, 245, 246)\", \"rgba(0, 0, 0, 0)\"]\n};\n\n// Common getter. Will get either first option text (for select),\n// or placeholder for textbox\nfunction getPlaceHolder(formControlEl) {\n if (isSelect(formControlEl)) {\n const firstOption = formControlEl.querySelector(\"option\");\n return !firstOption.value ? firstOption.text : null;\n } else if (formControlEl.hasAttribute(\"placeholder\")) {\n return formControlEl.getAttribute(\"placeholder\");\n }\n}\n\n// Common setter. Will set either first option text (for select),\n// or placeholder for textbox\nfunction setPlaceholder(formControlEl, value) {\n if (isSelect(formControlEl)) {\n formControlEl.style[\"min-width\"] = \"\";\n const beforeWidth = formControlEl.offsetWidth;\n const firstOption = formControlEl.querySelector(\"option\");\n if (!firstOption.value) {\n firstOption.text = value;\n }\n if (!value && beforeWidth > formControlEl.offsetWidth) {\n formControlEl.style[\"min-width\"] = `${beforeWidth}px`;\n }\n } else if (value) {\n formControlEl.setAttribute(\"placeholder\", value);\n } else {\n formControlEl.removeAttribute(\"placeholder\");\n }\n}\n\n// Called on mutatation. Sets placeholder for current state (focused or unfocused)\nfunction checkForPlaceholder(formControlEl) {\n if (isSelect(formControlEl)) {\n const firstOption = formControlEl.querySelector(\"option\");\n // eslint-disable-next-line no-extra-boolean-cast\n if (!!firstOption.value) {\n // If first option has a value then it is not a placeholder\n return;\n }\n return !!firstOption.text;\n }\n return formControlEl.hasAttribute(\"placeholder\");\n}\nfunction onMutation() {\n const textboxFocus = isFocused(this.formControlEl);\n this.placeholder = getPlaceHolder(this.formControlEl) || this.placeholder;\n const placeholderCheck = checkForPlaceholder(this.formControlEl, this.placeholder);\n if (!!this.placeholder && textboxFocus && !placeholderCheck) {\n // Input has focus, make sure it has \"placeholder\" option\n setPlaceholder(this.formControlEl, this.placeholder);\n } else if (!textboxFocus && placeholderCheck) {\n setPlaceholder(this.formControlEl, \"\");\n }\n if (isInvalid(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementInvalidModifier);\n } else {\n this.labelEl.classList.remove(this.options.labelElementInvalidModifier);\n }\n if (isDisabled(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementDisabledModifier);\n } else {\n this.labelEl.classList.remove(this.options.labelElementDisabledModifier);\n }\n}\nfunction isFocused(formControlEl) {\n return document.activeElement === formControlEl;\n}\nfunction isSelect(formControlEl) {\n return formControlEl.tagName === \"SELECT\";\n}\nfunction hasValue(input) {\n return input.value.length > 0;\n}\nfunction isDisabled(input) {\n return input.hasAttribute(\"disabled\");\n}\nfunction isInvalid(input) {\n return input.hasAttribute(\"aria-invalid\") && input.getAttribute(\"aria-invalid\") === \"true\";\n}\nfunction isAutofilled(input, color) {\n // check for computed background color because of Chrome autofill bug\n // https://stackoverflow.com/questions/35049555/chrome-autofill-autocomplete-no-value-for-password/35783761#35783761\n if (!isSelect(input)) {\n const bgColor = getComputedStyle(input).backgroundColor;\n return Array.isArray(color) ? !color.includes(bgColor) : bgColor !== color;\n }\n return false;\n}\nfunction _onBlur() {\n if (!hasValue(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementInlineModifier);\n }\n this.labelEl.classList.remove(this.options.labelElementFocusModifier);\n if (isInvalid(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementInvalidModifier);\n }\n setPlaceholder(this.formControlEl, \"\");\n}\nfunction _onFocus() {\n this.labelEl.classList.add(this.options.labelElementAnimateModifier);\n this.labelEl.classList.add(this.options.labelElementFocusModifier);\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n this.labelEl.classList.remove(this.options.labelElementInvalidModifier);\n if (this.placeholder) {\n setPlaceholder(this.formControlEl, this.placeholder);\n }\n}\nclass _default {\n constructor(el, userOptions) {\n this.options = Object.assign({}, defaultOptions, userOptions);\n this._observer = new MutationObserver(onMutation.bind(this));\n this.rootEl = el;\n this.labelEl = this.rootEl.querySelector(\"label\");\n this.formControlEl = this.rootEl.querySelector(\"input,textarea,select\");\n this._onBlurListener = _onBlur.bind(this);\n this._onFocusListener = _onFocus.bind(this);\n this.formControlEl.addEventListener(\"blur\", this._onBlurListener);\n this.formControlEl.addEventListener(\"focus\", this._onFocusListener);\n if (!hasValue(this.formControlEl) && !isAutofilled(this.formControlEl, this.options.textboxElementBackgroundRGB)) {\n this.labelEl.classList.add(this.options.labelElementInlineModifier);\n } else if (!isSelect(this.formControlEl)) {\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n }\n if (isFocused(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementFocusModifier);\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n }\n onMutation.call(this);\n this._observer.observe(this.formControlEl, {\n childList: isSelect(this.formControlEl),\n subtree: isSelect(this.formControlEl),\n attributeFilter: [\"disabled\", \"aria-invalid\", \"placeholder\", \"value\"],\n attributes: true\n });\n }\n destroy() {\n this._observer.disconnect();\n }\n refresh() {\n if (hasValue(this.formControlEl) || isSelect(this.formControlEl) || isAutofilled(this.formControlEl, this.options.textboxElementBackgroundRGB)) {\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n } else {\n this.labelEl.classList.add(this.options.labelElementInlineModifier);\n }\n if (isFocused(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementFocusModifier);\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n }\n }\n}\nexports.default = _default;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupFloatingLabel = _interopRequireDefault(require(\"makeup-floating-label\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const FloatingLabel = require('makeup-floating-label').default;\n\n// IMPORT\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const widgetEls = document.querySelectorAll(\".floating-label\");\n const autofillBtn = document.getElementById(\"autofill\");\n const refreshBtn = document.getElementById(\"refresh\");\n const invalidateBtn = document.getElementById(\"invalidate\");\n const validateBtn = document.getElementById(\"validate\");\n const disableBtn = document.getElementById(\"disable\");\n const enableBtn = document.getElementById(\"enable\");\n const widgets = [];\n widgetEls.forEach(function (el) {\n widgets.push(new _makeupFloatingLabel.default(el));\n });\n autofillBtn.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const input = el.querySelector(\"input\");\n if (input) {\n input.value = \"Autofill Text\";\n } else {\n el.querySelector(\"select\").value = \"UK\";\n }\n });\n });\n refreshBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].refresh();\n });\n });\n invalidateBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.setAttribute(\"aria-invalid\", \"true\");\n });\n });\n validateBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.setAttribute(\"aria-invalid\", \"false\");\n });\n });\n disableBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.disabled = true;\n });\n });\n enableBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.disabled = false;\n });\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-floating-label/index.min.js","mappings":";;;;;;;AAAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;UCtKf;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;ACtBa;;AAEb,kDAAkD,mBAAO,CAAC,IAAuB;AACjF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,CAAC,E","sources":["webpack://root/./packages/ui/makeup-floating-label/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/./docs/ui/makeup-floating-label/index.compiled.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst defaultOptions = {\n labelElementAnimateModifier: \"floating-label__label--animate\",\n labelElementInlineModifier: \"floating-label__label--inline\",\n labelElementFocusModifier: \"floating-label__label--focus\",\n labelElementInvalidModifier: \"floating-label__label--invalid\",\n labelElementDisabledModifier: \"floating-label__label--disabled\",\n textboxElementBackgroundRGB: [\"rgb(255, 255, 255)\", \"rgb(247, 247, 247)\", \"rgb(245, 245, 245)\", \"rgb(230, 32, 72)\", \"rgb(254, 245, 246)\", \"rgba(0, 0, 0, 0)\"]\n};\n\n// Common getter. Will get either first option text (for select),\n// or placeholder for textbox\nfunction getPlaceHolder(formControlEl) {\n if (isSelect(formControlEl)) {\n const firstOption = formControlEl.querySelector(\"option\");\n return !firstOption.value ? firstOption.text : null;\n } else if (formControlEl.hasAttribute(\"placeholder\")) {\n return formControlEl.getAttribute(\"placeholder\");\n }\n}\n\n// Common setter. Will set either first option text (for select),\n// or placeholder for textbox\nfunction setPlaceholder(formControlEl, value) {\n if (isSelect(formControlEl)) {\n formControlEl.style[\"min-width\"] = \"\";\n const beforeWidth = formControlEl.offsetWidth;\n const firstOption = formControlEl.querySelector(\"option\");\n if (!firstOption.value) {\n firstOption.text = value;\n }\n if (!value && beforeWidth > formControlEl.offsetWidth) {\n formControlEl.style[\"min-width\"] = \"\".concat(beforeWidth, \"px\");\n }\n } else if (value) {\n formControlEl.setAttribute(\"placeholder\", value);\n } else {\n formControlEl.removeAttribute(\"placeholder\");\n }\n}\n\n// Called on mutatation. Sets placeholder for current state (focused or unfocused)\nfunction checkForPlaceholder(formControlEl) {\n if (isSelect(formControlEl)) {\n const firstOption = formControlEl.querySelector(\"option\");\n // eslint-disable-next-line no-extra-boolean-cast\n if (!!firstOption.value) {\n // If first option has a value then it is not a placeholder\n return;\n }\n return !!firstOption.text;\n }\n return formControlEl.hasAttribute(\"placeholder\");\n}\nfunction onMutation() {\n const textboxFocus = isFocused(this.formControlEl);\n this.placeholder = getPlaceHolder(this.formControlEl) || this.placeholder;\n const placeholderCheck = checkForPlaceholder(this.formControlEl, this.placeholder);\n if (!!this.placeholder && textboxFocus && !placeholderCheck) {\n // Input has focus, make sure it has \"placeholder\" option\n setPlaceholder(this.formControlEl, this.placeholder);\n } else if (!textboxFocus && placeholderCheck) {\n setPlaceholder(this.formControlEl, \"\");\n }\n if (isInvalid(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementInvalidModifier);\n } else {\n this.labelEl.classList.remove(this.options.labelElementInvalidModifier);\n }\n if (isDisabled(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementDisabledModifier);\n } else {\n this.labelEl.classList.remove(this.options.labelElementDisabledModifier);\n }\n}\nfunction isFocused(formControlEl) {\n return document.activeElement === formControlEl;\n}\nfunction isSelect(formControlEl) {\n return formControlEl.tagName === \"SELECT\";\n}\nfunction hasValue(input) {\n return input.value.length > 0;\n}\nfunction isDisabled(input) {\n return input.hasAttribute(\"disabled\");\n}\nfunction isInvalid(input) {\n return input.hasAttribute(\"aria-invalid\") && input.getAttribute(\"aria-invalid\") === \"true\";\n}\nfunction isAutofilled(input, color) {\n // check for computed background color because of Chrome autofill bug\n // https://stackoverflow.com/questions/35049555/chrome-autofill-autocomplete-no-value-for-password/35783761#35783761\n if (!isSelect(input)) {\n const bgColor = getComputedStyle(input).backgroundColor;\n return Array.isArray(color) ? !color.includes(bgColor) : bgColor !== color;\n }\n return false;\n}\nfunction _onBlur() {\n if (!hasValue(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementInlineModifier);\n }\n this.labelEl.classList.remove(this.options.labelElementFocusModifier);\n if (isInvalid(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementInvalidModifier);\n }\n setPlaceholder(this.formControlEl, \"\");\n}\nfunction _onFocus() {\n this.labelEl.classList.add(this.options.labelElementAnimateModifier);\n this.labelEl.classList.add(this.options.labelElementFocusModifier);\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n this.labelEl.classList.remove(this.options.labelElementInvalidModifier);\n if (this.placeholder) {\n setPlaceholder(this.formControlEl, this.placeholder);\n }\n}\nclass _default {\n constructor(el, userOptions) {\n this.options = Object.assign({}, defaultOptions, userOptions);\n this._observer = new MutationObserver(onMutation.bind(this));\n this.rootEl = el;\n this.labelEl = this.rootEl.querySelector(\"label\");\n this.formControlEl = this.rootEl.querySelector(\"input,textarea,select\");\n this._onBlurListener = _onBlur.bind(this);\n this._onFocusListener = _onFocus.bind(this);\n this.formControlEl.addEventListener(\"blur\", this._onBlurListener);\n this.formControlEl.addEventListener(\"focus\", this._onFocusListener);\n if (!hasValue(this.formControlEl) && !isAutofilled(this.formControlEl, this.options.textboxElementBackgroundRGB)) {\n this.labelEl.classList.add(this.options.labelElementInlineModifier);\n } else if (!isSelect(this.formControlEl)) {\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n }\n if (isFocused(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementFocusModifier);\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n }\n onMutation.call(this);\n this._observer.observe(this.formControlEl, {\n childList: isSelect(this.formControlEl),\n subtree: isSelect(this.formControlEl),\n attributeFilter: [\"disabled\", \"aria-invalid\", \"placeholder\", \"value\"],\n attributes: true\n });\n }\n destroy() {\n this._observer.disconnect();\n }\n refresh() {\n if (hasValue(this.formControlEl) || isSelect(this.formControlEl) || isAutofilled(this.formControlEl, this.options.textboxElementBackgroundRGB)) {\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n } else {\n this.labelEl.classList.add(this.options.labelElementInlineModifier);\n }\n if (isFocused(this.formControlEl)) {\n this.labelEl.classList.add(this.options.labelElementFocusModifier);\n this.labelEl.classList.remove(this.options.labelElementInlineModifier);\n }\n }\n}\nexports.default = _default;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\n\nvar _makeupFloatingLabel = _interopRequireDefault(require(\"makeup-floating-label\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const FloatingLabel = require('makeup-floating-label').default;\n\n// IMPORT\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const widgetEls = document.querySelectorAll(\".floating-label\");\n const autofillBtn = document.getElementById(\"autofill\");\n const refreshBtn = document.getElementById(\"refresh\");\n const invalidateBtn = document.getElementById(\"invalidate\");\n const validateBtn = document.getElementById(\"validate\");\n const disableBtn = document.getElementById(\"disable\");\n const enableBtn = document.getElementById(\"enable\");\n const widgets = [];\n widgetEls.forEach(function (el) {\n widgets.push(new _makeupFloatingLabel.default(el));\n });\n autofillBtn.addEventListener(\"click\", function () {\n widgetEls.forEach(function (el) {\n const input = el.querySelector(\"input\");\n if (input) {\n input.value = \"Autofill Text\";\n } else {\n el.querySelector(\"select\").value = \"UK\";\n }\n });\n });\n refreshBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].refresh();\n });\n });\n invalidateBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.setAttribute(\"aria-invalid\", \"true\");\n });\n });\n validateBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.setAttribute(\"aria-invalid\", \"false\");\n });\n });\n disableBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.disabled = true;\n });\n });\n enableBtn.addEventListener(\"click\", function () {\n widgets.forEach(function (el, index) {\n widgets[index].formControlEl.disabled = false;\n });\n });\n});"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-fullscreen-dialog/index.css b/docs/ui/makeup-fullscreen-dialog/index.css
index 751db786..6632165c 100644
--- a/docs/ui/makeup-fullscreen-dialog/index.css
+++ b/docs/ui/makeup-fullscreen-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-fullscreen-dialog/index.css.map b/docs/ui/makeup-fullscreen-dialog/index.css.map
index b9af87cb..38110570 100644
--- a/docs/ui/makeup-fullscreen-dialog/index.css.map
+++ b/docs/ui/makeup-fullscreen-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-fullscreen-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","svg.icon {\n display: inline-block;\n fill: currentColor;\n pointer-events: none;\n stroke: currentColor;\n stroke-width: 0;\n vertical-align: middle;\n}\nsvg.icon--12,\nsvg.icon--12-fit {\n height: 12px;\n width: 12px;\n}\nsvg.icon--16,\nsvg.icon--16-fit {\n height: 16px;\n width: 16px;\n}\nsvg.icon--18,\nsvg.icon--18-fit {\n height: 18px;\n width: 18px;\n}\nsvg.icon--20,\nsvg.icon--20-fit {\n height: 20px;\n width: 20px;\n}\nsvg.icon--24,\nsvg.icon--24-fit {\n height: 24px;\n width: 24px;\n}\nsvg.icon--30,\nsvg.icon--30-fit {\n height: 30px;\n width: 30px;\n}\nsvg.icon--32,\nsvg.icon--32-fit {\n height: 32px;\n width: 32px;\n}\nsvg.icon--64,\nsvg.icon--64-fit {\n height: 32px;\n width: 64px;\n}\nsvg.icon--12-colored {\n height: 12px;\n}\nsvg.icon--16-colored {\n height: 16px;\n}\nsvg.icon--18-colored {\n height: 18px;\n}\nsvg.icon--20-colored {\n height: 20px;\n}\nsvg.icon--24-colored {\n height: 24px;\n}\nsvg.icon--30-colored {\n height: 30px;\n}\nsvg.icon--32-colored {\n height: 32px;\n}\nsvg.icon--48-colored {\n height: 48px;\n}\nsvg.icon--64-colored {\n height: 64px;\n}\nsvg.icon--disabled {\n filter: var(--color-media-disabled-filter);\n}\nsvg.icon--attention-filled {\n color: var(--color-foreground-attention);\n}\nsvg.icon--confirmation-filled {\n color: var(--color-foreground-confirmation);\n}\nsvg.icon--information-filled {\n color: var(--color-foreground-information);\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.fullscreen-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.fullscreen-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.fullscreen-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.fullscreen-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.fullscreen-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.fullscreen-dialog__header h1,\n.fullscreen-dialog__header h2,\n.fullscreen-dialog__header h3,\n.fullscreen-dialog__header h4,\n.fullscreen-dialog__header h5,\n.fullscreen-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.fullscreen-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.fullscreen-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.fullscreen-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__main > :first-child {\n margin-top: 0;\n}\n.fullscreen-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.fullscreen-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\nbutton.icon-btn.fullscreen-dialog__close {\n height: 32px;\n min-width: 32px;\n width: 32px;\n}\nbutton.fullscreen-dialog__back,\nbutton.fullscreen-dialog__close {\n align-self: flex-start;\n border: 0;\n padding: 0;\n position: relative;\n z-index: 1;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transition: transform 0.32s ease-out;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--hide,\n.fullscreen-dialog--hide.fullscreen-dialog--show-init,\n.fullscreen-dialog--show-init.fullscreen-dialog--hide,\n.fullscreen-dialog--show-init.fullscreen-dialog--show-init {\n display: flex;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--fade {\n opacity: 0;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide {\n transform: translateY(100%);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide-end {\n transform: translateX(100%);\n}\n\n.fullscreen-dialog--hide-init.fullscreen-dialog--hide-init,\n.fullscreen-dialog--hide-init.fullscreen-dialog--show,\n.fullscreen-dialog--show.fullscreen-dialog--hide-init,\n.fullscreen-dialog--show.fullscreen-dialog--show {\n display: flex;\n}\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n opacity: 1;\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transform: translateX(0);\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-fullscreen-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","svg.icon {\n display: inline-block;\n fill: currentColor;\n pointer-events: none;\n stroke: currentColor;\n stroke-width: 0;\n vertical-align: middle;\n}\nsvg.icon--12,\nsvg.icon--12-fit {\n height: 12px;\n width: 12px;\n}\nsvg.icon--16,\nsvg.icon--16-fit {\n height: 16px;\n width: 16px;\n}\nsvg.icon--18,\nsvg.icon--18-fit {\n height: 18px;\n width: 18px;\n}\nsvg.icon--20,\nsvg.icon--20-fit {\n height: 20px;\n width: 20px;\n}\nsvg.icon--24,\nsvg.icon--24-fit {\n height: 24px;\n width: 24px;\n}\nsvg.icon--30,\nsvg.icon--30-fit {\n height: 30px;\n width: 30px;\n}\nsvg.icon--32,\nsvg.icon--32-fit {\n height: 32px;\n width: 32px;\n}\nsvg.icon--64,\nsvg.icon--64-fit {\n height: 32px;\n width: 64px;\n}\nsvg.icon--12-colored {\n height: 12px;\n}\nsvg.icon--16-colored {\n height: 16px;\n}\nsvg.icon--18-colored {\n height: 18px;\n}\nsvg.icon--20-colored {\n height: 20px;\n}\nsvg.icon--24-colored {\n height: 24px;\n}\nsvg.icon--30-colored {\n height: 30px;\n}\nsvg.icon--32-colored {\n height: 32px;\n}\nsvg.icon--48-colored {\n height: 48px;\n}\nsvg.icon--64-colored {\n height: 64px;\n}\nsvg.icon--disabled {\n filter: var(--color-media-disabled-filter);\n}\nsvg.icon--attention-filled {\n color: var(--color-foreground-attention);\n}\nsvg.icon--confirmation-filled {\n color: var(--color-foreground-confirmation);\n}\nsvg.icon--information-filled {\n color: var(--color-foreground-information);\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.fullscreen-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.fullscreen-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.fullscreen-dialog--no-mask[role=\"dialog\"] {\n background-color: initial;\n}\n\n.fullscreen-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.fullscreen-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.fullscreen-dialog__header h1,\n.fullscreen-dialog__header h2,\n.fullscreen-dialog__header h3,\n.fullscreen-dialog__header h4,\n.fullscreen-dialog__header h5,\n.fullscreen-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.fullscreen-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.fullscreen-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.fullscreen-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__main > :first-child {\n margin-top: 0;\n}\n.fullscreen-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.fullscreen-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.fullscreen-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\nbutton.icon-btn.fullscreen-dialog__close {\n height: 32px;\n min-width: 32px;\n width: 32px;\n}\nbutton.fullscreen-dialog__back,\nbutton.fullscreen-dialog__close {\n align-self: flex-start;\n border: 0;\n padding: 0;\n position: relative;\n z-index: 1;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transition: transform 0.32s ease-out;\n}\n\n.fullscreen-dialog--hide.fullscreen-dialog--hide,\n.fullscreen-dialog--hide.fullscreen-dialog--show-init,\n.fullscreen-dialog--show-init.fullscreen-dialog--hide,\n.fullscreen-dialog--show-init.fullscreen-dialog--show-init {\n display: flex;\n}\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show-init.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--fade {\n opacity: 0;\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide {\n transform: translateY(100%);\n}\n.fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show-init .fullscreen-dialog__window--slide-end {\n transform: translateX(100%);\n}\n\n.fullscreen-dialog--hide-init.fullscreen-dialog--hide-init,\n.fullscreen-dialog--hide-init.fullscreen-dialog--show,\n.fullscreen-dialog--show.fullscreen-dialog--hide-init,\n.fullscreen-dialog--show.fullscreen-dialog--show {\n display: flex;\n}\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade-slow,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade,\n.fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--fade,\n.fullscreen-dialog--show .fullscreen-dialog__window--fade {\n opacity: 1;\n}\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide,\n.fullscreen-dialog--hide-init .fullscreen-dialog__window--slide-end,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide,\n.fullscreen-dialog--show .fullscreen-dialog__window--slide-end {\n transform: translateX(0);\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-fullscreen-dialog/index.min.js b/docs/ui/makeup-fullscreen-dialog/index.min.js
index 5f7c33d4..00e1a0d9 100644
--- a/docs/ui/makeup-fullscreen-dialog/index.min.js
+++ b/docs/ui/makeup-fullscreen-dialog/index.min.js
@@ -650,12 +650,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -685,7 +685,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -699,7 +699,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -971,7 +971,7 @@ exports["default"] = _default;
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-fullscreen-dialog/index.min.js.map b/docs/ui/makeup-fullscreen-dialog/index.min.js.map
index aa88083b..7130af6c 100644
--- a/docs/ui/makeup-fullscreen-dialog/index.min.js.map
+++ b/docs/ui/makeup-fullscreen-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-fullscreen-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,GAAgD;;;;;;;;ACAxD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA,kBAAe;;;;;;;UCvBf;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAA8B;AACtC,qDAAqD,mBAAO,CAAC,IAA0B;AACvF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/fullscreen-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/icon.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css?df3a","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css?674d","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-fullscreen-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-fullscreen-dialog/index.compiled.js"],"sourcesContent":["require('./dist/fullscreen-dialog/fullscreen-dialog.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/icon/icon.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultFullscreenOptions = {\n baseClass: \"fullscreen-dialog\",\n quickDismiss: false,\n closeButtonSelector: \".fullscreen-dialog__close\",\n transitionsModifier: \"transition\",\n windowSelector: \".fullscreen-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultFullscreenOptions, selectedOptions, {\n modal: true\n }));\n }\n}\nexports.default = _default;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/icon\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/fullscreen-dialog\");\nvar _makeupFullscreenDialog = _interopRequireDefault(require(\"makeup-fullscreen-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const FullscreenDialog = require('makeup-fullscreen-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".fullscreen-dialog\").forEach(function (el, i) {\n const widget = new _makeupFullscreenDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-fullscreen-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,GAAgD;;;;;;;;ACAxD,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA,kBAAe;;;;;;;UCvBf;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAA8B;AACtC,qDAAqD,mBAAO,CAAC,IAA0B;AACvF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/fullscreen-dialog.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/icon.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/fullscreen-dialog/fullscreen-dialog.css?df3a","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/icon/icon.css?674d","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-fullscreen-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-fullscreen-dialog/index.compiled.js"],"sourcesContent":["require('./dist/fullscreen-dialog/fullscreen-dialog.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/icon/icon.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultFullscreenOptions = {\n baseClass: \"fullscreen-dialog\",\n quickDismiss: false,\n closeButtonSelector: \".fullscreen-dialog__close\",\n transitionsModifier: \"transition\",\n windowSelector: \".fullscreen-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultFullscreenOptions, selectedOptions, {\n modal: true\n }));\n }\n}\nexports.default = _default;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/icon\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/fullscreen-dialog\");\nvar _makeupFullscreenDialog = _interopRequireDefault(require(\"makeup-fullscreen-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const FullscreenDialog = require('makeup-fullscreen-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".fullscreen-dialog\").forEach(function (el, i) {\n const widget = new _makeupFullscreenDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-input-dialog/index.css b/docs/ui/makeup-input-dialog/index.css
index fd5f0856..69f9cb1b 100644
--- a/docs/ui/makeup-input-dialog/index.css
+++ b/docs/ui/makeup-input-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-input-dialog/index.css.map b/docs/ui/makeup-input-dialog/index.css.map
index 364c7584..7cf30240 100644
--- a/docs/ui/makeup-input-dialog/index.css.map
+++ b/docs/ui/makeup-input-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-input-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n --dialog-lightbox-wide-max-width: 896px;\n --dialog-lightbox-narrow-max-width: 480px;\n}\n\n.lightbox-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.lightbox-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.lightbox-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n will-change: opacity, transform;\n}\n\n.lightbox-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.lightbox-dialog__header h1,\n.lightbox-dialog__header h2,\n.lightbox-dialog__header h3,\n.lightbox-dialog__header h4,\n.lightbox-dialog__header h5,\n.lightbox-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.lightbox-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.lightbox-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: 18px;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__main > :first-child {\n margin-top: 0;\n}\n.lightbox-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.lightbox-dialog__footer {\n border-top: 1px solid\n var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\n.lightbox-dialog__image {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n height: 218px;\n position: absolute;\n width: 100%;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__window {\n padding-bottom: var(--spacing-100);\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header > * {\n margin-top: 218px;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header {\n margin: var(--spacing-300) var(--spacing-300) 0;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__footer,\n.lightbox-dialog--expressive .lightbox-dialog__main {\n padding: var(--spacing-200) var(--spacing-300);\n}\nbutton.icon-btn.lightbox-dialog__close,\nbutton.icon-btn.lightbox-dialog__prev {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\nbutton.icon-btn.lightbox-dialog__prev {\n margin-inline-end: var(--spacing-200);\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {\n align-self: self-start;\n margin: 0;\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {\n margin-left: -32px;\n}\n\n.lightbox-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.lightbox-dialog__title--center {\n text-align: center;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n transition:\n opacity 0.16s ease-out,\n transform 0.32s ease-out;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--hide,\n.lightbox-dialog--hide.lightbox-dialog--show-init,\n.lightbox-dialog--show-init.lightbox-dialog--hide,\n.lightbox-dialog--show-init.lightbox-dialog--show-init {\n display: flex;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show-init .lightbox-dialog__window--fade {\n opacity: 0;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show-init .lightbox-dialog__window--animate {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.lightbox-dialog--hide-init.lightbox-dialog--hide-init,\n.lightbox-dialog--hide-init.lightbox-dialog--show,\n.lightbox-dialog--show.lightbox-dialog--hide-init,\n.lightbox-dialog--show.lightbox-dialog--show {\n display: flex;\n}\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n opacity: 1;\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n opacity: 1;\n transform: translateY(0);\n}\n\n.lightbox-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.lightbox-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.lightbox-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n[dir=\"rtl\"] button.icon-btn.lightbox-dialog__prev .icon--16 {\n transform: rotate(180deg);\n}\n\n.lightbox-dialog--fullscreen .lightbox-dialog__window,\n.lightbox-dialog--large .lightbox-dialog__window {\n align-self: center;\n height: 70%;\n margin: var(--spacing-100);\n max-height: 95%;\n}\n\n@media (max-width: 512px) {\n .lightbox-dialog--large .lightbox-dialog__window {\n height: 95%;\n max-height: 95%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__window {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__handle,\n .lightbox-dialog--large .lightbox-dialog__handle {\n display: none;\n }\n}\n@media (min-width: 512px) {\n .lightbox-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n .lightbox-dialog__handle {\n display: none;\n }\n .lightbox-dialog--narrow .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-narrow-max-width);\n }\n .lightbox-dialog__window .lightbox-dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {\n margin-left: var(--spacing-100);\n margin-top: 0;\n }\n .lightbox-dialog--hide .lightbox-dialog__window--animate,\n .lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n .lightbox-dialog--show .lightbox-dialog__window--animate,\n .lightbox-dialog--show-init .lightbox-dialog__window--animate {\n transform: translateY(0);\n }\n}\n@media (min-width: 768px) {\n .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-wide-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__image {\n height: 256px;\n }\n .lightbox-dialog--wide.lightbox-dialog--expressive\n .lightbox-dialog__header\n > * {\n margin-top: 256px;\n }\n}\n",":root {\n --input-default-height: 40px;\n --input-large-height: 48px;\n}\n\n.textbox {\n align-items: center;\n background-color: var(\n --textbox-background-color,\n var(--color-background-secondary)\n );\n border-color: var(--textbox-border-color, var(--color-stroke-default));\n border-radius: var(--textbox-border-radius, var(--border-radius-50));\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --textbox-foreground-color,\n var(--color-foreground-on-secondary)\n );\n display: inline-flex;\n font-size: var(--font-size-default);\n gap: var(--spacing-100);\n overflow: hidden;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n}\n.textbox button.icon-btn {\n background-color: initial;\n padding: 0;\n}\n.textbox--focus,\n.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not(\n :has(> .textbox__control[readonly])\n ) {\n background-color: var(\n --textbox-focus-background-color,\n var(--color-background-primary)\n );\n border-color: var(--textbox-focus-border-color, var(--color-stroke-strong));\n box-shadow: 0 0 0 1px var(--color-stroke-strong);\n}\n.textbox--readonly,\n.textbox:has(> .textbox__control[readonly]) {\n background-color: initial;\n border: none;\n}\n.textbox--disabled,\n.textbox:has(> .textbox__control[disabled]) {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n.textbox--invalid,\n.textbox:has(> .textbox__control[aria-invalid=\"true\"]) {\n border-color: var(\n --textbox-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.textbox__control {\n background-color: initial;\n border: none;\n box-sizing: border-box;\n color: inherit;\n}\n\ntextarea.textbox__control {\n font-family: inherit;\n min-height: 200px;\n overflow: auto;\n padding: var(--spacing-200);\n resize: vertical;\n vertical-align: middle;\n}\n\ninput.textbox__control {\n font-family: inherit;\n padding: 0;\n vertical-align: middle;\n}\n\ninput.textbox__control:first-child:not([readonly]) {\n padding-inline-start: var(--spacing-200);\n}\n\ninput.textbox__control:last-child:not([readonly]) {\n padding-inline-end: var(--spacing-200);\n}\n\ninput.textbox__control,\ntextarea.textbox__control {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n flex-grow: 1;\n font-size: 1em;\n height: 40px;\n margin: 0;\n outline: none;\n}\ninput.textbox__control[disabled],\ntextarea.textbox__control[disabled] {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\ninput.textbox__control[disabled]::-webkit-input-placeholder,\ntextarea.textbox__control[disabled]::-webkit-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]::-moz-placeholder,\ntextarea.textbox__control[disabled]::-moz-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]:-ms-input-placeholder,\ntextarea.textbox__control[disabled]:-ms-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[aria-invalid=\"true\"],\ntextarea.textbox__control[aria-invalid=\"true\"] {\n border-color: var(\n --textbox-invalid-foreground-color,\n var(--color-stroke-attention)\n );\n}\ninput.textbox__control::placeholder,\ntextarea.textbox__control::placeholder {\n color: var(--textbox-placeholder-color, var(--color-foreground-secondary));\n font-weight: 200;\n opacity: 1;\n}\n\ninput.textbox__control {\n height: calc(var(--input-default-height) - 2px);\n}\n\n.textbox--large input.textbox__control {\n height: calc(var(--input-large-height) - 2px);\n}\n\n.textbox .icon-btn > svg,\n.textbox > svg {\n color: var(--textbox-icon-color, var(--color-foreground-secondary));\n display: inline-flex;\n height: 1lh;\n pointer-events: none;\n width: 14px;\n fill: var(--textbox-icon-color, var(--color-foreground-secondary));\n}\n\n.textbox > span:first-child,\n.textbox > svg:first-child {\n margin-inline-start: var(--spacing-200);\n}\n\n.textbox > span:last-child,\n.textbox > svg:last-child {\n margin-inline-end: var(--spacing-200);\n}\n\n.textbox .icon-btn:last-child {\n margin-inline-start: calc(var(--spacing-100) * -1);\n}\n\n.textbox .icon-btn:first-child {\n margin-inline-end: calc(var(--spacing-100) * -1);\n}\n\ninput.textbox__control[readonly]:focus,\ntextarea.textbox__control[readonly]:focus {\n text-decoration: underline;\n}\n\n.textbox--fluid,\n.textbox--fluid .textbox__control {\n width: 100%;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-input-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n --dialog-lightbox-wide-max-width: 896px;\n --dialog-lightbox-narrow-max-width: 480px;\n}\n\n.lightbox-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.lightbox-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.lightbox-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n will-change: opacity, transform;\n}\n\n.lightbox-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.lightbox-dialog__header h1,\n.lightbox-dialog__header h2,\n.lightbox-dialog__header h3,\n.lightbox-dialog__header h4,\n.lightbox-dialog__header h5,\n.lightbox-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.lightbox-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.lightbox-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: 18px;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__main > :first-child {\n margin-top: 0;\n}\n.lightbox-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.lightbox-dialog__footer {\n border-top: 1px solid\n var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\n.lightbox-dialog__image {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n height: 218px;\n position: absolute;\n width: 100%;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__window {\n padding-bottom: var(--spacing-100);\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header > * {\n margin-top: 218px;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header {\n margin: var(--spacing-300) var(--spacing-300) 0;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__footer,\n.lightbox-dialog--expressive .lightbox-dialog__main {\n padding: var(--spacing-200) var(--spacing-300);\n}\nbutton.icon-btn.lightbox-dialog__close,\nbutton.icon-btn.lightbox-dialog__prev {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\nbutton.icon-btn.lightbox-dialog__prev {\n margin-inline-end: var(--spacing-200);\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {\n align-self: self-start;\n margin: 0;\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {\n margin-left: -32px;\n}\n\n.lightbox-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.lightbox-dialog__title--center {\n text-align: center;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n transition:\n opacity 0.16s ease-out,\n transform 0.32s ease-out;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--hide,\n.lightbox-dialog--hide.lightbox-dialog--show-init,\n.lightbox-dialog--show-init.lightbox-dialog--hide,\n.lightbox-dialog--show-init.lightbox-dialog--show-init {\n display: flex;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show-init .lightbox-dialog__window--fade {\n opacity: 0;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show-init .lightbox-dialog__window--animate {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.lightbox-dialog--hide-init.lightbox-dialog--hide-init,\n.lightbox-dialog--hide-init.lightbox-dialog--show,\n.lightbox-dialog--show.lightbox-dialog--hide-init,\n.lightbox-dialog--show.lightbox-dialog--show {\n display: flex;\n}\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n opacity: 1;\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n opacity: 1;\n transform: translateY(0);\n}\n\n.lightbox-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.lightbox-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.lightbox-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n[dir=\"rtl\"] button.icon-btn.lightbox-dialog__prev .icon--16 {\n transform: rotate(180deg);\n}\n\n.lightbox-dialog--fullscreen .lightbox-dialog__window,\n.lightbox-dialog--large .lightbox-dialog__window {\n align-self: center;\n height: 70%;\n margin: var(--spacing-100);\n max-height: 95%;\n}\n\n@media (max-width: 512px) {\n .lightbox-dialog--large .lightbox-dialog__window {\n height: 95%;\n max-height: 95%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__window {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__handle,\n .lightbox-dialog--large .lightbox-dialog__handle {\n display: none;\n }\n}\n@media (min-width: 512px) {\n .lightbox-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n .lightbox-dialog__handle {\n display: none;\n }\n .lightbox-dialog--narrow .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-narrow-max-width);\n }\n .lightbox-dialog__window .lightbox-dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {\n margin-left: var(--spacing-100);\n margin-top: 0;\n }\n .lightbox-dialog--hide .lightbox-dialog__window--animate,\n .lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n .lightbox-dialog--show .lightbox-dialog__window--animate,\n .lightbox-dialog--show-init .lightbox-dialog__window--animate {\n transform: translateY(0);\n }\n}\n@media (min-width: 768px) {\n .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-wide-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__image {\n height: 256px;\n }\n .lightbox-dialog--wide.lightbox-dialog--expressive\n .lightbox-dialog__header\n > * {\n margin-top: 256px;\n }\n}\n",":root {\n --input-default-height: 40px;\n --input-large-height: 48px;\n}\n\n.textbox {\n align-items: center;\n background-color: var(\n --textbox-background-color,\n var(--color-background-secondary)\n );\n border-color: var(--textbox-border-color, var(--color-stroke-default));\n border-radius: var(--textbox-border-radius, var(--border-radius-50));\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --textbox-foreground-color,\n var(--color-foreground-on-secondary)\n );\n display: inline-flex;\n font-size: var(--font-size-default);\n gap: var(--spacing-100);\n overflow: hidden;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n}\n.textbox button.icon-btn {\n background-color: initial;\n padding: 0;\n}\n.textbox--focus,\n.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not(\n :has(> .textbox__control[readonly])\n ) {\n background-color: var(\n --textbox-focus-background-color,\n var(--color-background-primary)\n );\n border-color: var(--textbox-focus-border-color, var(--color-stroke-strong));\n box-shadow: 0 0 0 1px var(--color-stroke-strong);\n}\n.textbox--readonly,\n.textbox:has(> .textbox__control[readonly]) {\n background-color: initial;\n border: none;\n}\n.textbox--disabled,\n.textbox:has(> .textbox__control[disabled]) {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n.textbox--invalid,\n.textbox:has(> .textbox__control[aria-invalid=\"true\"]) {\n border-color: var(\n --textbox-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.textbox__control {\n background-color: initial;\n border: none;\n box-sizing: border-box;\n color: inherit;\n}\n\ntextarea.textbox__control {\n font-family: inherit;\n min-height: 200px;\n overflow: auto;\n padding: var(--spacing-200);\n resize: vertical;\n vertical-align: middle;\n}\n\ninput.textbox__control {\n font-family: inherit;\n padding: 0;\n vertical-align: middle;\n}\n\ninput.textbox__control:first-child:not([readonly]) {\n padding-inline-start: var(--spacing-200);\n}\n\ninput.textbox__control:last-child:not([readonly]) {\n padding-inline-end: var(--spacing-200);\n}\n\ninput.textbox__control,\ntextarea.textbox__control {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n flex-grow: 1;\n font-size: 1em;\n height: 40px;\n margin: 0;\n outline: none;\n}\ninput.textbox__control[disabled],\ntextarea.textbox__control[disabled] {\n border-color: var(\n --textbox-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --textbox-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\ninput.textbox__control[disabled]::-webkit-input-placeholder,\ntextarea.textbox__control[disabled]::-webkit-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]::-moz-placeholder,\ntextarea.textbox__control[disabled]::-moz-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[disabled]:-ms-input-placeholder,\ntextarea.textbox__control[disabled]:-ms-input-placeholder {\n color: var(\n --textbox-disabled-placeholder-color,\n var(--color-foreground-ghost)\n );\n}\ninput.textbox__control[aria-invalid=\"true\"],\ntextarea.textbox__control[aria-invalid=\"true\"] {\n border-color: var(\n --textbox-invalid-foreground-color,\n var(--color-stroke-attention)\n );\n}\ninput.textbox__control::placeholder,\ntextarea.textbox__control::placeholder {\n color: var(--textbox-placeholder-color, var(--color-foreground-secondary));\n font-weight: 200;\n opacity: 1;\n}\n\ninput.textbox__control {\n height: calc(var(--input-default-height) - 2px);\n}\n\n.textbox--large input.textbox__control {\n height: calc(var(--input-large-height) - 2px);\n}\n\n.textbox .icon-btn > svg,\n.textbox > svg {\n color: var(--textbox-icon-color, var(--color-foreground-secondary));\n display: inline-flex;\n height: 1lh;\n pointer-events: none;\n width: 14px;\n fill: var(--textbox-icon-color, var(--color-foreground-secondary));\n}\n\n.textbox > span:first-child,\n.textbox > svg:first-child {\n margin-inline-start: var(--spacing-200);\n}\n\n.textbox > span:last-child,\n.textbox > svg:last-child {\n margin-inline-end: var(--spacing-200);\n}\n\n.textbox .icon-btn:last-child {\n margin-inline-start: calc(var(--spacing-100) * -1);\n}\n\n.textbox .icon-btn:first-child {\n margin-inline-end: calc(var(--spacing-100) * -1);\n}\n\ninput.textbox__control[readonly]:focus,\ntextarea.textbox__control[readonly]:focus {\n text-decoration: underline;\n}\n\n.textbox--fluid,\n.textbox--fluid .textbox__control {\n width: 100%;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-input-dialog/index.min.js b/docs/ui/makeup-input-dialog/index.min.js
index baa63d4c..f0c68583 100644
--- a/docs/ui/makeup-input-dialog/index.min.js
+++ b/docs/ui/makeup-input-dialog/index.min.js
@@ -650,12 +650,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -685,7 +685,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -699,7 +699,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1052,7 +1052,7 @@ function _onClick(e) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-input-dialog/index.min.js.map b/docs/ui/makeup-input-dialog/index.min.js.map
index 10f5442f..14929d50 100644
--- a/docs/ui/makeup-input-dialog/index.min.js.map
+++ b/docs/ui/makeup-input-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-input-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAA4B;;;;;;;;ACApC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACtDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAA4B;AACpC,mBAAO,CAAC,IAAoB;AAC5B,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/lightbox-dialog.js","webpack://root/./node_modules/@ebay/skin/textbox.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css?d75e","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css?d7ec","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-input-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-input-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/lightbox-dialog/lightbox-dialog.css');\n","require('./dist/textbox/textbox.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultInputOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"input\",\n submitButtonSelector: \".lightbox-dialog__submit\",\n cancelButtonSelector: \".lightbox-dialog__cancel\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultInputOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._submitButtonEl = this._el.querySelector(this._options.submitButtonSelector);\n this._cancelButtonEl = this._el.querySelector(this._options.cancelButtonSelector);\n this._onSubmitButtonClickListener = _onSubmitButtonClick.bind(this);\n this._onCancelButtonClickListener = _onCancelButtonClick.bind(this);\n this._submitButtonEl.addEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.addEventListener(\"click\", this._onCancelButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._submitButtonEl.removeEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.removeEventListener(\"click\", this._onCancelButtonClickListener);\n }\n submit() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-submit\"));\n }\n cancel() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cancel\"));\n }\n destroy() {\n super.destroy();\n this._onSubmitButtonClickListener = null;\n this._onCancelButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onSubmitButtonClick() {\n this.submit();\n}\nfunction _onCancelButtonClick() {\n this.cancel();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/lightbox-dialog\");\nrequire(\"@ebay/skin/textbox\");\nvar _makeupInputDialog = _interopRequireDefault(require(\"makeup-input-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const InputDialog = require('makeup-input-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".lightbox-dialog--input\").forEach(function (el, i) {\n const widget = new _makeupInputDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-input-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAA4B;;;;;;;;ACApC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACtDa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAA4B;AACpC,mBAAO,CAAC,IAAoB;AAC5B,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/lightbox-dialog.js","webpack://root/./node_modules/@ebay/skin/textbox.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css?d75e","webpack://root/./node_modules/@ebay/skin/dist/textbox/textbox.css?d7ec","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-input-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-input-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/lightbox-dialog/lightbox-dialog.css');\n","require('./dist/textbox/textbox.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultInputOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"input\",\n submitButtonSelector: \".lightbox-dialog__submit\",\n cancelButtonSelector: \".lightbox-dialog__cancel\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultInputOptions, selectedOptions));\n }\n _observeEvents() {\n super._observeEvents();\n this._submitButtonEl = this._el.querySelector(this._options.submitButtonSelector);\n this._cancelButtonEl = this._el.querySelector(this._options.cancelButtonSelector);\n this._onSubmitButtonClickListener = _onSubmitButtonClick.bind(this);\n this._onCancelButtonClickListener = _onCancelButtonClick.bind(this);\n this._submitButtonEl.addEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.addEventListener(\"click\", this._onCancelButtonClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._submitButtonEl.removeEventListener(\"click\", this._onSubmitButtonClickListener);\n this._cancelButtonEl.removeEventListener(\"click\", this._onCancelButtonClickListener);\n }\n submit() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-submit\"));\n }\n cancel() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cancel\"));\n }\n destroy() {\n super.destroy();\n this._onSubmitButtonClickListener = null;\n this._onCancelButtonClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onSubmitButtonClick() {\n this.submit();\n}\nfunction _onCancelButtonClick() {\n this.cancel();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/lightbox-dialog\");\nrequire(\"@ebay/skin/textbox\");\nvar _makeupInputDialog = _interopRequireDefault(require(\"makeup-input-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const InputDialog = require('makeup-input-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".lightbox-dialog--input\").forEach(function (el, i) {\n const widget = new _makeupInputDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-lightbox-dialog/index.css b/docs/ui/makeup-lightbox-dialog/index.css
index 9af7b0b1..8cbadec7 100644
--- a/docs/ui/makeup-lightbox-dialog/index.css
+++ b/docs/ui/makeup-lightbox-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-lightbox-dialog/index.css.map b/docs/ui/makeup-lightbox-dialog/index.css.map
index 9d8124c2..e2584c27 100644
--- a/docs/ui/makeup-lightbox-dialog/index.css.map
+++ b/docs/ui/makeup-lightbox-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-lightbox-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n --dialog-lightbox-wide-max-width: 896px;\n --dialog-lightbox-narrow-max-width: 480px;\n}\n\n.lightbox-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.lightbox-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.lightbox-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n will-change: opacity, transform;\n}\n\n.lightbox-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.lightbox-dialog__header h1,\n.lightbox-dialog__header h2,\n.lightbox-dialog__header h3,\n.lightbox-dialog__header h4,\n.lightbox-dialog__header h5,\n.lightbox-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.lightbox-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.lightbox-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: 18px;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__main > :first-child {\n margin-top: 0;\n}\n.lightbox-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.lightbox-dialog__footer {\n border-top: 1px solid\n var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\n.lightbox-dialog__image {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n height: 218px;\n position: absolute;\n width: 100%;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__window {\n padding-bottom: var(--spacing-100);\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header > * {\n margin-top: 218px;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header {\n margin: var(--spacing-300) var(--spacing-300) 0;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__footer,\n.lightbox-dialog--expressive .lightbox-dialog__main {\n padding: var(--spacing-200) var(--spacing-300);\n}\nbutton.icon-btn.lightbox-dialog__close,\nbutton.icon-btn.lightbox-dialog__prev {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\nbutton.icon-btn.lightbox-dialog__prev {\n margin-inline-end: var(--spacing-200);\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {\n align-self: self-start;\n margin: 0;\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {\n margin-left: -32px;\n}\n\n.lightbox-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.lightbox-dialog__title--center {\n text-align: center;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n transition:\n opacity 0.16s ease-out,\n transform 0.32s ease-out;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--hide,\n.lightbox-dialog--hide.lightbox-dialog--show-init,\n.lightbox-dialog--show-init.lightbox-dialog--hide,\n.lightbox-dialog--show-init.lightbox-dialog--show-init {\n display: flex;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show-init .lightbox-dialog__window--fade {\n opacity: 0;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show-init .lightbox-dialog__window--animate {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.lightbox-dialog--hide-init.lightbox-dialog--hide-init,\n.lightbox-dialog--hide-init.lightbox-dialog--show,\n.lightbox-dialog--show.lightbox-dialog--hide-init,\n.lightbox-dialog--show.lightbox-dialog--show {\n display: flex;\n}\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n opacity: 1;\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n opacity: 1;\n transform: translateY(0);\n}\n\n.lightbox-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.lightbox-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.lightbox-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n[dir=\"rtl\"] button.icon-btn.lightbox-dialog__prev .icon--16 {\n transform: rotate(180deg);\n}\n\n.lightbox-dialog--fullscreen .lightbox-dialog__window,\n.lightbox-dialog--large .lightbox-dialog__window {\n align-self: center;\n height: 70%;\n margin: var(--spacing-100);\n max-height: 95%;\n}\n\n@media (max-width: 512px) {\n .lightbox-dialog--large .lightbox-dialog__window {\n height: 95%;\n max-height: 95%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__window {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__handle,\n .lightbox-dialog--large .lightbox-dialog__handle {\n display: none;\n }\n}\n@media (min-width: 512px) {\n .lightbox-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n .lightbox-dialog__handle {\n display: none;\n }\n .lightbox-dialog--narrow .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-narrow-max-width);\n }\n .lightbox-dialog__window .lightbox-dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {\n margin-left: var(--spacing-100);\n margin-top: 0;\n }\n .lightbox-dialog--hide .lightbox-dialog__window--animate,\n .lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n .lightbox-dialog--show .lightbox-dialog__window--animate,\n .lightbox-dialog--show-init .lightbox-dialog__window--animate {\n transform: translateY(0);\n }\n}\n@media (min-width: 768px) {\n .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-wide-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__image {\n height: 256px;\n }\n .lightbox-dialog--wide.lightbox-dialog--expressive\n .lightbox-dialog__header\n > * {\n margin-top: 256px;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-lightbox-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n --dialog-lightbox-wide-max-width: 896px;\n --dialog-lightbox-narrow-max-width: 480px;\n}\n\n.lightbox-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n align-items: flex-start;\n justify-content: center;\n overflow-y: auto;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.lightbox-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.lightbox-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-radius: var(--lightbox-border-radius, var(--border-radius-150));\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n margin: auto auto 16px;\n max-height: 90%;\n max-width: calc(100% - 32px);\n min-height: 55px;\n min-width: 208px;\n will-change: opacity, transform;\n}\n\n.lightbox-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.lightbox-dialog__header h1,\n.lightbox-dialog__header h2,\n.lightbox-dialog__header h3,\n.lightbox-dialog__header h4,\n.lightbox-dialog__header h5,\n.lightbox-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.lightbox-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.lightbox-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n min-height: 18px;\n overflow: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__main > :first-child {\n margin-top: 0;\n}\n.lightbox-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.lightbox-dialog__footer {\n border-top: 1px solid\n var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.lightbox-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\n\n.lightbox-dialog__image {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;\n height: 218px;\n position: absolute;\n width: 100%;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__window {\n padding-bottom: var(--spacing-100);\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header > * {\n margin-top: 218px;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__header {\n margin: var(--spacing-300) var(--spacing-300) 0;\n}\n\n.lightbox-dialog--expressive .lightbox-dialog__footer,\n.lightbox-dialog--expressive .lightbox-dialog__main {\n padding: var(--spacing-200) var(--spacing-300);\n}\nbutton.icon-btn.lightbox-dialog__close,\nbutton.icon-btn.lightbox-dialog__prev {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\nbutton.icon-btn.lightbox-dialog__prev {\n margin-inline-end: var(--spacing-200);\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {\n align-self: self-start;\n margin: 0;\n}\n\n.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {\n margin-left: -32px;\n}\n\n.lightbox-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.lightbox-dialog__title--center {\n text-align: center;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n transition: opacity 0.16s ease-out;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n transition:\n opacity 0.16s ease-out,\n transform 0.32s ease-out;\n}\n\n.lightbox-dialog--hide.lightbox-dialog--hide,\n.lightbox-dialog--hide.lightbox-dialog--show-init,\n.lightbox-dialog--show-init.lightbox-dialog--hide,\n.lightbox-dialog--show-init.lightbox-dialog--show-init {\n display: flex;\n}\n.lightbox-dialog--hide.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.lightbox-dialog--hide .lightbox-dialog__window--fade,\n.lightbox-dialog--show-init .lightbox-dialog__window--fade {\n opacity: 0;\n}\n.lightbox-dialog--hide .lightbox-dialog__window--animate,\n.lightbox-dialog--show-init .lightbox-dialog__window--animate {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.lightbox-dialog--hide-init.lightbox-dialog--hide-init,\n.lightbox-dialog--hide-init.lightbox-dialog--show,\n.lightbox-dialog--show.lightbox-dialog--hide-init,\n.lightbox-dialog--show.lightbox-dialog--show {\n display: flex;\n}\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,\n.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,\n.lightbox-dialog--show.lightbox-dialog--mask-fade,\n.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--fade,\n.lightbox-dialog--show .lightbox-dialog__window--fade {\n opacity: 1;\n}\n.lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n.lightbox-dialog--show .lightbox-dialog__window--animate {\n opacity: 1;\n transform: translateY(0);\n}\n\n.lightbox-dialog__handle {\n background-color: initial;\n border: none;\n left: 0;\n margin: -11px auto;\n padding: 8px;\n position: relative;\n right: 0;\n top: 11px;\n z-index: 2;\n}\n.lightbox-dialog__handle:after {\n background-color: var(--dialog-handle-color, var(--color-stroke-default));\n border-radius: 3px;\n content: \"\";\n display: block;\n height: 2px;\n width: 24px;\n}\n\n.lightbox-dialog__window--expanded {\n height: 95%;\n max-height: 95%;\n}\n\n[dir=\"rtl\"] button.icon-btn.lightbox-dialog__prev .icon--16 {\n transform: rotate(180deg);\n}\n\n.lightbox-dialog--fullscreen .lightbox-dialog__window,\n.lightbox-dialog--large .lightbox-dialog__window {\n align-self: center;\n height: 70%;\n margin: var(--spacing-100);\n max-height: 95%;\n}\n\n@media (max-width: 512px) {\n .lightbox-dialog--large .lightbox-dialog__window {\n height: 95%;\n max-height: 95%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__window {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n }\n .lightbox-dialog--fullscreen .lightbox-dialog__handle,\n .lightbox-dialog--large .lightbox-dialog__handle {\n display: none;\n }\n}\n@media (min-width: 512px) {\n .lightbox-dialog__window {\n border-radius: var(--lightbox-border-radius, var(--border-radius-100));\n margin: auto;\n max-width: calc(88% - var(--spacing-400));\n }\n .lightbox-dialog__handle {\n display: none;\n }\n .lightbox-dialog--narrow .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-narrow-max-width);\n }\n .lightbox-dialog__window .lightbox-dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {\n margin-left: var(--spacing-100);\n margin-top: 0;\n }\n .lightbox-dialog--hide .lightbox-dialog__window--animate,\n .lightbox-dialog--hide-init .lightbox-dialog__window--animate,\n .lightbox-dialog--show .lightbox-dialog__window--animate,\n .lightbox-dialog--show-init .lightbox-dialog__window--animate {\n transform: translateY(0);\n }\n}\n@media (min-width: 768px) {\n .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__window {\n max-width: var(--dialog-lightbox-wide-max-width);\n }\n .lightbox-dialog--wide .lightbox-dialog__image {\n height: 256px;\n }\n .lightbox-dialog--wide.lightbox-dialog--expressive\n .lightbox-dialog__header\n > * {\n margin-top: 256px;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-lightbox-dialog/index.min.js b/docs/ui/makeup-lightbox-dialog/index.min.js
index 88fe3815..56031b49 100644
--- a/docs/ui/makeup-lightbox-dialog/index.min.js
+++ b/docs/ui/makeup-lightbox-dialog/index.min.js
@@ -650,12 +650,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -685,7 +685,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -699,7 +699,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -989,7 +989,7 @@ function _onClick(e) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-lightbox-dialog/index.min.js.map b/docs/ui/makeup-lightbox-dialog/index.min.js.map
index 662ebc45..9d8c9220 100644
--- a/docs/ui/makeup-lightbox-dialog/index.min.js.map
+++ b/docs/ui/makeup-lightbox-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-lightbox-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAA4B;AACpC,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/lightbox-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css?d75e","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-lightbox-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/lightbox-dialog/lightbox-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/lightbox-dialog\");\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const LightboxDialog = require('makeup-lightbox-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".lightbox-dialog\").forEach(function (el, i) {\n const widget = new _makeupLightboxDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-lightbox-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;UCzCA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAA4B;AACpC,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/lightbox-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/lightbox-dialog/lightbox-dialog.css?d75e","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-lightbox-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/lightbox-dialog/lightbox-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/lightbox-dialog\");\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const LightboxDialog = require('makeup-lightbox-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".lightbox-dialog\").forEach(function (el, i) {\n const widget = new _makeupLightboxDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-listbox-button/index.css b/docs/ui/makeup-listbox-button/index.css
index d7930524..26c25262 100644
--- a/docs/ui/makeup-listbox-button/index.css
+++ b/docs/ui/makeup-listbox-button/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
@@ -549,6 +550,34 @@ a[aria-disabled="true"] {
white-space: nowrap;
}
+.scrollbars-permanent {
+ -webkit-overflow-scrolling: touch;
+ scroll-behavior: smooth;
+ scroll-snap-type: proximity;
+ scroll-snap-type: x proximity;
+}
+
+.scrollbars-permanent::-webkit-scrollbar {
+ background-color: var(--color-background-faint);
+ border-radius: 12px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:vertical {
+ width: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:horizontal {
+ height: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar-thumb {
+ background-color: var(--color-foreground-secondary);
+ border-color: transparent;
+ border-radius: 12px;
+ border-right-style: inset;
+ box-shadow: none;
+}
+
a.fake-btn,
button.btn {
background-color: initial;
diff --git a/docs/ui/makeup-listbox-button/index.css.map b/docs/ui/makeup-listbox-button/index.css.map
index da09079e..c41b8beb 100644
--- a/docs/ui/makeup-listbox-button/index.css.map
+++ b/docs/ui/makeup-listbox-button/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-listbox-button/index.css","mappings":"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,WAAW;AACb;;ACJA;IACI,uBAAuB;IACvB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,sCAAsC;IACtC,4BAA4B;IAC5B,sCAAsC;IACtC,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,mCAAmC;IACnC,yBAAyB;IACzB,gCAAgC;IAChC,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,sCAAsC;IACtC,sCAAsC;IACtC,2CAA2C;IAC3C,qCAAqC;IACrC,qCAAqC;IACrC,0CAA0C;IAC1C,uCAAuC;IACvC,uCAAuC;IACvC,4CAA4C;IAC5C,oCAAoC;IACpC,oCAAoC;IACpC,yCAAyC;IACzC,uCAAuC;IACvC,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,wBAAwB;IACxB,uBAAuB;IACvB,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,yCAAyC;IACzC,sCAAsC;IACtC,wCAAwC;IACxC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,0BAA0B;IAC1B,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;AACvB;;ACvMA;IACI,oDAAoD;IACpD,sDAAsD;IACtD,qDAAqD;IACrD,qDAAqD;IACrD,oDAAoD;IACpD,kDAAkD;IAClD,sDAAsD;IACtD,qDAAqD;IACrD,mDAAmD;IACnD,gDAAgD;IAChD,gDAAgD;IAChD,qDAAqD;IACrD,mDAAmD;IACnD,2DAA2D;IAC3D,oDAAoD;IACpD,sDAAsD;IACtD,qDAAqD;IACrD,kDAAkD;IAClD,sDAAsD;IACtD,qDAAqD;IACrD,gDAAgD;IAChD,iDAAiD;IACjD,uDAAuD;IACvD,yDAAyD;IACzD,wDAAwD;IACxD,uDAAuD;IACvD,sDAAsD;IACtD,yDAAyD;IACzD,4DAA4D;IAC5D,2DAA2D;IAC3D,sDAAsD;IACtD,gDAAgD;IAChD,4CAA4C;IAC5C,8CAA8C;IAC9C,kDAAkD;IAClD,iDAAiD;IACjD,iDAAiD;IACjD,+CAA+C;IAC/C,+CAA+C;IAC/C,4CAA4C;IAC5C,mCAAmC;IACnC,oCAAoC;IACpC,qCAAqC;IACrC,sCAAsC;IACtC,gDAAgD;IAChD,uCAAuC;IACvC,iDAAiD;IACjD,oCAAoC;IACpC,qCAAqC;IACrC,mCAAmC;IACnC,oDAAoD;IACpD,oCAAoC;IACpC,qDAAqD;IACrD,sCAAsC;IACtC,uCAAuC;IACvC,iEAAiE;IACjE,kEAAkE;IAClE,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,0DAA0D;IAC1D,uDAAuD;IACvD,0DAA0D;IAC1D,8DAA8D;IAC9D,2DAA2D;IAC3D,6DAA6D;IAC7D,0DAA0D;IAC1D,sDAAsD;IACtD,qDAAqD;IACrD,qDAAqD;IACrD,uDAAuD;IACvD,mEAAmE;IACnE,6DAA6D;IAC7D,mEAAmE;IACnE,+DAA+D;IAC/D,gEAAgE;IAChE,4DAA4D;IAC5D,kDAAkD;IAClD,oDAAoD;IACpD,wCAAwC;IACxC,6CAA6C;IAC7C,2DAA2D;IAC3D,6DAA6D;IAC7D,2DAA2D;IAC3D,2DAA2D;IAC3D,wDAAwD;IACxD,0DAA0D;IAC1D,6DAA6D;IAC7D,0DAA0D;IAC1D,gEAAgE;IAChE,8DAA8D;IAC9D,6DAA6D;IAC7D,6DAA6D;IAC7D,gEAAgE;IAChE,6DAA6D;IAC7D,0EAA0E;IAC1E,0EAA0E;IAC1E;;;KAGC;IACD,0EAA0E;IAC1E;;;;;;;KAOC;IACD;;;;;KAKC;IACD;;;;;;KAMC;IACD;;;;KAIC;IACD;;;;KAIC;IACD;;;;;KAKC;IACD;;;;KAIC;IACD,qDAAqD;IACrD;2CACuC;IACvC,0DAA0D;IAC1D,6BAA6B;IAC7B;;;;;;;KAOC;IACD,0CAA0C;IAC1C;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD,yDAAyD;AAC7D;;AChMA;IACI,iDAAiD;IACjD,sCAAsC;IACtC;;;kBAGc;IACd,mCAAmC;IACnC,8BAA8B;AAClC;;AAEA;IACI,SAAS;IACT,UAAU;AACd;;AAEA;IACI,iCAAiC;AACrC;;AAEA;IACI;;;KAGC;AACL;AACA;IACI;;;KAGC;AACL;AACA;IACI;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AC5CA;;IAEI,YAAY;IACZ,cAAc;IACd,cAAc;AAClB;AACA;IACI,WAAW;AACf;AACA;IACI,SAAS;IACT,8BAA8B;IAC9B,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,kBAAkB;IAClB,mBAAmB;IACnB,UAAU;AACd;AACA;IACI,UAAU;IACV,YAAY;IACZ,iBAAiB;IACjB,mBAAmB;IACnB,WAAW;AACf;AACA;IACI,YAAY;IACZ,WAAW;AACf;AACA;IACI,YAAY;IACZ,eAAe;AACnB;AACA;IACI,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;AAC1B;AACA;IACI,gBAAgB;IAChB,eAAe;AACnB;AACA;IACI,mBAAmB;IACnB,kBAAkB;IAClB,aAAa;IACb,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;AACtB;AACA;IACI,+BAA+B;IAC/B,SAAS;IACT,WAAW;IACX,cAAc;IACd,OAAO;IACP,oBAAoB;IACpB,kBAAkB;IAClB,QAAQ;IACR,MAAM;AACV;AACA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,eAAe;IACf,mBAAmB;AACvB;AACA;IACI,mBAAmB;IACnB,mBAAmB;IACnB,aAAa;IACb,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;AACtB;AACA;IACI,+BAA+B;IAC/B,SAAS;IACT,WAAW;IACX,cAAc;IACd,OAAO;IACP,oBAAoB;IACpB,kBAAkB;IAClB,QAAQ;IACR,MAAM;AACV;AACA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,eAAe;IACf,mBAAmB;AACvB;;AAEA;IACI,0CAA0C;AAC9C;;AAEA;IACI,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;ACtGA;;IAEI,yBAAyB;IACzB,iBAAiB;IACjB,6CAA6C;IAC7C,sBAAsB;IACtB,cAAc;IACd,qBAAqB;IACrB,oBAAoB;IACpB,mCAAmC;IACnC,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,sBAAsB;AAC1B;AACA;;;;IAII,YAAY;AAChB;AACA;;IAEI,iCAAiC;IACjC,oBAAoB;IACpB,gCAAgC;AACpC;AACA;;IAEI,aAAa;AACjB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,yBAAyB;IACzB,eAAe;IACf,eAAe;IACf,uBAAuB;AAC3B;AACA;;;;IAII,yBAAyB;IACzB,aAAa;IACb,0BAA0B;AAC9B;;AAEA;;;;IAII,yBAAyB;AAC7B;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,YAAY;IACZ,eAAe;IACf,gCAAgC;IAChC,iCAAiC;AACrC;;AAEA;IACI,cAAc;AAClB;;AAEA;;IAEI,WAAW;AACf;;AAEA;;IAEI,mBAAmB;IACnB,aAAa;IACb,uBAAuB;IACvB,WAAW;AACf;AACA;;IAEI,oBAAoB;AACxB;AACA;;IAEI,oBAAoB;IACpB,4BAA4B;AAChC;AACA;;IAEI,oBAAoB;AACxB;AACA;;IAEI,oBAAoB;IACpB,4BAA4B;AAChC;;AAEA;;;;IAII,8BAA8B;AAClC;;AAEA;;IAEI,kBAAkB;AACtB;AACA;;IAEI,sBAAsB;AAC1B;AACA;;IAEI,wBAAwB;AAC5B;AACA;;IAEI,SAAS;AACb;;AAEA;;IAEI,kBAAkB;IAClB,YAAY;IACZ,iBAAiB;IACjB,WAAW;AACf;;AAEA;;IAEI;;;KAGC;IACD,yEAAyE;IACzE;;;KAGC;IACD,gBAAgB;AACpB;;AAEA;IACI,8CAA8C;AAClD;;AAEA;IACI;;;KAGC;AACL;;AAEA;;;;IAII,+BAA+B;IAC/B,uBAAuB;AAC3B;AACA;;IAEI,uBAAuB;AAC3B;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;IACD,gBAAgB;AACpB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;IACI,YAAY;IACZ,cAAc;IACd,WAAW;AACf;;AAEA;IACI,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;IACI,gEAAgE;IAChE,wCAAwC;AAC5C;;AAEA;IACI,kEAAkE;IAClE,wCAAwC;AAC5C;;AAEA;;IAEI,yBAAyB;AAC7B;;AAEA;;IAEI,gBAAgB;AACpB;;AAEA;;IAEI,gBAAgB;AACpB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI,oEAAoE;IACpE,2EAA2E;AAC/E;;AAEA;;;IAGI;;;KAGC;AACL;;AAEA;;IAEI,mDAAmD;IACnD,+DAA+D;IAC/D,wDAAwD;AAC5D;AACA;;;;IAII,kDAAkD;IAClD,8DAA8D;IAC9D,uDAAuD;AAC3D;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,kDAAkD;IAClD,2EAA2E;IAC3E,oEAAoE;AACxE;AACA;;;;;IAKI,mDAAmD;IACnD;;KAEC;IACD,qEAAqE;AACzE;;AAEA;IACI,wCAAwC;IACxC,wCAAwC;AAC5C;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI,2EAA2E;AAC/E;;AAEA;;;;IAII,oDAAoD;AACxD;AACA;;IAEI,qDAAqD;AACzD;;AAEA;;;;;;IAMI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;IACI,wCAAwC;IACxC,wCAAwC;AAC5C;;AAEA;;IAEI,6CAA6C;IAC7C,kCAAkC;IAClC,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;;IAEI,6CAA6C;IAC7C,mCAAmC;IACnC,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;;IAEI,qBAAqB;IACrB,uEAAuE;IACvE,eAAe;AACnB;;AAEA;;;;IAII,kDAAkD;AACtD;AACA;;IAEI,mDAAmD;AACvD;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,iBAAiB;AACrB;AACA;;;;;;IAMI,yBAAyB;AAC7B;;AAEA;;IAEI,kCAAkC;AACtC;;AAEA;;IAEI,YAAY;IACZ,gBAAgB;IAChB,gCAAgC;AACpC;;AAEA;;;;IAII,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,kCAAkC;IAClC,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;AACtB;AACA;;;;IAII,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,4BAA4B;AAChC;;AAEA;;IAEI,4BAA4B;IAC5B,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;;IAEI,iBAAiB;AACrB;AACA;;;;;;IAMI;;;KAGC;AACL;;AAEA;IACI,iBAAiB;IACjB,cAAc;AAClB;;AAEA;IACI,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;IACI,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,wCAAwC;IACxC,sBAAsB;IACtB,mBAAmB;IACnB,wBAAwB;IACxB,UAAU;AACd;;AAEA;IACI;;wBAEoB;AACxB;;AAEA;IACI,mBAAmB;IACnB,eAAe;IACf,2BAA2B;AAC/B;;AAEA;;IAEI,4BAA4B;AAChC;AACA;;IAEI,4BAA4B;IAC5B,oBAAoB;IACpB,kBAAkB;AACtB;AACA;;IAEI,kBAAkB;AACtB;AACA;;;;;;IAMI;;;KAGC;IACD;;;KAGC;AACL;;ACtrBA;IACI;qCACiC;AACrC;AACA;IACI,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;AAC1B;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,kBAAkB;IAClB,mBAAmB;AACvB;;AAEA;;;IAGI,WAAW;AACf;;AAEA;IACI;;;KAGC;IACD;;;KAGC;IACD,gCAAgC;IAChC,sBAAsB;IACtB,aAAa;IACb,OAAO;IACP,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,kBAAkB;IAClB,qBAAqB;IACrB,WAAW;IACX,UAAU;AACd;AACA;IACI,WAAW;IACX,QAAQ;AACZ;;AAEA;;IAEI,cAAc;AAClB;;AAEA;IACI;;;KAGC;AACL;;AAEA;;;;;;IAMI;;;KAGC;AACL;AACA;;;;;;;;;;;;;;;;;;IAkBI,qBAAqB;AACzB;;AAEA;;IAEI,yBAAyB;IACzB,yBAAyB;IACzB,eAAe;IACf,uBAAuB;AAC3B;AACA;;IAEI,aAAa;IACb,0BAA0B;AAC9B;AACA;;;;;;IAMI,SAAS;AACb;;AAEA;IACI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;IACI;;;KAGC;AACL;;AAEA;IACI;;;KAGC;AACL;;AAEA;IACI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;IACI,2EAA2E;IAC3E,iBAAiB;AACrB;;AAEA;IACI,yEAAyE;AAC7E;;AAEA;;IAEI,2EAA2E;AAC/E;;AAEA;IACI,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,2EAA2E;AAC/E;;AAEA;;IAEI,kDAAkD;AACtD;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,UAAU;IACV,oBAAoB;IACpB,eAAe;IACf,uCAAuC;AAC3C;;AAEA;IACI,UAAU;AACd;;AAEA;IACI;;;KAGC;IACD,iCAAiC;IACjC,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;AACf;;AAEA;IACI,yBAAyB;IACzB;;;KAGC;IACD,mBAAmB;IACnB,iBAAiB;IACjB,sBAAsB;IACtB;;;KAGC;IACD,eAAe;IACf,oBAAoB;IACpB,oBAAoB;IACpB,gCAAgC;IAChC,8BAA8B;IAC9B,iBAAiB;IACjB,WAAW;AACf;AACA;IACI,kBAAkB;AACtB;AACA;IACI,oBAAoB;AACxB;AACA;IACI,aAAa;AACjB;AACA;IACI,kDAAkD;IAClD;;;KAGC;AACL;AACA;IACI,gBAAgB;AACpB;AACA;;IAEI,uBAAuB;IACvB;;;KAGC;IACD,kBAAkB;AACtB;AACA;IACI;;;KAGC;IACD;;;KAGC;AACL;AACA;IACI;;;KAGC;IACD;;;KAGC;AACL;AACA;;;IAGI,uBAAuB;IACvB;;;KAGC;IACD,kBAAkB;AACtB;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,cAAc;IACd,mBAAmB;AACvB;AACA;IACI,aAAa;AACjB;AACA;IACI,2EAA2E;IAC3E,gBAAgB;IAChB,eAAe;AACnB","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/listbox-button/listbox-button.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.listbox-button {\n line-height: normal;\n position: relative;\n vertical-align: bottom;\n}\n\nspan.listbox-button {\n display: inline-block;\n}\n\n.listbox-button .btn {\n padding-left: 15px;\n padding-right: 15px;\n}\n\nspan.listbox-button--fluid,\nspan.listbox-button--fluid .btn,\nspan.listbox-button--fluid .expand-btn {\n width: 100%;\n}\n\ndiv.listbox-button__listbox {\n background-color: var(\n --listbox-button-listbox-background-color,\n var(--color-background-elevated)\n );\n border-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n box-shadow: var(--bubble-shadow);\n box-sizing: border-box;\n display: none;\n left: 0;\n max-height: 400px;\n min-width: 100%;\n overflow-y: auto;\n position: absolute;\n top: calc(100% + 4px);\n width: auto;\n z-index: 2;\n}\n[dir=\"rtl\"] div.listbox-button__listbox {\n left: unset;\n right: 0;\n}\n\n.listbox-button button.btn[aria-expanded=\"true\"] ~ div.listbox-button__listbox,\nbutton.expand-btn[aria-expanded=\"true\"] ~ div.listbox-button__listbox {\n display: block;\n}\n\n.listbox-button button[aria-invalid=\"true\"] {\n border-color: var(\n --listbox-button-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form {\n border-color: var(\n --listbox-button-border-color,\n var(--color-stroke-default)\n );\n}\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form:active,\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form:focus,\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form:hover {\n border-color: inherit;\n}\n\n.listbox-button button.btn--borderless,\n.listbox-button button.expand-btn--borderless {\n background-color: initial;\n border-color: transparent;\n padding-left: 0;\n vertical-align: initial;\n}\n.listbox-button button.btn--borderless:focus,\n.listbox-button button.expand-btn--borderless:focus {\n outline: none;\n text-decoration: underline;\n}\n.listbox-button\n button.btn--borderless[aria-expanded=\"true\"]\n ~ .listbox-button__listbox,\n.listbox-button\n button.expand-btn--borderless[aria-expanded=\"true\"]\n ~ .listbox-button__listbox {\n top: 41px;\n}\n\n.listbox-button.listbox-button--form button {\n background-color: var(\n --listbox-button-background-color,\n var(--color-background-secondary)\n );\n border-color: var(\n --listbox-button-border-color,\n var(--color-stroke-default)\n );\n color: var(\n --listbox-button-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\n.listbox-button.listbox-button--form button[aria-disabled=\"true\"],\n.listbox-button.listbox-button--form button[disabled] {\n border-color: var(\n --listbox-button-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --listbox-button-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\n.listbox-button.listbox-button--form button:focus {\n background-color: var(\n --combobox-textbox-focus-background-color,\n var(--color-background-primary)\n );\n}\n\n.listbox-button.listbox-button--form button[aria-invalid=\"true\"] {\n border-color: var(\n --listbox-button-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.listbox-button.listbox-button--error button:not(.btn--borderless) {\n background-color: var(\n --listbox-button-background-color,\n var(--color-background-secondary)\n );\n border-color: var(\n --listbox-button-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.listbox-button .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-secondary));\n margin-right: 3px;\n}\n\n.listbox-button--expanded .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-primary));\n}\n\n.listbox-button.listbox-button--error button .btn__floating-label,\n.listbox-button.listbox-button--error button .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-attention));\n}\n\n.listbox-button .btn__text {\n font-weight: 700;\n margin-right: auto;\n}\n\n.listbox-button__options {\n border-radius: var(--listbox-button-border-radius, var(--border-radius-50));\n}\n\n.listbox-button__options[role=\"listbox\"]:focus\n .listbox-button__option--active[role=\"option\"] {\n background-color: var(--color-state-primary-hover);\n}\n\n.listbox-button__option svg.icon {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n margin-inline-start: var(--spacing-100);\n}\n\ndiv.listbox-button__option[role=\"option\"][aria-selected=\"true\"] svg.icon {\n opacity: 1;\n}\n\n.listbox-button__description {\n color: var(\n --listbox-button-subtitle-color,\n var(--color-foreground-secondary)\n );\n font-size: var(--font-size-small);\n font-weight: 400;\n grid-column: 1 2;\n grid-row: 2;\n}\n\ndiv.listbox-button__option[role=\"option\"] {\n background-color: initial;\n border-color: var(\n --listbox-option-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --listbox-option-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\ndiv.listbox-button__option[role=\"option\"]:not(:last-child) {\n margin-bottom: 1px;\n}\ndiv.listbox-button__option[role=\"option\"]:focus {\n outline-offset: -4px;\n}\ndiv.listbox-button__option[role=\"option\"][hidden] {\n display: none;\n}\ndiv.listbox-button__option[role=\"option\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\ndiv.listbox-button__option[role=\"option\"]:active {\n font-weight: 700;\n}\ndiv.listbox-button__option[role=\"option\"]:disabled,\ndiv.listbox-button__option[role=\"option\"][aria-disabled=\"true\"] {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\ndiv.listbox-button__option[role=\"option\"]:first-child {\n border-top-left-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n}\ndiv.listbox-button__option[role=\"option\"]:last-child {\n border-bottom-left-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n}\ndiv.listbox-button__option[role=\"option\"]:disabled .listbox-button__description,\ndiv.listbox-button__option[role=\"option\"][aria-disabled=\"true\"]\n .listbox-button__description {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n\ndiv.listbox-button__option--active[role=\"option\"] {\n font-weight: 700;\n}\n\nspan.listbox-button__value {\n flex: 1 0 auto;\n white-space: nowrap;\n}\n.listbox-button__options:focus:not(:focus-visible) {\n outline: none;\n}\n[dir=\"rtl\"] .listbox-button .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-secondary));\n margin-left: 3px;\n margin-right: 0;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-listbox-button/index.css","mappings":"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,WAAW;AACb;;ACJA;IACI,uBAAuB;IACvB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,sCAAsC;IACtC,4BAA4B;IAC5B,sCAAsC;IACtC,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,mCAAmC;IACnC,yBAAyB;IACzB,gCAAgC;IAChC,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,sCAAsC;IACtC,sCAAsC;IACtC,2CAA2C;IAC3C,qCAAqC;IACrC,qCAAqC;IACrC,0CAA0C;IAC1C,uCAAuC;IACvC,uCAAuC;IACvC,4CAA4C;IAC5C,oCAAoC;IACpC,oCAAoC;IACpC,yCAAyC;IACzC,uCAAuC;IACvC,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,wBAAwB;IACxB,uBAAuB;IACvB,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,yCAAyC;IACzC,sCAAsC;IACtC,wCAAwC;IACxC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,0BAA0B;IAC1B,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;AACvB;;ACvMA;IACI,oDAAoD;IACpD,sDAAsD;IACtD,qDAAqD;IACrD,kEAAkE;IAClE,qDAAqD;IACrD,oDAAoD;IACpD,kDAAkD;IAClD,sDAAsD;IACtD,qDAAqD;IACrD,mDAAmD;IACnD,gDAAgD;IAChD,gDAAgD;IAChD,qDAAqD;IACrD,mDAAmD;IACnD,2DAA2D;IAC3D,oDAAoD;IACpD,sDAAsD;IACtD,qDAAqD;IACrD,kDAAkD;IAClD,sDAAsD;IACtD,qDAAqD;IACrD,gDAAgD;IAChD,iDAAiD;IACjD,uDAAuD;IACvD,yDAAyD;IACzD,wDAAwD;IACxD,uDAAuD;IACvD,sDAAsD;IACtD,yDAAyD;IACzD,4DAA4D;IAC5D,2DAA2D;IAC3D,sDAAsD;IACtD,gDAAgD;IAChD,4CAA4C;IAC5C,8CAA8C;IAC9C,kDAAkD;IAClD,iDAAiD;IACjD,iDAAiD;IACjD,+CAA+C;IAC/C,+CAA+C;IAC/C,4CAA4C;IAC5C,mCAAmC;IACnC,oCAAoC;IACpC,qCAAqC;IACrC,sCAAsC;IACtC,gDAAgD;IAChD,uCAAuC;IACvC,iDAAiD;IACjD,oCAAoC;IACpC,qCAAqC;IACrC,mCAAmC;IACnC,oDAAoD;IACpD,oCAAoC;IACpC,qDAAqD;IACrD,sCAAsC;IACtC,uCAAuC;IACvC,iEAAiE;IACjE,kEAAkE;IAClE,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,0DAA0D;IAC1D,uDAAuD;IACvD,0DAA0D;IAC1D,8DAA8D;IAC9D,2DAA2D;IAC3D,6DAA6D;IAC7D,0DAA0D;IAC1D,sDAAsD;IACtD,qDAAqD;IACrD,qDAAqD;IACrD,uDAAuD;IACvD,mEAAmE;IACnE,6DAA6D;IAC7D,mEAAmE;IACnE,+DAA+D;IAC/D,gEAAgE;IAChE,4DAA4D;IAC5D,kDAAkD;IAClD,oDAAoD;IACpD,wCAAwC;IACxC,6CAA6C;IAC7C,2DAA2D;IAC3D,6DAA6D;IAC7D,2DAA2D;IAC3D,2DAA2D;IAC3D,wDAAwD;IACxD,0DAA0D;IAC1D,6DAA6D;IAC7D,0DAA0D;IAC1D,gEAAgE;IAChE,8DAA8D;IAC9D,6DAA6D;IAC7D,6DAA6D;IAC7D,gEAAgE;IAChE,6DAA6D;IAC7D,0EAA0E;IAC1E,0EAA0E;IAC1E;;;KAGC;IACD,0EAA0E;IAC1E;;;;;;;KAOC;IACD;;;;;KAKC;IACD;;;;;;KAMC;IACD;;;;KAIC;IACD;;;;KAIC;IACD;;;;;KAKC;IACD;;;;KAIC;IACD,qDAAqD;IACrD;2CACuC;IACvC,0DAA0D;IAC1D,6BAA6B;IAC7B;;;;;;;KAOC;IACD,0CAA0C;IAC1C;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD,yDAAyD;AAC7D;;ACjMA;IACI,iDAAiD;IACjD,sCAAsC;IACtC;;;kBAGc;IACd,mCAAmC;IACnC,8BAA8B;AAClC;;AAEA;IACI,SAAS;IACT,UAAU;AACd;;AAEA;IACI,iCAAiC;AACrC;;AAEA;IACI;;;KAGC;AACL;AACA;IACI;;;KAGC;AACL;AACA;IACI;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AC5CA;;IAEI,YAAY;IACZ,cAAc;IACd,cAAc;AAClB;AACA;IACI,WAAW;AACf;AACA;IACI,SAAS;IACT,8BAA8B;IAC9B,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,kBAAkB;IAClB,mBAAmB;IACnB,UAAU;AACd;AACA;IACI,UAAU;IACV,YAAY;IACZ,iBAAiB;IACjB,mBAAmB;IACnB,WAAW;AACf;AACA;IACI,YAAY;IACZ,WAAW;AACf;AACA;IACI,YAAY;IACZ,eAAe;AACnB;AACA;IACI,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;AAC1B;AACA;IACI,gBAAgB;IAChB,eAAe;AACnB;AACA;IACI,mBAAmB;IACnB,kBAAkB;IAClB,aAAa;IACb,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;AACtB;AACA;IACI,+BAA+B;IAC/B,SAAS;IACT,WAAW;IACX,cAAc;IACd,OAAO;IACP,oBAAoB;IACpB,kBAAkB;IAClB,QAAQ;IACR,MAAM;AACV;AACA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,eAAe;IACf,mBAAmB;AACvB;AACA;IACI,mBAAmB;IACnB,mBAAmB;IACnB,aAAa;IACb,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;AACtB;AACA;IACI,+BAA+B;IAC/B,SAAS;IACT,WAAW;IACX,cAAc;IACd,OAAO;IACP,oBAAoB;IACpB,kBAAkB;IAClB,QAAQ;IACR,MAAM;AACV;AACA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,eAAe;IACf,mBAAmB;AACvB;;AAEA;IACI,0CAA0C;AAC9C;;AAEA;IACI,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;IACI,iCAAiC;IACjC,uBAAuB;IACvB,2BAA2B;IAC3B,6BAA6B;AACjC;;AAEA;IACI,+CAA+C;IAC/C,mBAAmB;AACvB;;AAEA;IACI,UAAU;AACd;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,mDAAmD;IACnD,yBAAyB;IACzB,mBAAmB;IACnB,yBAAyB;IACzB,gBAAgB;AACpB;;AClIA;;IAEI,yBAAyB;IACzB,iBAAiB;IACjB,6CAA6C;IAC7C,sBAAsB;IACtB,cAAc;IACd,qBAAqB;IACrB,oBAAoB;IACpB,mCAAmC;IACnC,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,sBAAsB;AAC1B;AACA;;;;IAII,YAAY;AAChB;AACA;;IAEI,iCAAiC;IACjC,oBAAoB;IACpB,gCAAgC;AACpC;AACA;;IAEI,aAAa;AACjB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,yBAAyB;IACzB,eAAe;IACf,eAAe;IACf,uBAAuB;AAC3B;AACA;;;;IAII,yBAAyB;IACzB,aAAa;IACb,0BAA0B;AAC9B;;AAEA;;;;IAII,yBAAyB;AAC7B;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,YAAY;IACZ,eAAe;IACf,gCAAgC;IAChC,iCAAiC;AACrC;;AAEA;IACI,cAAc;AAClB;;AAEA;;IAEI,WAAW;AACf;;AAEA;;IAEI,mBAAmB;IACnB,aAAa;IACb,uBAAuB;IACvB,WAAW;AACf;AACA;;IAEI,oBAAoB;AACxB;AACA;;IAEI,oBAAoB;IACpB,4BAA4B;AAChC;AACA;;IAEI,oBAAoB;AACxB;AACA;;IAEI,oBAAoB;IACpB,4BAA4B;AAChC;;AAEA;;;;IAII,8BAA8B;AAClC;;AAEA;;IAEI,kBAAkB;AACtB;AACA;;IAEI,sBAAsB;AAC1B;AACA;;IAEI,wBAAwB;AAC5B;AACA;;IAEI,SAAS;AACb;;AAEA;;IAEI,kBAAkB;IAClB,YAAY;IACZ,iBAAiB;IACjB,WAAW;AACf;;AAEA;;IAEI;;;KAGC;IACD,yEAAyE;IACzE;;;KAGC;IACD,gBAAgB;AACpB;;AAEA;IACI,8CAA8C;AAClD;;AAEA;IACI;;;KAGC;AACL;;AAEA;;;;IAII,+BAA+B;IAC/B,uBAAuB;AAC3B;AACA;;IAEI,uBAAuB;AAC3B;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;IACD,gBAAgB;AACpB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;IACI,YAAY;IACZ,cAAc;IACd,WAAW;AACf;;AAEA;IACI,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;IACI,gEAAgE;IAChE,wCAAwC;AAC5C;;AAEA;IACI,kEAAkE;IAClE,wCAAwC;AAC5C;;AAEA;;IAEI,yBAAyB;AAC7B;;AAEA;;IAEI,gBAAgB;AACpB;;AAEA;;IAEI,gBAAgB;AACpB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI,oEAAoE;IACpE,2EAA2E;AAC/E;;AAEA;;;IAGI;;;KAGC;AACL;;AAEA;;IAEI,mDAAmD;IACnD,+DAA+D;IAC/D,wDAAwD;AAC5D;AACA;;;;IAII,kDAAkD;IAClD,8DAA8D;IAC9D,uDAAuD;AAC3D;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,kDAAkD;IAClD,2EAA2E;IAC3E,oEAAoE;AACxE;AACA;;;;;IAKI,mDAAmD;IACnD;;KAEC;IACD,qEAAqE;AACzE;;AAEA;IACI,wCAAwC;IACxC,wCAAwC;AAC5C;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI,2EAA2E;AAC/E;;AAEA;;;;IAII,oDAAoD;AACxD;AACA;;IAEI,qDAAqD;AACzD;;AAEA;;;;;;IAMI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;IACI,wCAAwC;IACxC,wCAAwC;AAC5C;;AAEA;;IAEI,6CAA6C;IAC7C,kCAAkC;IAClC,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;;IAEI,6CAA6C;IAC7C,mCAAmC;IACnC,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;;IAEI,qBAAqB;IACrB,uEAAuE;IACvE,eAAe;AACnB;;AAEA;;;;IAII,kDAAkD;AACtD;AACA;;IAEI,mDAAmD;AACvD;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,iBAAiB;AACrB;AACA;;;;;;IAMI,yBAAyB;AAC7B;;AAEA;;IAEI,kCAAkC;AACtC;;AAEA;;IAEI,YAAY;IACZ,gBAAgB;IAChB,gCAAgC;AACpC;;AAEA;;;;IAII,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,kCAAkC;IAClC,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;AACtB;AACA;;;;IAII,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,4BAA4B;AAChC;;AAEA;;IAEI,4BAA4B;IAC5B,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;;IAEI,iBAAiB;AACrB;AACA;;;;;;IAMI;;;KAGC;AACL;;AAEA;IACI,iBAAiB;IACjB,cAAc;AAClB;;AAEA;IACI,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;IACI,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,wCAAwC;IACxC,sBAAsB;IACtB,mBAAmB;IACnB,wBAAwB;IACxB,UAAU;AACd;;AAEA;IACI;;wBAEoB;AACxB;;AAEA;IACI,mBAAmB;IACnB,eAAe;IACf,2BAA2B;AAC/B;;AAEA;;IAEI,4BAA4B;AAChC;AACA;;IAEI,4BAA4B;IAC5B,oBAAoB;IACpB,kBAAkB;AACtB;AACA;;IAEI,kBAAkB;AACtB;AACA;;;;;;IAMI;;;KAGC;IACD;;;KAGC;AACL;;ACtrBA;IACI;qCACiC;AACrC;AACA;IACI,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;AAC1B;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,kBAAkB;IAClB,mBAAmB;AACvB;;AAEA;;;IAGI,WAAW;AACf;;AAEA;IACI;;;KAGC;IACD;;;KAGC;IACD,gCAAgC;IAChC,sBAAsB;IACtB,aAAa;IACb,OAAO;IACP,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,kBAAkB;IAClB,qBAAqB;IACrB,WAAW;IACX,UAAU;AACd;AACA;IACI,WAAW;IACX,QAAQ;AACZ;;AAEA;;IAEI,cAAc;AAClB;;AAEA;IACI;;;KAGC;AACL;;AAEA;;;;;;IAMI;;;KAGC;AACL;AACA;;;;;;;;;;;;;;;;;;IAkBI,qBAAqB;AACzB;;AAEA;;IAEI,yBAAyB;IACzB,yBAAyB;IACzB,eAAe;IACf,uBAAuB;AAC3B;AACA;;IAEI,aAAa;IACb,0BAA0B;AAC9B;AACA;;;;;;IAMI,SAAS;AACb;;AAEA;IACI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;IACI;;;KAGC;AACL;;AAEA;IACI;;;KAGC;AACL;;AAEA;IACI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;IACI,2EAA2E;IAC3E,iBAAiB;AACrB;;AAEA;IACI,yEAAyE;AAC7E;;AAEA;;IAEI,2EAA2E;AAC/E;;AAEA;IACI,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,2EAA2E;AAC/E;;AAEA;;IAEI,kDAAkD;AACtD;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,UAAU;IACV,oBAAoB;IACpB,eAAe;IACf,uCAAuC;AAC3C;;AAEA;IACI,UAAU;AACd;;AAEA;IACI;;;KAGC;IACD,iCAAiC;IACjC,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;AACf;;AAEA;IACI,yBAAyB;IACzB;;;KAGC;IACD,mBAAmB;IACnB,iBAAiB;IACjB,sBAAsB;IACtB;;;KAGC;IACD,eAAe;IACf,oBAAoB;IACpB,oBAAoB;IACpB,gCAAgC;IAChC,8BAA8B;IAC9B,iBAAiB;IACjB,WAAW;AACf;AACA;IACI,kBAAkB;AACtB;AACA;IACI,oBAAoB;AACxB;AACA;IACI,aAAa;AACjB;AACA;IACI,kDAAkD;IAClD;;;KAGC;AACL;AACA;IACI,gBAAgB;AACpB;AACA;;IAEI,uBAAuB;IACvB;;;KAGC;IACD,kBAAkB;AACtB;AACA;IACI;;;KAGC;IACD;;;KAGC;AACL;AACA;IACI;;;KAGC;IACD;;;KAGC;AACL;AACA;;;IAGI,uBAAuB;IACvB;;;KAGC;IACD,kBAAkB;AACtB;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,cAAc;IACd,mBAAmB;AACvB;AACA;IACI,aAAa;AACjB;AACA;IACI,2EAA2E;IAC3E,gBAAgB;IAChB,eAAe;AACnB","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/listbox-button/listbox-button.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.scrollbars-permanent {\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n scroll-snap-type: proximity;\n scroll-snap-type: x proximity;\n}\n\n.scrollbars-permanent::-webkit-scrollbar {\n background-color: var(--color-background-faint);\n border-radius: 12px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:vertical {\n width: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:horizontal {\n height: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar-thumb {\n background-color: var(--color-foreground-secondary);\n border-color: transparent;\n border-radius: 12px;\n border-right-style: inset;\n box-shadow: none;\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.listbox-button {\n line-height: normal;\n position: relative;\n vertical-align: bottom;\n}\n\nspan.listbox-button {\n display: inline-block;\n}\n\n.listbox-button .btn {\n padding-left: 15px;\n padding-right: 15px;\n}\n\nspan.listbox-button--fluid,\nspan.listbox-button--fluid .btn,\nspan.listbox-button--fluid .expand-btn {\n width: 100%;\n}\n\ndiv.listbox-button__listbox {\n background-color: var(\n --listbox-button-listbox-background-color,\n var(--color-background-elevated)\n );\n border-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n box-shadow: var(--bubble-shadow);\n box-sizing: border-box;\n display: none;\n left: 0;\n max-height: 400px;\n min-width: 100%;\n overflow-y: auto;\n position: absolute;\n top: calc(100% + 4px);\n width: auto;\n z-index: 2;\n}\n[dir=\"rtl\"] div.listbox-button__listbox {\n left: unset;\n right: 0;\n}\n\n.listbox-button button.btn[aria-expanded=\"true\"] ~ div.listbox-button__listbox,\nbutton.expand-btn[aria-expanded=\"true\"] ~ div.listbox-button__listbox {\n display: block;\n}\n\n.listbox-button button[aria-invalid=\"true\"] {\n border-color: var(\n --listbox-button-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form {\n border-color: var(\n --listbox-button-border-color,\n var(--color-stroke-default)\n );\n}\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form:active,\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form:focus,\n.listbox-button:not(.listbox-button--error)\n button:not(\n [disabled],\n [aria-disabled=\"true\"],\n [aria-invalid=\"true\"]\n ).btn--form:hover {\n border-color: inherit;\n}\n\n.listbox-button button.btn--borderless,\n.listbox-button button.expand-btn--borderless {\n background-color: initial;\n border-color: transparent;\n padding-left: 0;\n vertical-align: initial;\n}\n.listbox-button button.btn--borderless:focus,\n.listbox-button button.expand-btn--borderless:focus {\n outline: none;\n text-decoration: underline;\n}\n.listbox-button\n button.btn--borderless[aria-expanded=\"true\"]\n ~ .listbox-button__listbox,\n.listbox-button\n button.expand-btn--borderless[aria-expanded=\"true\"]\n ~ .listbox-button__listbox {\n top: 41px;\n}\n\n.listbox-button.listbox-button--form button {\n background-color: var(\n --listbox-button-background-color,\n var(--color-background-secondary)\n );\n border-color: var(\n --listbox-button-border-color,\n var(--color-stroke-default)\n );\n color: var(\n --listbox-button-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\n.listbox-button.listbox-button--form button[aria-disabled=\"true\"],\n.listbox-button.listbox-button--form button[disabled] {\n border-color: var(\n --listbox-button-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --listbox-button-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\n.listbox-button.listbox-button--form button:focus {\n background-color: var(\n --combobox-textbox-focus-background-color,\n var(--color-background-primary)\n );\n}\n\n.listbox-button.listbox-button--form button[aria-invalid=\"true\"] {\n border-color: var(\n --listbox-button-invalid-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.listbox-button.listbox-button--error button:not(.btn--borderless) {\n background-color: var(\n --listbox-button-background-color,\n var(--color-background-secondary)\n );\n border-color: var(\n --listbox-button-border-color,\n var(--color-stroke-attention)\n );\n}\n\n.listbox-button .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-secondary));\n margin-right: 3px;\n}\n\n.listbox-button--expanded .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-primary));\n}\n\n.listbox-button.listbox-button--error button .btn__floating-label,\n.listbox-button.listbox-button--error button .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-attention));\n}\n\n.listbox-button .btn__text {\n font-weight: 700;\n margin-right: auto;\n}\n\n.listbox-button__options {\n border-radius: var(--listbox-button-border-radius, var(--border-radius-50));\n}\n\n.listbox-button__options[role=\"listbox\"]:focus\n .listbox-button__option--active[role=\"option\"] {\n background-color: var(--color-state-primary-hover);\n}\n\n.listbox-button__option svg.icon {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n margin-inline-start: var(--spacing-100);\n}\n\ndiv.listbox-button__option[role=\"option\"][aria-selected=\"true\"] svg.icon {\n opacity: 1;\n}\n\n.listbox-button__description {\n color: var(\n --listbox-button-subtitle-color,\n var(--color-foreground-secondary)\n );\n font-size: var(--font-size-small);\n font-weight: 400;\n grid-column: 1 2;\n grid-row: 2;\n}\n\ndiv.listbox-button__option[role=\"option\"] {\n background-color: initial;\n border-color: var(\n --listbox-option-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --listbox-option-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\ndiv.listbox-button__option[role=\"option\"]:not(:last-child) {\n margin-bottom: 1px;\n}\ndiv.listbox-button__option[role=\"option\"]:focus {\n outline-offset: -4px;\n}\ndiv.listbox-button__option[role=\"option\"][hidden] {\n display: none;\n}\ndiv.listbox-button__option[role=\"option\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\ndiv.listbox-button__option[role=\"option\"]:active {\n font-weight: 700;\n}\ndiv.listbox-button__option[role=\"option\"]:disabled,\ndiv.listbox-button__option[role=\"option\"][aria-disabled=\"true\"] {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\ndiv.listbox-button__option[role=\"option\"]:first-child {\n border-top-left-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n}\ndiv.listbox-button__option[role=\"option\"]:last-child {\n border-bottom-left-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --listbox-button-listbox-border-radius,\n var(--border-radius-50)\n );\n}\ndiv.listbox-button__option[role=\"option\"]:disabled .listbox-button__description,\ndiv.listbox-button__option[role=\"option\"][aria-disabled=\"true\"]\n .listbox-button__description {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n\ndiv.listbox-button__option--active[role=\"option\"] {\n font-weight: 700;\n}\n\nspan.listbox-button__value {\n flex: 1 0 auto;\n white-space: nowrap;\n}\n.listbox-button__options:focus:not(:focus-visible) {\n outline: none;\n}\n[dir=\"rtl\"] .listbox-button .btn__label {\n color: var(--listbox-button-label-color, var(--color-foreground-secondary));\n margin-left: 3px;\n margin-right: 0;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-listbox-button/index.min.js b/docs/ui/makeup-listbox-button/index.min.js
index 985c1395..8365b63c 100644
--- a/docs/ui/makeup-listbox-button/index.min.js
+++ b/docs/ui/makeup-listbox-button/index.min.js
@@ -490,7 +490,7 @@ function manageFocus(focusManagement, contentEl) {
var _focusables$2;
(_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();
} else if (focusManagement !== null) {
- const el = contentEl.querySelector(`#${focusManagement}`);
+ const el = contentEl.querySelector("#".concat(focusManagement));
if (el) {
el.focus();
}
@@ -520,7 +520,7 @@ class _default {
if (this.options.ariaControls === true) {
// ensure the widget has an id
(0, _makeupNextId.default)(this.el, "expander");
- this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;
+ this.contentEl.id = this.contentEl.id || "".concat(this.el.id, "-content");
this.hostEl.setAttribute("aria-controls", this.contentEl.id);
}
this.expandOnClick = this.options.expandOnClick;
@@ -740,13 +740,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -1040,7 +1040,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -1200,12 +1200,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -1395,11 +1395,11 @@ function _onListboxChange(e) {
floatingLabelInline
} = this._options;
const icon = e.detail.el.querySelector(listboxOptionIconSelector).cloneNode(true);
- let btnContent = this._buttonPrefix ? `${this._buttonPrefix}${toValue}` : toValue;
+ let btnContent = this._buttonPrefix ? "".concat(this._buttonPrefix).concat(toValue) : toValue;
if (icon) {
switch (buttonValueType) {
case "both":
- btnContent = `${icon.outerHTML} ${btnContent}`;
+ btnContent = "".concat(icon.outerHTML, " ").concat(btnContent, "");
break;
case "icon":
this._buttonEl.setAttribute("aria-label", btnContent);
@@ -1412,7 +1412,7 @@ function _onListboxChange(e) {
if (listboxOptionAriaLabelSelector) {
var _e$detail$el$querySel;
const selectorText = (_e$detail$el$querySel = e.detail.el.querySelector(listboxOptionAriaLabelSelector)) === null || _e$detail$el$querySel === void 0 ? void 0 : _e$detail$el$querySel.innerText.trim();
- this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? `${this._buttonPrefix} ${selectorText}` : selectorText);
+ this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? "".concat(this._buttonPrefix, " ").concat(selectorText) : selectorText);
}
this._buttonLabelEl.innerHTML = btnContent;
if (this._buttonFloatingLabelEl) {
@@ -1702,7 +1702,7 @@ function _onMutation(mutationsList) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-listbox-button/index.min.js.map b/docs/ui/makeup-listbox-button/index.min.js.map
index 16cc354a..dabd0d50 100644
--- a/docs/ui/makeup-listbox-button/index.min.js.map
+++ b/docs/ui/makeup-listbox-button/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-listbox-button/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0C;;;;;;;;ACAlD,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ,2CAA2C,gBAAgB;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,WAAW;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAiB;AACtE,4CAA4C,mBAAO,CAAC,IAAgB;AACpE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA,2CAA2C,mBAAmB,EAAE,QAAQ;AACxE;AACA;AACA;AACA,wBAAwB,gBAAgB,QAAQ,WAAW;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sEAAsE,oBAAoB,EAAE,aAAa;AACzG;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;;;AClMa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCnNA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAA2B;AACnC,kDAAkD,mBAAO,CAAC,IAAuB;AACjF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/listbox-button.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/listbox-button/listbox-button.css?ea08","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox-button/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-listbox-button/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/listbox-button/listbox-button.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(`#${focusManagement}`);\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nvar _makeupListbox = _interopRequireDefault(require(\"makeup-listbox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n autoSelect: true,\n buttonLabelSelector: \".btn__text\",\n collapseTimeout: 150,\n customElementMode: false,\n listboxSelector: \".listbox-button__listbox\",\n floatingLabelSelector: \".btn__floating-label\",\n floatingLabelInline: \"btn__floating-label--inline\",\n floatingLabelAnimate: \"btn__floating-label--animate\",\n valueSelector: \".listbox-button__value\",\n buttonValueType: \"text\",\n // [\"text\", \"icon\", \"both\"],\n listboxOptionIconSelector: \".icon\",\n listboxOptionAriaLabelSelector: null\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n var _this$_buttonEl$datas;\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._buttonEl = this.el.querySelector(\"button\");\n this._buttonLabelEl = widgetEl.querySelector(this._options.buttonLabelSelector);\n this._buttonFloatingLabelEl = widgetEl.querySelector(this._options.floatingLabelSelector);\n this._buttonPrefix = (_this$_buttonEl$datas = this._buttonEl.dataset) === null || _this$_buttonEl$datas === void 0 ? void 0 : _this$_buttonEl$datas.listboxButtonPrefix;\n this._listboxEl = this.el.querySelector(this._options.listboxSelector);\n this._onButtonFirstClickListener = _onButtonFirstClick.bind(this);\n this._onListboxClickListener = _onListboxClick.bind(this);\n this._onListboxKeyDownListener = _onListboxKeyDown.bind(this);\n this._onListboxInitListener = _onListboxInit.bind(this);\n this._onListboxChangeListener = _onListboxChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this.listbox = new _makeupListbox.default(this._listboxEl, {\n activeDescendantClassName: \"listbox-button__option--active\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: this._options.autoSelect,\n valueSelector: this._options.valueSelector\n });\n this._expander = new _makeupExpander.default(this.el, {\n alwaysDoFocusManagement: true,\n collapseOnClick: true,\n collapseOnClickOut: true,\n collapseOnFocusOut: true,\n contentSelector: this._options.listboxSelector,\n expandedClass: \"listbox-button--expanded\",\n expandOnClick: true,\n focusManagement: \"focusable\",\n hostSelector: \"button\"\n });\n this.el.classList.add(\"listbox-button--js\");\n if (this._buttonFloatingLabelEl) {\n if (!this._buttonLabelEl.innerText) {\n this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline);\n }\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._buttonEl, {\n attributeFilter: [\"aria-expanded\"],\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _unobserveEvents() {\n this._buttonEl.removeEventListener(\"click\", this._onButtonFirstClickListener);\n this._listboxEl.removeEventListener(\"click\", this._onListboxClickListener);\n this._listboxEl.removeEventListener(\"keydown\", this._onListboxKeyDownListener);\n this._listboxEl.removeEventListener(\"makeup-listbox-init\", this._onListboxInitListener);\n this._listboxEl.removeEventListener(\"makeup-listbox-change\", this._onListboxChangeListener);\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._buttonEl.addEventListener(\"click\", this._onButtonFirstClickListener, {\n once: true\n });\n this._listboxEl.addEventListener(\"click\", this._onListboxClickListener);\n this._listboxEl.addEventListener(\"keydown\", this._onListboxKeyDownListener);\n this._listboxEl.addEventListener(\"makeup-listbox-init\", this._onListboxInitListener);\n this._listboxEl.addEventListener(\"makeup-listbox-change\", this._onListboxChangeListener);\n }\n }\n collapse() {\n const widget = this;\n setTimeout(function () {\n widget._unobserveMutations();\n widget._expander.expanded = false;\n widget._observeMutations();\n widget._buttonEl.focus();\n }, this._options.collapseTimeout);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._unobserveMutations();\n this._onButtonFirstClickListener = null;\n this._onListboxClickListener = null;\n this._onListboxKeyDownListener = null;\n this._onListboxInitListener = null;\n this._onListboxChangeListener = null;\n this._onMutationListener = null;\n }\n}\n\n// listbox element should be hidden in initial SSR markup (for progressive enhancement)\nexports.default = _default;\nfunction _onButtonFirstClick() {\n this.listbox.el.hidden = false;\n}\nfunction _onListboxKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 27 || e.keyCode === 32) {\n this.collapse();\n }\n}\nfunction _onListboxClick() {\n this.collapse();\n}\nfunction _onListboxInit(e) {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-button-init\", {\n detail: e.detail\n }));\n}\nfunction _onListboxChange(e) {\n const toValue = e.detail.optionValue;\n const {\n listboxOptionIconSelector,\n listboxOptionAriaLabelSelector,\n buttonValueType,\n floatingLabelAnimate,\n floatingLabelInline\n } = this._options;\n const icon = e.detail.el.querySelector(listboxOptionIconSelector).cloneNode(true);\n let btnContent = this._buttonPrefix ? `${this._buttonPrefix}${toValue}` : toValue;\n if (icon) {\n switch (buttonValueType) {\n case \"both\":\n btnContent = `${icon.outerHTML} ${btnContent}`;\n break;\n case \"icon\":\n this._buttonEl.setAttribute(\"aria-label\", btnContent);\n btnContent = icon.outerHTML;\n break;\n default:\n break;\n }\n }\n if (listboxOptionAriaLabelSelector) {\n var _e$detail$el$querySel;\n const selectorText = (_e$detail$el$querySel = e.detail.el.querySelector(listboxOptionAriaLabelSelector)) === null || _e$detail$el$querySel === void 0 ? void 0 : _e$detail$el$querySel.innerText.trim();\n this._buttonEl.setAttribute(\"aria-label\", this._buttonPrefix ? `${this._buttonPrefix} ${selectorText}` : selectorText);\n }\n this._buttonLabelEl.innerHTML = btnContent;\n if (this._buttonFloatingLabelEl) {\n if (toValue) {\n this._buttonFloatingLabelEl.classList.add(floatingLabelAnimate);\n this._buttonFloatingLabelEl.classList.remove(floatingLabelInline);\n } else {\n this._buttonFloatingLabelEl.classList.add(floatingLabelInline);\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-button-change\", {\n detail: e.detail\n }));\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-button-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A listbox can be a standalone focusable widget, or controlled by a separate, focusable widget\n * (a textbox for example, in the case of a combobox or datepicker)\n *\n * This listbox code currently supports single-selct only!\n * This code has been copied from Skin & MIND Patterns and has not yet been cleaned up.\n */\n\nconst defaultOptions = {\n activeDescendantClassName: \"listbox__option--active\",\n // the classname applied to the current active desdcendant\n autoInit: \"ariaSelectedOrInteractive\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: true,\n // when true, aria-checked state matches active-descendant\n autoScroll: true,\n // when true, the listbox will scroll to keep the activeDescendant in view\n customElementMode: false,\n focusableElement: null,\n // used in a combobox/datepicker scenario\n listboxOwnerElement: null,\n // used in a combobox/datepicker scenario\n multiSelect: false,\n // todo\n useAriaChecked: true,\n // doubles up on support for aria-selected to announce visible selected/checked state\n valueSelector: \".listbox__value\" // Selector to get value from\n};\nfunction isSpacebarOrEnter(keyCode) {\n return keyCode === 13 || keyCode === 32;\n}\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n\n // in cases such as combobox, the active-descendant logic is controlled by a parent widget\n this._activeDescendantRootEl = this._options.listboxOwnerElement || this.el;\n\n // todo: not sure this check is needed any more\n if (widgetEl.getAttribute(\"role\") === \"listbox\") {\n this._listboxEl = widgetEl;\n } else {\n this._listboxEl = this.el.querySelector(\"[role=listbox]\");\n }\n if (!this._options.focusableElement && this._listboxEl.getAttribute(\"tabindex\") === null) {\n this._listboxEl.setAttribute(\"tabindex\", \"0\");\n }\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onActiveDescendantChangeListener = _onActiveDescendantChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"listbox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this._activeDescendant = ActiveDescendant.createLinear(this._activeDescendantRootEl, this._options.focusableElement || this._listboxEl, this._listboxEl, \"[role=option]\", {\n activeDescendantClassName: this._options.activeDescendantClassName,\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n autoScroll: this._options.autoScroll,\n axis: \"y\"\n });\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._listboxEl, {\n attributeFilter: [\"aria-selected\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n this._listboxEl.addEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.removeEventListener(\"click\", this._onClickListener);\n this._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n }\n get index() {\n return this.items.findIndex(el => el.getAttribute(\"aria-selected\") === \"true\");\n }\n get items() {\n return this._activeDescendant.items;\n }\n select(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n let optionValue;\n matchingItem.setAttribute(\"aria-selected\", \"true\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"true\");\n }\n optionValue = matchingItem.innerText;\n\n // Check if value selector is present and use that to get innerText instead\n // If its not present, will default to innerText of the whole item\n if (this._options.valueSelector) {\n const valueSelector = matchingItem.querySelector(this._options.valueSelector);\n if (valueSelector) {\n optionValue = valueSelector.innerText;\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-change\", {\n detail: {\n el: matchingItem,\n optionIndex: index,\n optionValue\n }\n }));\n }\n this._observeMutations();\n }\n unselect(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n matchingItem.setAttribute(\"aria-selected\", \"false\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"false\");\n }\n }\n this._observeMutations();\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onActiveDescendantChangeListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n const activeDescendantEl = this._activeDescendant.currentItem;\n if (isSpacebarOrEnter(e.keyCode) && (activeDescendantEl === null || activeDescendantEl === void 0 ? void 0 : activeDescendantEl.getAttribute(\"aria-selected\")) !== \"true\") {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(this._activeDescendant.index);\n }\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the option\n // e.g. Item 1
\n const toEl = e.target.closest(\"[role=option]\");\n const toElIndex = this.items.indexOf(toEl);\n const isTolElSelected = toEl.getAttribute(\"aria-selected\") === \"true\";\n const isTolElDisabled = toEl.getAttribute(\"aria-disabled\") === \"true\";\n if (!isTolElDisabled && this._options.autoSelect === false && isTolElSelected === false) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(toElIndex);\n }\n}\nfunction _onActiveDescendantChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n if (this._options.autoSelect === true) {\n const fromEl = this.items[fromIndex];\n const toEl = this.items[toIndex];\n if (fromEl) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(fromIndex);\n }\n if (toEl) {\n this.select(toIndex);\n }\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/listbox-button\");\nvar _makeupListboxButton = _interopRequireDefault(require(\"makeup-listbox-button\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const ListboxButton = require('makeup-listbox-button').default;\n\n// IMPORT\n\nconst widgets = [];\nconst log = e => console.log(e.type, e.detail);\nwindow.onload = function () {\n document.querySelectorAll(\".listbox-button\").forEach(function (el, i) {\n const hasCustomLabel = el.classList.contains(\"listbox-button-with-icon-label\");\n const hasIconText = el.classList.contains(\"listbox-button-with-iconText\");\n const hasIcon = el.classList.contains(\"listbox-button-with-icon\");\n let buttonValueType;\n if (hasIconText) {\n buttonValueType = \"both\";\n } else if (hasIcon || hasCustomLabel) {\n buttonValueType = \"icon\";\n } else {\n buttonValueType = \"text\";\n }\n const listboxOptionAriaLabelSelector = hasCustomLabel ? \".listbox-button__value span\" : null;\n el.addEventListener(\"makeup-listbox-button-init\", log);\n el.addEventListener(\"makeup-listbox-button-change\", log);\n el.addEventListener(\"makeup-listbox-button-mutation\", log);\n widgets.push(new _makeupListboxButton.default(el, {\n autoSelect: el.dataset.makeupAutoSelect === \"false\" ? false : true,\n buttonValueType,\n listboxOptionAriaLabelSelector\n }));\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-listbox-button/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0C;;;;;;;;ACAlD,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAiB;AACtE,4CAA4C,mBAAO,CAAC,IAAgB;AACpE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;;;AClMa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCnNA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAA2B;AACnC,kDAAkD,mBAAO,CAAC,IAAuB;AACjF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/listbox-button.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/listbox-button/listbox-button.css?ea08","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox-button/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-listbox-button/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/listbox-button/listbox-button.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(\"#\".concat(focusManagement));\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || \"\".concat(this.el.id, \"-content\");\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nvar _makeupListbox = _interopRequireDefault(require(\"makeup-listbox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n autoSelect: true,\n buttonLabelSelector: \".btn__text\",\n collapseTimeout: 150,\n customElementMode: false,\n listboxSelector: \".listbox-button__listbox\",\n floatingLabelSelector: \".btn__floating-label\",\n floatingLabelInline: \"btn__floating-label--inline\",\n floatingLabelAnimate: \"btn__floating-label--animate\",\n valueSelector: \".listbox-button__value\",\n buttonValueType: \"text\",\n // [\"text\", \"icon\", \"both\"],\n listboxOptionIconSelector: \".icon\",\n listboxOptionAriaLabelSelector: null\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n var _this$_buttonEl$datas;\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._buttonEl = this.el.querySelector(\"button\");\n this._buttonLabelEl = widgetEl.querySelector(this._options.buttonLabelSelector);\n this._buttonFloatingLabelEl = widgetEl.querySelector(this._options.floatingLabelSelector);\n this._buttonPrefix = (_this$_buttonEl$datas = this._buttonEl.dataset) === null || _this$_buttonEl$datas === void 0 ? void 0 : _this$_buttonEl$datas.listboxButtonPrefix;\n this._listboxEl = this.el.querySelector(this._options.listboxSelector);\n this._onButtonFirstClickListener = _onButtonFirstClick.bind(this);\n this._onListboxClickListener = _onListboxClick.bind(this);\n this._onListboxKeyDownListener = _onListboxKeyDown.bind(this);\n this._onListboxInitListener = _onListboxInit.bind(this);\n this._onListboxChangeListener = _onListboxChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this.listbox = new _makeupListbox.default(this._listboxEl, {\n activeDescendantClassName: \"listbox-button__option--active\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: this._options.autoSelect,\n valueSelector: this._options.valueSelector\n });\n this._expander = new _makeupExpander.default(this.el, {\n alwaysDoFocusManagement: true,\n collapseOnClick: true,\n collapseOnClickOut: true,\n collapseOnFocusOut: true,\n contentSelector: this._options.listboxSelector,\n expandedClass: \"listbox-button--expanded\",\n expandOnClick: true,\n focusManagement: \"focusable\",\n hostSelector: \"button\"\n });\n this.el.classList.add(\"listbox-button--js\");\n if (this._buttonFloatingLabelEl) {\n if (!this._buttonLabelEl.innerText) {\n this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline);\n }\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._buttonEl, {\n attributeFilter: [\"aria-expanded\"],\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _unobserveEvents() {\n this._buttonEl.removeEventListener(\"click\", this._onButtonFirstClickListener);\n this._listboxEl.removeEventListener(\"click\", this._onListboxClickListener);\n this._listboxEl.removeEventListener(\"keydown\", this._onListboxKeyDownListener);\n this._listboxEl.removeEventListener(\"makeup-listbox-init\", this._onListboxInitListener);\n this._listboxEl.removeEventListener(\"makeup-listbox-change\", this._onListboxChangeListener);\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._buttonEl.addEventListener(\"click\", this._onButtonFirstClickListener, {\n once: true\n });\n this._listboxEl.addEventListener(\"click\", this._onListboxClickListener);\n this._listboxEl.addEventListener(\"keydown\", this._onListboxKeyDownListener);\n this._listboxEl.addEventListener(\"makeup-listbox-init\", this._onListboxInitListener);\n this._listboxEl.addEventListener(\"makeup-listbox-change\", this._onListboxChangeListener);\n }\n }\n collapse() {\n const widget = this;\n setTimeout(function () {\n widget._unobserveMutations();\n widget._expander.expanded = false;\n widget._observeMutations();\n widget._buttonEl.focus();\n }, this._options.collapseTimeout);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._unobserveMutations();\n this._onButtonFirstClickListener = null;\n this._onListboxClickListener = null;\n this._onListboxKeyDownListener = null;\n this._onListboxInitListener = null;\n this._onListboxChangeListener = null;\n this._onMutationListener = null;\n }\n}\n\n// listbox element should be hidden in initial SSR markup (for progressive enhancement)\nexports.default = _default;\nfunction _onButtonFirstClick() {\n this.listbox.el.hidden = false;\n}\nfunction _onListboxKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 27 || e.keyCode === 32) {\n this.collapse();\n }\n}\nfunction _onListboxClick() {\n this.collapse();\n}\nfunction _onListboxInit(e) {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-button-init\", {\n detail: e.detail\n }));\n}\nfunction _onListboxChange(e) {\n const toValue = e.detail.optionValue;\n const {\n listboxOptionIconSelector,\n listboxOptionAriaLabelSelector,\n buttonValueType,\n floatingLabelAnimate,\n floatingLabelInline\n } = this._options;\n const icon = e.detail.el.querySelector(listboxOptionIconSelector).cloneNode(true);\n let btnContent = this._buttonPrefix ? \"\".concat(this._buttonPrefix).concat(toValue) : toValue;\n if (icon) {\n switch (buttonValueType) {\n case \"both\":\n btnContent = \"\".concat(icon.outerHTML, \" \").concat(btnContent, \"\");\n break;\n case \"icon\":\n this._buttonEl.setAttribute(\"aria-label\", btnContent);\n btnContent = icon.outerHTML;\n break;\n default:\n break;\n }\n }\n if (listboxOptionAriaLabelSelector) {\n var _e$detail$el$querySel;\n const selectorText = (_e$detail$el$querySel = e.detail.el.querySelector(listboxOptionAriaLabelSelector)) === null || _e$detail$el$querySel === void 0 ? void 0 : _e$detail$el$querySel.innerText.trim();\n this._buttonEl.setAttribute(\"aria-label\", this._buttonPrefix ? \"\".concat(this._buttonPrefix, \" \").concat(selectorText) : selectorText);\n }\n this._buttonLabelEl.innerHTML = btnContent;\n if (this._buttonFloatingLabelEl) {\n if (toValue) {\n this._buttonFloatingLabelEl.classList.add(floatingLabelAnimate);\n this._buttonFloatingLabelEl.classList.remove(floatingLabelInline);\n } else {\n this._buttonFloatingLabelEl.classList.add(floatingLabelInline);\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-button-change\", {\n detail: e.detail\n }));\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-button-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A listbox can be a standalone focusable widget, or controlled by a separate, focusable widget\n * (a textbox for example, in the case of a combobox or datepicker)\n *\n * This listbox code currently supports single-selct only!\n * This code has been copied from Skin & MIND Patterns and has not yet been cleaned up.\n */\n\nconst defaultOptions = {\n activeDescendantClassName: \"listbox__option--active\",\n // the classname applied to the current active desdcendant\n autoInit: \"ariaSelectedOrInteractive\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: true,\n // when true, aria-checked state matches active-descendant\n autoScroll: true,\n // when true, the listbox will scroll to keep the activeDescendant in view\n customElementMode: false,\n focusableElement: null,\n // used in a combobox/datepicker scenario\n listboxOwnerElement: null,\n // used in a combobox/datepicker scenario\n multiSelect: false,\n // todo\n useAriaChecked: true,\n // doubles up on support for aria-selected to announce visible selected/checked state\n valueSelector: \".listbox__value\" // Selector to get value from\n};\nfunction isSpacebarOrEnter(keyCode) {\n return keyCode === 13 || keyCode === 32;\n}\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n\n // in cases such as combobox, the active-descendant logic is controlled by a parent widget\n this._activeDescendantRootEl = this._options.listboxOwnerElement || this.el;\n\n // todo: not sure this check is needed any more\n if (widgetEl.getAttribute(\"role\") === \"listbox\") {\n this._listboxEl = widgetEl;\n } else {\n this._listboxEl = this.el.querySelector(\"[role=listbox]\");\n }\n if (!this._options.focusableElement && this._listboxEl.getAttribute(\"tabindex\") === null) {\n this._listboxEl.setAttribute(\"tabindex\", \"0\");\n }\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onActiveDescendantChangeListener = _onActiveDescendantChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"listbox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this._activeDescendant = ActiveDescendant.createLinear(this._activeDescendantRootEl, this._options.focusableElement || this._listboxEl, this._listboxEl, \"[role=option]\", {\n activeDescendantClassName: this._options.activeDescendantClassName,\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n autoScroll: this._options.autoScroll,\n axis: \"y\"\n });\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._listboxEl, {\n attributeFilter: [\"aria-selected\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n this._listboxEl.addEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.removeEventListener(\"click\", this._onClickListener);\n this._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n }\n get index() {\n return this.items.findIndex(el => el.getAttribute(\"aria-selected\") === \"true\");\n }\n get items() {\n return this._activeDescendant.items;\n }\n select(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n let optionValue;\n matchingItem.setAttribute(\"aria-selected\", \"true\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"true\");\n }\n optionValue = matchingItem.innerText;\n\n // Check if value selector is present and use that to get innerText instead\n // If its not present, will default to innerText of the whole item\n if (this._options.valueSelector) {\n const valueSelector = matchingItem.querySelector(this._options.valueSelector);\n if (valueSelector) {\n optionValue = valueSelector.innerText;\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-change\", {\n detail: {\n el: matchingItem,\n optionIndex: index,\n optionValue\n }\n }));\n }\n this._observeMutations();\n }\n unselect(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n matchingItem.setAttribute(\"aria-selected\", \"false\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"false\");\n }\n }\n this._observeMutations();\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onActiveDescendantChangeListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n const activeDescendantEl = this._activeDescendant.currentItem;\n if (isSpacebarOrEnter(e.keyCode) && (activeDescendantEl === null || activeDescendantEl === void 0 ? void 0 : activeDescendantEl.getAttribute(\"aria-selected\")) !== \"true\") {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(this._activeDescendant.index);\n }\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the option\n // e.g. Item 1
\n const toEl = e.target.closest(\"[role=option]\");\n const toElIndex = this.items.indexOf(toEl);\n const isTolElSelected = toEl.getAttribute(\"aria-selected\") === \"true\";\n const isTolElDisabled = toEl.getAttribute(\"aria-disabled\") === \"true\";\n if (!isTolElDisabled && this._options.autoSelect === false && isTolElSelected === false) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(toElIndex);\n }\n}\nfunction _onActiveDescendantChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n if (this._options.autoSelect === true) {\n const fromEl = this.items[fromIndex];\n const toEl = this.items[toIndex];\n if (fromEl) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(fromIndex);\n }\n if (toEl) {\n this.select(toIndex);\n }\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/listbox-button\");\nvar _makeupListboxButton = _interopRequireDefault(require(\"makeup-listbox-button\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const ListboxButton = require('makeup-listbox-button').default;\n\n// IMPORT\n\nconst widgets = [];\nconst log = e => console.log(e.type, e.detail);\nwindow.onload = function () {\n document.querySelectorAll(\".listbox-button\").forEach(function (el, i) {\n const hasCustomLabel = el.classList.contains(\"listbox-button-with-icon-label\");\n const hasIconText = el.classList.contains(\"listbox-button-with-iconText\");\n const hasIcon = el.classList.contains(\"listbox-button-with-icon\");\n let buttonValueType;\n if (hasIconText) {\n buttonValueType = \"both\";\n } else if (hasIcon || hasCustomLabel) {\n buttonValueType = \"icon\";\n } else {\n buttonValueType = \"text\";\n }\n const listboxOptionAriaLabelSelector = hasCustomLabel ? \".listbox-button__value span\" : null;\n el.addEventListener(\"makeup-listbox-button-init\", log);\n el.addEventListener(\"makeup-listbox-button-change\", log);\n el.addEventListener(\"makeup-listbox-button-mutation\", log);\n widgets.push(new _makeupListboxButton.default(el, {\n autoSelect: el.dataset.makeupAutoSelect === \"false\" ? false : true,\n buttonValueType,\n listboxOptionAriaLabelSelector\n }));\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-listbox/index.css b/docs/ui/makeup-listbox/index.css
index cbb2b732..7c2f01e5 100644
--- a/docs/ui/makeup-listbox/index.css
+++ b/docs/ui/makeup-listbox/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
@@ -549,6 +550,34 @@ a[aria-disabled="true"] {
white-space: nowrap;
}
+.scrollbars-permanent {
+ -webkit-overflow-scrolling: touch;
+ scroll-behavior: smooth;
+ scroll-snap-type: proximity;
+ scroll-snap-type: x proximity;
+}
+
+.scrollbars-permanent::-webkit-scrollbar {
+ background-color: var(--color-background-faint);
+ border-radius: 12px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:vertical {
+ width: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:horizontal {
+ height: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar-thumb {
+ background-color: var(--color-foreground-secondary);
+ border-color: transparent;
+ border-radius: 12px;
+ border-right-style: inset;
+ box-shadow: none;
+}
+
:root {
--bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
0 5px 17px rgba(0, 0, 0, 0.2);
diff --git a/docs/ui/makeup-listbox/index.css.map b/docs/ui/makeup-listbox/index.css.map
index f04e3269..144b8e62 100644
--- a/docs/ui/makeup-listbox/index.css.map
+++ b/docs/ui/makeup-listbox/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-listbox/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/listbox/listbox.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\ndiv.listbox {\n margin: var(--spacing-200) 0;\n}\n\nspan.listbox {\n display: inline-block;\n vertical-align: bottom;\n}\n\ndiv.listbox__options[role=\"listbox\"] {\n background-color: var(\n --listbox-background-color,\n var(--color-background-primary)\n );\n cursor: default;\n}\n\nspan.listbox__options[role=\"listbox\"] {\n display: inline-block;\n}\n\ndiv.listbox__options--fix-width[role=\"listbox\"] {\n width: 100%;\n}\n\ndiv.listbox__options--reverse[role=\"listbox\"] {\n right: 0;\n}\n\n.listbox__description {\n color: var(\n --listbox-button-subtitle-color,\n var(--color-foreground-secondary)\n );\n font-size: var(--font-size-small);\n font-weight: 400;\n grid-column: 1 2;\n grid-row: 2;\n}\n\ndiv.listbox__option[role=\"option\"] {\n background-color: initial;\n border-color: var(\n --listbox-option-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --listbox-option-foreground-color,\n var(--color-foreground-primary)\n );\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\ndiv.listbox__option[role=\"option\"]:not(:last-child) {\n margin-bottom: 1px;\n}\ndiv.listbox__option[role=\"option\"]:focus {\n outline-offset: -4px;\n}\ndiv.listbox__option[role=\"option\"][hidden] {\n display: none;\n}\ndiv.listbox__option[role=\"option\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\ndiv.listbox__option[role=\"option\"]:active {\n font-weight: 700;\n}\ndiv.listbox__option[role=\"option\"]:disabled,\ndiv.listbox__option[role=\"option\"]:disabled .listbox__description,\ndiv.listbox__option[role=\"option\"][aria-disabled=\"true\"],\ndiv.listbox__option[role=\"option\"][aria-disabled=\"true\"] .listbox__description {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n\nspan.listbox__value {\n flex: 1;\n white-space: nowrap;\n}\n\ndiv.listbox__option svg.icon {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n margin-inline-start: var(--spacing-100);\n}\n\ndiv.listbox__options[role=\"listbox\"]:focus\n .listbox__option--active[role=\"option\"] {\n background-color: var(--color-state-primary-hover);\n}\n\ndiv.listbox__option[aria-selected=\"true\"] svg.icon {\n opacity: 1;\n}\n.listbox__options:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-listbox/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/listbox/listbox.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.scrollbars-permanent {\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n scroll-snap-type: proximity;\n scroll-snap-type: x proximity;\n}\n\n.scrollbars-permanent::-webkit-scrollbar {\n background-color: var(--color-background-faint);\n border-radius: 12px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:vertical {\n width: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:horizontal {\n height: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar-thumb {\n background-color: var(--color-foreground-secondary);\n border-color: transparent;\n border-radius: 12px;\n border-right-style: inset;\n box-shadow: none;\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\ndiv.listbox {\n margin: var(--spacing-200) 0;\n}\n\nspan.listbox {\n display: inline-block;\n vertical-align: bottom;\n}\n\ndiv.listbox__options[role=\"listbox\"] {\n background-color: var(\n --listbox-background-color,\n var(--color-background-primary)\n );\n cursor: default;\n}\n\nspan.listbox__options[role=\"listbox\"] {\n display: inline-block;\n}\n\ndiv.listbox__options--fix-width[role=\"listbox\"] {\n width: 100%;\n}\n\ndiv.listbox__options--reverse[role=\"listbox\"] {\n right: 0;\n}\n\n.listbox__description {\n color: var(\n --listbox-button-subtitle-color,\n var(--color-foreground-secondary)\n );\n font-size: var(--font-size-small);\n font-weight: 400;\n grid-column: 1 2;\n grid-row: 2;\n}\n\ndiv.listbox__option[role=\"option\"] {\n background-color: initial;\n border-color: var(\n --listbox-option-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --listbox-option-foreground-color,\n var(--color-foreground-primary)\n );\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\ndiv.listbox__option[role=\"option\"]:not(:last-child) {\n margin-bottom: 1px;\n}\ndiv.listbox__option[role=\"option\"]:focus {\n outline-offset: -4px;\n}\ndiv.listbox__option[role=\"option\"][hidden] {\n display: none;\n}\ndiv.listbox__option[role=\"option\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --listbox-option-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\ndiv.listbox__option[role=\"option\"]:active {\n font-weight: 700;\n}\ndiv.listbox__option[role=\"option\"]:disabled,\ndiv.listbox__option[role=\"option\"]:disabled .listbox__description,\ndiv.listbox__option[role=\"option\"][aria-disabled=\"true\"],\ndiv.listbox__option[role=\"option\"][aria-disabled=\"true\"] .listbox__description {\n background-color: unset;\n color: var(\n --listbox-option-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n\nspan.listbox__value {\n flex: 1;\n white-space: nowrap;\n}\n\ndiv.listbox__option svg.icon {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n margin-inline-start: var(--spacing-100);\n}\n\ndiv.listbox__options[role=\"listbox\"]:focus\n .listbox__option--active[role=\"option\"] {\n background-color: var(--color-state-primary-hover);\n}\n\ndiv.listbox__option[aria-selected=\"true\"] svg.icon {\n opacity: 1;\n}\n.listbox__options:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-listbox/index.min.js b/docs/ui/makeup-listbox/index.min.js
index 5b5ed480..85744cab 100644
--- a/docs/ui/makeup-listbox/index.min.js
+++ b/docs/ui/makeup-listbox/index.min.js
@@ -406,13 +406,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -706,7 +706,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -866,12 +866,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -1165,7 +1165,7 @@ function _onMutation(mutationsList) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-listbox/index.min.js.map b/docs/ui/makeup-listbox/index.min.js.map
index 2fda99fb..3b7e00fa 100644
--- a/docs/ui/makeup-listbox/index.min.js.map
+++ b/docs/ui/makeup-listbox/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-listbox/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,GAA4B;;;;;;;;ACApC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCnNA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,IAAoB;AAC5B,4CAA4C,mBAAO,CAAC,IAAgB;AACpE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/listbox.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/listbox/listbox.css?a084","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-listbox/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/listbox/listbox.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A listbox can be a standalone focusable widget, or controlled by a separate, focusable widget\n * (a textbox for example, in the case of a combobox or datepicker)\n *\n * This listbox code currently supports single-selct only!\n * This code has been copied from Skin & MIND Patterns and has not yet been cleaned up.\n */\n\nconst defaultOptions = {\n activeDescendantClassName: \"listbox__option--active\",\n // the classname applied to the current active desdcendant\n autoInit: \"ariaSelectedOrInteractive\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: true,\n // when true, aria-checked state matches active-descendant\n autoScroll: true,\n // when true, the listbox will scroll to keep the activeDescendant in view\n customElementMode: false,\n focusableElement: null,\n // used in a combobox/datepicker scenario\n listboxOwnerElement: null,\n // used in a combobox/datepicker scenario\n multiSelect: false,\n // todo\n useAriaChecked: true,\n // doubles up on support for aria-selected to announce visible selected/checked state\n valueSelector: \".listbox__value\" // Selector to get value from\n};\nfunction isSpacebarOrEnter(keyCode) {\n return keyCode === 13 || keyCode === 32;\n}\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n\n // in cases such as combobox, the active-descendant logic is controlled by a parent widget\n this._activeDescendantRootEl = this._options.listboxOwnerElement || this.el;\n\n // todo: not sure this check is needed any more\n if (widgetEl.getAttribute(\"role\") === \"listbox\") {\n this._listboxEl = widgetEl;\n } else {\n this._listboxEl = this.el.querySelector(\"[role=listbox]\");\n }\n if (!this._options.focusableElement && this._listboxEl.getAttribute(\"tabindex\") === null) {\n this._listboxEl.setAttribute(\"tabindex\", \"0\");\n }\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onActiveDescendantChangeListener = _onActiveDescendantChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"listbox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this._activeDescendant = ActiveDescendant.createLinear(this._activeDescendantRootEl, this._options.focusableElement || this._listboxEl, this._listboxEl, \"[role=option]\", {\n activeDescendantClassName: this._options.activeDescendantClassName,\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n autoScroll: this._options.autoScroll,\n axis: \"y\"\n });\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._listboxEl, {\n attributeFilter: [\"aria-selected\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n this._listboxEl.addEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.removeEventListener(\"click\", this._onClickListener);\n this._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n }\n get index() {\n return this.items.findIndex(el => el.getAttribute(\"aria-selected\") === \"true\");\n }\n get items() {\n return this._activeDescendant.items;\n }\n select(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n let optionValue;\n matchingItem.setAttribute(\"aria-selected\", \"true\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"true\");\n }\n optionValue = matchingItem.innerText;\n\n // Check if value selector is present and use that to get innerText instead\n // If its not present, will default to innerText of the whole item\n if (this._options.valueSelector) {\n const valueSelector = matchingItem.querySelector(this._options.valueSelector);\n if (valueSelector) {\n optionValue = valueSelector.innerText;\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-change\", {\n detail: {\n el: matchingItem,\n optionIndex: index,\n optionValue\n }\n }));\n }\n this._observeMutations();\n }\n unselect(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n matchingItem.setAttribute(\"aria-selected\", \"false\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"false\");\n }\n }\n this._observeMutations();\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onActiveDescendantChangeListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n const activeDescendantEl = this._activeDescendant.currentItem;\n if (isSpacebarOrEnter(e.keyCode) && (activeDescendantEl === null || activeDescendantEl === void 0 ? void 0 : activeDescendantEl.getAttribute(\"aria-selected\")) !== \"true\") {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(this._activeDescendant.index);\n }\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the option\n // e.g. Item 1
\n const toEl = e.target.closest(\"[role=option]\");\n const toElIndex = this.items.indexOf(toEl);\n const isTolElSelected = toEl.getAttribute(\"aria-selected\") === \"true\";\n const isTolElDisabled = toEl.getAttribute(\"aria-disabled\") === \"true\";\n if (!isTolElDisabled && this._options.autoSelect === false && isTolElSelected === false) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(toElIndex);\n }\n}\nfunction _onActiveDescendantChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n if (this._options.autoSelect === true) {\n const fromEl = this.items[fromIndex];\n const toEl = this.items[toIndex];\n if (fromEl) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(fromIndex);\n }\n if (toEl) {\n this.select(toIndex);\n }\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/listbox\");\nvar _makeupListbox = _interopRequireDefault(require(\"makeup-listbox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Listbox = require('makeup-listbox').default;\n\n// IMPORT\n\nconst log = e => console.log(e.type, e.detail);\nconst widgets = [];\nwindow.onload = function () {\n document.querySelectorAll(\".listbox\").forEach(function (el, i) {\n el.addEventListener(\"activeDescendantInit\", log);\n el.addEventListener(\"activeDescendantChange\", log);\n el.addEventListener(\"makeup-listbox-init\", log);\n el.addEventListener(\"makeup-listbox-change\", log);\n el.addEventListener(\"makeup-listbox-mutation\", log);\n widgets.push(new _makeupListbox.default(el, {\n autoSelect: el.dataset.makeupAutoSelect === \"false\" ? false : true\n }));\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-listbox/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,GAA4B;;;;;;;;ACApC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AC3Ka;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCnNA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,IAAoB;AAC5B,4CAA4C,mBAAO,CAAC,IAAgB;AACpE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/listbox.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/listbox/listbox.css?a084","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-active-descendant/dist/cjs/index.js","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/ui/makeup-listbox/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-listbox/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/listbox/listbox.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n activeDescendantClassName: \"active-descendant\",\n autoInit: \"none\",\n autoReset: \"none\",\n autoScroll: false,\n axis: \"both\",\n wrap: false\n};\nfunction onModelInit(e) {\n const {\n items,\n toIndex\n } = e.detail;\n const itemEl = items[toIndex];\n if (itemEl) {\n itemEl.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n const fromItem = this.items[fromIndex];\n const toItem = this.items[toIndex];\n if (fromItem) {\n fromItem.classList.remove(this._options.activeDescendantClassName);\n }\n if (toItem) {\n toItem.classList.add(this._options.activeDescendantClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", toItem.id);\n if (this._options.autoScroll && this._itemContainerEl) {\n toItem.scrollIntoView({\n block: \"center\"\n });\n }\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n const toIndex = e.detail.toIndex;\n const activeClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (el) {\n el.classList.remove(activeClassName);\n });\n if (toIndex !== null && toIndex !== -1) {\n const itemEl = this.items[toIndex];\n itemEl.classList.add(activeClassName);\n this._focusEl.setAttribute(\"aria-activedescendant\", itemEl.id);\n } else {\n this._focusEl.removeAttribute(\"aria-activedescendant\");\n }\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n const {\n toIndex\n } = e.detail;\n const activeDescendantClassName = this._options.activeDescendantClassName;\n this.items.forEach(function (item, index) {\n (0, _makeupNextId.default)(item);\n if (index !== toIndex) {\n item.classList.remove(activeDescendantClassName);\n } else {\n item.classList.add(activeDescendantClassName);\n }\n });\n this._el.dispatchEvent(new CustomEvent(\"activeDescendantMutation\", {\n detail: e.detail\n }));\n}\nclass ActiveDescendant {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n }\n}\nclass LinearActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._focusEl = focusEl;\n this._itemContainerEl = itemContainerEl;\n this._itemSelector = itemSelector;\n\n // ensure container has an id\n (0, _makeupNextId.default)(this._itemContainerEl);\n\n // if programmatic relationship set aria-owns\n if (this._itemContainerEl !== this._focusEl) {\n focusEl.setAttribute(\"aria-owns\", this._itemContainerEl.id);\n }\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n axis: this._options.axis,\n ignoreByDelegateSelector: this._options.ignoreByDelegateSelector,\n wrap: this._options.wrap\n });\n\n // ensure each item has an id\n this.items.forEach(function (itemEl) {\n (0, _makeupNextId.default)(itemEl);\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridActiveDescendant extends ActiveDescendant {\n constructor(el, focusEl, containerEl, rowSelector, cellSelector) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, focusEl, itemContainerEl, itemSelector, selectedOptions) {\n return new LinearActiveDescendant(el, focusEl, itemContainerEl, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar ActiveDescendant = _interopRequireWildcard(require(\"makeup-active-descendant\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A listbox can be a standalone focusable widget, or controlled by a separate, focusable widget\n * (a textbox for example, in the case of a combobox or datepicker)\n *\n * This listbox code currently supports single-selct only!\n * This code has been copied from Skin & MIND Patterns and has not yet been cleaned up.\n */\n\nconst defaultOptions = {\n activeDescendantClassName: \"listbox__option--active\",\n // the classname applied to the current active desdcendant\n autoInit: \"ariaSelectedOrInteractive\",\n autoReset: \"ariaSelectedOrInteractive\",\n autoSelect: true,\n // when true, aria-checked state matches active-descendant\n autoScroll: true,\n // when true, the listbox will scroll to keep the activeDescendant in view\n customElementMode: false,\n focusableElement: null,\n // used in a combobox/datepicker scenario\n listboxOwnerElement: null,\n // used in a combobox/datepicker scenario\n multiSelect: false,\n // todo\n useAriaChecked: true,\n // doubles up on support for aria-selected to announce visible selected/checked state\n valueSelector: \".listbox__value\" // Selector to get value from\n};\nfunction isSpacebarOrEnter(keyCode) {\n return keyCode === 13 || keyCode === 32;\n}\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n\n // in cases such as combobox, the active-descendant logic is controlled by a parent widget\n this._activeDescendantRootEl = this._options.listboxOwnerElement || this.el;\n\n // todo: not sure this check is needed any more\n if (widgetEl.getAttribute(\"role\") === \"listbox\") {\n this._listboxEl = widgetEl;\n } else {\n this._listboxEl = this.el.querySelector(\"[role=listbox]\");\n }\n if (!this._options.focusableElement && this._listboxEl.getAttribute(\"tabindex\") === null) {\n this._listboxEl.setAttribute(\"tabindex\", \"0\");\n }\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onActiveDescendantChangeListener = _onActiveDescendantChange.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"listbox--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n this._activeDescendant = ActiveDescendant.createLinear(this._activeDescendantRootEl, this._options.focusableElement || this._listboxEl, this._listboxEl, \"[role=option]\", {\n activeDescendantClassName: this._options.activeDescendantClassName,\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset,\n autoScroll: this._options.autoScroll,\n axis: \"y\"\n });\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._listboxEl, {\n attributeFilter: [\"aria-selected\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._activeDescendantRootEl.addEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n this._listboxEl.addEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this._listboxEl.removeEventListener(\"keydown\", this._onKeyDownListener);\n this._listboxEl.removeEventListener(\"click\", this._onClickListener);\n this._activeDescendantRootEl.removeEventListener(\"activeDescendantChange\", this._onActiveDescendantChangeListener);\n }\n get index() {\n return this.items.findIndex(el => el.getAttribute(\"aria-selected\") === \"true\");\n }\n get items() {\n return this._activeDescendant.items;\n }\n select(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n let optionValue;\n matchingItem.setAttribute(\"aria-selected\", \"true\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"true\");\n }\n optionValue = matchingItem.innerText;\n\n // Check if value selector is present and use that to get innerText instead\n // If its not present, will default to innerText of the whole item\n if (this._options.valueSelector) {\n const valueSelector = matchingItem.querySelector(this._options.valueSelector);\n if (valueSelector) {\n optionValue = valueSelector.innerText;\n }\n }\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-change\", {\n detail: {\n el: matchingItem,\n optionIndex: index,\n optionValue\n }\n }));\n }\n this._observeMutations();\n }\n unselect(index) {\n this._unobserveMutations();\n const itemEl = this.items[index];\n if (itemEl && itemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const matchingItem = this.items[index];\n matchingItem.setAttribute(\"aria-selected\", \"false\");\n if (this._options.useAriaChecked === true) {\n matchingItem.setAttribute(\"aria-checked\", \"false\");\n }\n }\n this._observeMutations();\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onActiveDescendantChangeListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n const activeDescendantEl = this._activeDescendant.currentItem;\n if (isSpacebarOrEnter(e.keyCode) && (activeDescendantEl === null || activeDescendantEl === void 0 ? void 0 : activeDescendantEl.getAttribute(\"aria-selected\")) !== \"true\") {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(this._activeDescendant.index);\n }\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the option\n // e.g. Item 1
\n const toEl = e.target.closest(\"[role=option]\");\n const toElIndex = this.items.indexOf(toEl);\n const isTolElSelected = toEl.getAttribute(\"aria-selected\") === \"true\";\n const isTolElDisabled = toEl.getAttribute(\"aria-disabled\") === \"true\";\n if (!isTolElDisabled && this._options.autoSelect === false && isTolElSelected === false) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(this.index);\n this.select(toElIndex);\n }\n}\nfunction _onActiveDescendantChange(e) {\n const {\n fromIndex,\n toIndex\n } = e.detail;\n if (this._options.autoSelect === true) {\n const fromEl = this.items[fromIndex];\n const toEl = this.items[toIndex];\n if (fromEl) {\n // todo: this.select() should take care of unselecting any existing selections\n this.unselect(fromIndex);\n }\n if (toEl) {\n this.select(toIndex);\n }\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-listbox-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/listbox\");\nvar _makeupListbox = _interopRequireDefault(require(\"makeup-listbox\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Listbox = require('makeup-listbox').default;\n\n// IMPORT\n\nconst log = e => console.log(e.type, e.detail);\nconst widgets = [];\nwindow.onload = function () {\n document.querySelectorAll(\".listbox\").forEach(function (el, i) {\n el.addEventListener(\"activeDescendantInit\", log);\n el.addEventListener(\"activeDescendantChange\", log);\n el.addEventListener(\"makeup-listbox-init\", log);\n el.addEventListener(\"makeup-listbox-change\", log);\n el.addEventListener(\"makeup-listbox-mutation\", log);\n widgets.push(new _makeupListbox.default(el, {\n autoSelect: el.dataset.makeupAutoSelect === \"false\" ? false : true\n }));\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-menu-button/index.css b/docs/ui/makeup-menu-button/index.css
index 1dfe75f3..e98c8ccd 100644
--- a/docs/ui/makeup-menu-button/index.css
+++ b/docs/ui/makeup-menu-button/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-menu-button/index.css.map b/docs/ui/makeup-menu-button/index.css.map
index 5084bd44..cd35630a 100644
--- a/docs/ui/makeup-menu-button/index.css.map
+++ b/docs/ui/makeup-menu-button/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-menu-button/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/menu-button/menu-button.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.fake-menu-button,\n.menu-button {\n line-height: normal;\n position: relative;\n}\n\n.fake-menu-button__menu,\n.menu-button__menu {\n background-color: var(\n --menu-button-menu-background-color,\n var(--color-background-elevated)\n );\n border-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n box-shadow: var(--bubble-shadow);\n box-sizing: border-box;\n display: none;\n left: 0;\n max-height: 400px;\n min-width: 100%;\n outline: 0;\n overflow-y: auto;\n position: absolute;\n top: calc(100% + 4px);\n width: auto;\n z-index: 2;\n}\n[dir=\"rtl\"] .fake-menu-button__menu,\n[dir=\"rtl\"] .menu-button__menu {\n left: unset;\n right: 0;\n}\n\nspan.fake-menu-button__button,\nspan.menu-button__button {\n display: inline-block;\n vertical-align: bottom;\n}\n\n.fake-menu-button__menu {\n list-style-type: none;\n margin: 0;\n max-height: calc(50vh - 40px);\n overflow-y: auto;\n padding: 0;\n}\n\ndiv.menu-button__item[role^=\"menuitem\"] {\n background-color: initial;\n border-color: var(\n --menu-button-menuitem-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --menu-button-menuitem-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:not(:last-child) {\n margin-bottom: 1px;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:focus {\n outline-offset: -4px;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --menu-button-menuitem-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\ndiv.menu-button__item[role^=\"menuitem\"]:active {\n font-weight: 700;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:first-child {\n border-top-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\ndiv.menu-button__item[role^=\"menuitem\"]:last-child {\n border-bottom-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\n\n.fake-menu-button__item > svg.icon--16,\n.menu-button__item > svg.icon--16 {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n}\n\n.fake-menu-button__item > svg.icon--16:last-child,\n.menu-button__item > svg.icon--16:last-child {\n margin-left: var(--spacing-100);\n}\na.fake-menu-button__item {\n color: var(--menu-button-anchor-color, var(--color-foreground-primary));\n text-decoration: none;\n}\na.fake-menu-button__item:focus {\n text-decoration: underline;\n}\na.fake-menu-button__item:hover,\na.fake-menu-button__item:visited {\n color: var(--menu-button-anchor-color, var(--color-background-primary));\n}\nbutton.fake-menu-button__item {\n background-color: var(\n --menu-button-background-color,\n var(--color-background-primary)\n );\n color: var(--menu-button-foreground-color, var(--color-foreground-primary));\n font-family: inherit;\n font-size: 1em;\n text-align: left;\n}\n\na.fake-menu-button__item[aria-current=\"page\"] svg.icon--16,\nbutton.fake-menu-button__item[aria-current=\"page\"] svg.icon--16,\ndiv.menu-button__item[role^=\"menuitem\"][aria-checked=\"true\"] svg.icon--16 {\n opacity: 1;\n}\n\n.fake-menu-button__menu a.fake-menu-button__item,\n.fake-menu-button__menu button.fake-menu-button__item {\n background-color: initial;\n border-color: var(\n --menu-button-menuitem-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --menu-button-menuitem-foreground-color,\n var(--color-foreground-primary)\n );\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\n.fake-menu-button__menu a.fake-menu-button__item:not(:last-child),\n.fake-menu-button__menu button.fake-menu-button__item:not(:last-child) {\n margin-bottom: 1px;\n}\n.fake-menu-button__menu a.fake-menu-button__item:focus,\n.fake-menu-button__menu button.fake-menu-button__item:focus {\n outline-offset: -4px;\n}\n.fake-menu-button__menu a.fake-menu-button__item:hover,\n.fake-menu-button__menu button.fake-menu-button__item:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --menu-button-menuitem-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n.fake-menu-button__menu a.fake-menu-button__item:active,\n.fake-menu-button__menu button.fake-menu-button__item:active {\n font-weight: 700;\n}\n\n.fake-menu-button__menu a.fake-menu-button__item:not([href]),\n.fake-menu-button__menu button.fake-menu-button__item[disabled],\n.menu-button__menu\n div.menu-button__item[role^=\"menuitem\"][aria-disabled=\"true\"] {\n color: var(\n --menu-button-menuitem-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\n.fake-menu-button__menu > li:first-child a.fake-menu-button__item {\n border-top-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\n\n.fake-menu-button__menu > li:last-child a.fake-menu-button__item {\n border-bottom-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\n\n.fake-menu-button__menu--fix-width,\n.menu-button__menu--fix-width {\n width: 100%;\n}\n.fake-menu-button__menu--fix-width span,\n.menu-button__menu--fix-width span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n\na.fake-menu-button__item > span,\nbutton.fake-menu-button__item > span,\ndiv.menu-button__item[role^=\"menuitem\"] > span {\n flex: 1 0 auto;\n white-space: nowrap;\n}\n\na.fake-menu-button__item--badged,\nbutton.fake-menu-button__item--badged,\ndiv.menu-button__item--badged[role^=\"menuitem\"] {\n padding-right: 36px;\n position: relative;\n}\n\na.fake-menu-button__item--badged .badge,\nbutton.fake-menu-button__item--badged .badge,\ndiv.menu-button__item--badged[role^=\"menuitem\"] .badge {\n margin-left: var(--spacing-50);\n position: absolute;\n top: 6px;\n z-index: 1;\n}\n\n.menu-button__menu--scroll {\n overflow-y: scroll;\n}\n\n.fake-menu-button__menu--reverse,\n.menu-button__menu--reverse {\n left: unset;\n right: 0;\n}\n[dir=\"rtl\"] .fake-menu-button__menu--reverse,\n[dir=\"rtl\"] .menu-button__menu--reverse {\n left: 0;\n right: unset;\n}\n\n.fake-menu-button .btn[aria-expanded=\"true\"] ~ .fake-menu-button__menu,\n.fake-menu-button .expand-btn[aria-expanded=\"true\"] ~ .fake-menu-button__menu,\n.fake-menu-button__button[aria-expanded=\"true\"] ~ .fake-menu-button__menu,\n.menu-button .btn[aria-expanded=\"true\"] ~ .menu-button__menu,\n.menu-button .expand-btn[aria-expanded=\"true\"] ~ .menu-button__menu,\n.menu-button__button[aria-expanded=\"true\"] ~ .menu-button__menu {\n display: block;\n}\n\n.btn ~ .fake-menu-button__menu--static,\n.btn ~ .menu-button__menu--static,\n.expand-btn ~ .menu-button__menu--static,\n.expand_btn ~ .fake-menu-button__menu--static,\n.fake-menu-button__button ~ .fake-menu-button__menu--static,\n.menu-button__button ~ .menu-button__menu--static {\n position: static;\n}\n\ndiv.menu-button__option--active[role=\"option\"] {\n font-weight: 700;\n}\n\nhr.menu-button__separator {\n border-color: var(\n --menu-button-separator-color,\n var(--color-stroke-subtle)\n );\n border-style: solid;\n border-width: 1px;\n margin: 0;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-menu-button/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/menu-button/menu-button.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.fake-menu-button,\n.menu-button {\n line-height: normal;\n position: relative;\n}\n\n.fake-menu-button__menu,\n.menu-button__menu {\n background-color: var(\n --menu-button-menu-background-color,\n var(--color-background-elevated)\n );\n border-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n box-shadow: var(--bubble-shadow);\n box-sizing: border-box;\n display: none;\n left: 0;\n max-height: 400px;\n min-width: 100%;\n outline: 0;\n overflow-y: auto;\n position: absolute;\n top: calc(100% + 4px);\n width: auto;\n z-index: 2;\n}\n[dir=\"rtl\"] .fake-menu-button__menu,\n[dir=\"rtl\"] .menu-button__menu {\n left: unset;\n right: 0;\n}\n\nspan.fake-menu-button__button,\nspan.menu-button__button {\n display: inline-block;\n vertical-align: bottom;\n}\n\n.fake-menu-button__menu {\n list-style-type: none;\n margin: 0;\n max-height: calc(50vh - 40px);\n overflow-y: auto;\n padding: 0;\n}\n\ndiv.menu-button__item[role^=\"menuitem\"] {\n background-color: initial;\n border-color: var(\n --menu-button-menuitem-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --menu-button-menuitem-foreground-color,\n var(--color-foreground-primary)\n );\n cursor: default;\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:not(:last-child) {\n margin-bottom: 1px;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:focus {\n outline-offset: -4px;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --menu-button-menuitem-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\ndiv.menu-button__item[role^=\"menuitem\"]:active {\n font-weight: 700;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:first-child {\n border-top-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\ndiv.menu-button__item[role^=\"menuitem\"]:last-child {\n border-bottom-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\n\n.fake-menu-button__item > svg.icon--16,\n.menu-button__item > svg.icon--16 {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n}\n\n.fake-menu-button__item > svg.icon--16:last-child,\n.menu-button__item > svg.icon--16:last-child {\n margin-left: var(--spacing-100);\n}\na.fake-menu-button__item {\n color: var(--menu-button-anchor-color, var(--color-foreground-primary));\n text-decoration: none;\n}\na.fake-menu-button__item:focus {\n text-decoration: underline;\n}\na.fake-menu-button__item:hover,\na.fake-menu-button__item:visited {\n color: var(--menu-button-anchor-color, var(--color-background-primary));\n}\nbutton.fake-menu-button__item {\n background-color: var(\n --menu-button-background-color,\n var(--color-background-primary)\n );\n color: var(--menu-button-foreground-color, var(--color-foreground-primary));\n font-family: inherit;\n font-size: 1em;\n text-align: left;\n}\n\na.fake-menu-button__item[aria-current=\"page\"] svg.icon--16,\nbutton.fake-menu-button__item[aria-current=\"page\"] svg.icon--16,\ndiv.menu-button__item[role^=\"menuitem\"][aria-checked=\"true\"] svg.icon--16 {\n opacity: 1;\n}\n\n.fake-menu-button__menu a.fake-menu-button__item,\n.fake-menu-button__menu button.fake-menu-button__item {\n background-color: initial;\n border-color: var(\n --menu-button-menuitem-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --menu-button-menuitem-foreground-color,\n var(--color-foreground-primary)\n );\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\n.fake-menu-button__menu a.fake-menu-button__item:not(:last-child),\n.fake-menu-button__menu button.fake-menu-button__item:not(:last-child) {\n margin-bottom: 1px;\n}\n.fake-menu-button__menu a.fake-menu-button__item:focus,\n.fake-menu-button__menu button.fake-menu-button__item:focus {\n outline-offset: -4px;\n}\n.fake-menu-button__menu a.fake-menu-button__item:hover,\n.fake-menu-button__menu button.fake-menu-button__item:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --menu-button-menuitem-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n.fake-menu-button__menu a.fake-menu-button__item:active,\n.fake-menu-button__menu button.fake-menu-button__item:active {\n font-weight: 700;\n}\n\n.fake-menu-button__menu a.fake-menu-button__item:not([href]),\n.fake-menu-button__menu button.fake-menu-button__item[disabled],\n.menu-button__menu\n div.menu-button__item[role^=\"menuitem\"][aria-disabled=\"true\"] {\n color: var(\n --menu-button-menuitem-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\n.fake-menu-button__menu > li:first-child a.fake-menu-button__item {\n border-top-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-top-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\n\n.fake-menu-button__menu > li:last-child a.fake-menu-button__item {\n border-bottom-left-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n border-bottom-right-radius: var(\n --menu-button-menu-border-radius,\n var(--border-radius-50)\n );\n}\n\n.fake-menu-button__menu--fix-width,\n.menu-button__menu--fix-width {\n width: 100%;\n}\n.fake-menu-button__menu--fix-width span,\n.menu-button__menu--fix-width span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n\na.fake-menu-button__item > span,\nbutton.fake-menu-button__item > span,\ndiv.menu-button__item[role^=\"menuitem\"] > span {\n flex: 1 0 auto;\n white-space: nowrap;\n}\n\na.fake-menu-button__item--badged,\nbutton.fake-menu-button__item--badged,\ndiv.menu-button__item--badged[role^=\"menuitem\"] {\n padding-right: 36px;\n position: relative;\n}\n\na.fake-menu-button__item--badged .badge,\nbutton.fake-menu-button__item--badged .badge,\ndiv.menu-button__item--badged[role^=\"menuitem\"] .badge {\n margin-left: var(--spacing-50);\n position: absolute;\n top: 6px;\n z-index: 1;\n}\n\n.menu-button__menu--scroll {\n overflow-y: scroll;\n}\n\n.fake-menu-button__menu--reverse,\n.menu-button__menu--reverse {\n left: unset;\n right: 0;\n}\n[dir=\"rtl\"] .fake-menu-button__menu--reverse,\n[dir=\"rtl\"] .menu-button__menu--reverse {\n left: 0;\n right: unset;\n}\n\n.fake-menu-button .btn[aria-expanded=\"true\"] ~ .fake-menu-button__menu,\n.fake-menu-button .expand-btn[aria-expanded=\"true\"] ~ .fake-menu-button__menu,\n.fake-menu-button__button[aria-expanded=\"true\"] ~ .fake-menu-button__menu,\n.menu-button .btn[aria-expanded=\"true\"] ~ .menu-button__menu,\n.menu-button .expand-btn[aria-expanded=\"true\"] ~ .menu-button__menu,\n.menu-button__button[aria-expanded=\"true\"] ~ .menu-button__menu {\n display: block;\n}\n\n.btn ~ .fake-menu-button__menu--static,\n.btn ~ .menu-button__menu--static,\n.expand-btn ~ .menu-button__menu--static,\n.expand_btn ~ .fake-menu-button__menu--static,\n.fake-menu-button__button ~ .fake-menu-button__menu--static,\n.menu-button__button ~ .menu-button__menu--static {\n position: static;\n}\n\ndiv.menu-button__option--active[role=\"option\"] {\n font-weight: 700;\n}\n\nhr.menu-button__separator {\n border-color: var(\n --menu-button-separator-color,\n var(--color-stroke-subtle)\n );\n border-style: solid;\n border-width: 1px;\n margin: 0;\n}\ndiv.menu-button__item[role^=\"menuitem\"]:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-menu-button/index.min.js b/docs/ui/makeup-menu-button/index.min.js
index e5247921..7ce88fd8 100644
--- a/docs/ui/makeup-menu-button/index.min.js
+++ b/docs/ui/makeup-menu-button/index.min.js
@@ -292,7 +292,7 @@ function manageFocus(focusManagement, contentEl) {
var _focusables$2;
(_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();
} else if (focusManagement !== null) {
- const el = contentEl.querySelector(`#${focusManagement}`);
+ const el = contentEl.querySelector("#".concat(focusManagement));
if (el) {
el.focus();
}
@@ -322,7 +322,7 @@ class _default {
if (this.options.ariaControls === true) {
// ensure the widget has an id
(0, _makeupNextId.default)(this.el, "expander");
- this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;
+ this.contentEl.id = this.contentEl.id || "".concat(this.el.id, "-content");
this.hostEl.setAttribute("aria-controls", this.contentEl.id);
}
this.expandOnClick = this.options.expandOnClick;
@@ -542,13 +542,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -842,7 +842,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -1002,12 +1002,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -1187,7 +1187,7 @@ const defaultOptions = {
customElementMode: false,
expandedClass: "menu-button--expanded",
menuSelector: ".menu-button__menu",
- buttonTextSelector: `.btn__text`,
+ buttonTextSelector: ".btn__text",
buttonValueType: "text",
// ["text", "icon", "both"],
menuItemIconSelector: ".icon",
@@ -1308,11 +1308,11 @@ function _onMenuItemSelect(e) {
} = this._options;
const icon = el.querySelector(menuItemIconSelector).cloneNode(true);
const text = el.innerText.trim();
- let btnContent = this._buttonPrefix ? `${this._buttonPrefix} ${text}` : text;
+ let btnContent = this._buttonPrefix ? "".concat(this._buttonPrefix, " ").concat(text) : text;
if (icon) {
switch (buttonValueType) {
case "both":
- btnContent = `${icon.outerHTML} ${btnContent}`;
+ btnContent = "".concat(icon.outerHTML, " ").concat(btnContent, "");
break;
case "icon":
this._buttonEl.setAttribute("aria-label", btnContent);
@@ -1325,7 +1325,7 @@ function _onMenuItemSelect(e) {
if (menuItemButtonAriaLabelSelector) {
var _el$querySelector;
const selectorText = (_el$querySelector = el.querySelector(menuItemButtonAriaLabelSelector)) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.innerText.trim();
- this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? `${this._buttonPrefix} ${selectorText}` : selectorText);
+ this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? "".concat(this._buttonPrefix, " ").concat(selectorText) : selectorText);
}
this._buttonTextEl.innerHTML = btnContent;
}
@@ -1490,7 +1490,7 @@ function _selectMenuItemCheckbox(widgetEl, menuItemEl) {
function _selectMenuItemRadio(widgetEl, menuItemEl) {
if (menuItemEl.getAttribute("aria-disabled") !== "true") {
const groupName = menuItemEl.dataset.makeupGroup;
- const checkedEl = widgetEl.querySelector(`[data-makeup-group=${groupName}][aria-checked=true]`);
+ const checkedEl = widgetEl.querySelector("[data-makeup-group=".concat(groupName, "][aria-checked=true]"));
if (!checkedEl) {
menuItemEl.setAttribute("aria-checked", "true");
widgetEl.dispatchEvent(new CustomEvent("makeup-menu-change", {
@@ -1557,7 +1557,7 @@ function _selectMenuItemRadio(widgetEl, menuItemEl) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-menu-button/index.min.js.map b/docs/ui/makeup-menu-button/index.min.js.map
index 5794e582..2b8b8e0c 100644
--- a/docs/ui/makeup-menu-button/index.min.js.map
+++ b/docs/ui/makeup-menu-button/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-menu-button/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ,2CAA2C,gBAAgB;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,WAAW;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;ACxHa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAiB;AACtE,yCAAyC,mBAAO,CAAC,IAAa;AAC9D,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,2CAA2C,oBAAoB,EAAE,KAAK;AACtE;AACA;AACA;AACA,wBAAwB,gBAAgB,QAAQ,WAAW;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sEAAsE,oBAAoB,EAAE,aAAa;AACzG;AACA;AACA;;;;;;;;;AC1Ja;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAwB;AAC7E,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mEAAmE,UAAU;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UC/KA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,+CAA+C,mBAAO,CAAC,IAAoB;AAC3E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/menu-button.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/menu-button/menu-button.css?7300","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/core/makeup-roving-tabindex/dist/cjs/index.js","webpack://root/./packages/ui/makeup-menu-button/dist/cjs/index.js","webpack://root/./packages/ui/makeup-menu/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-menu-button/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/menu-button/menu-button.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(`#${focusManagement}`);\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n autoInit: \"interactive\",\n autoReset: \"current\",\n wrap: false,\n axis: \"both\"\n};\nfunction refreshTabindex(items, focusIndex) {\n items.forEach(function (el, i) {\n el.setAttribute(\"tabindex\", i === focusIndex ? \"0\" : \"-1\");\n });\n}\nfunction onModelInit(e) {\n refreshTabindex(e.detail.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const items = this.items;\n const fromItem = items[e.detail.fromIndex];\n const toItem = items[e.detail.toIndex];\n if (fromItem) {\n fromItem.setAttribute(\"tabindex\", \"-1\");\n }\n if (toItem) {\n toItem.setAttribute(\"tabindex\", \"0\");\n toItem.focus();\n }\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexMutation\", {\n detail: e.detail\n }));\n}\nclass RovingTabindex {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n }\n}\nclass LinearRovingTabindex extends RovingTabindex {\n constructor(el, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._itemSelector = itemSelector;\n\n // todo: options.index is deprecated. Remove support in future release.\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.index !== undefined ? this._options.index : this._options.autoInit,\n autoReset: this._options.autoReset,\n wrap: this._options.wrap,\n axis: this._options.axis\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridRovingTabindex extends RovingTabindex {\n constructor(el, rowSelector, cellSelector, selectedOptions) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, itemSelector, selectedOptions) {\n return new LinearRovingTabindex(el, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nvar _makeupMenu = _interopRequireDefault(require(\"makeup-menu\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n customElementMode: false,\n expandedClass: \"menu-button--expanded\",\n menuSelector: \".menu-button__menu\",\n buttonTextSelector: `.btn__text`,\n buttonValueType: \"text\",\n // [\"text\", \"icon\", \"both\"],\n menuItemIconSelector: \".icon\",\n menuItemButtonAriaLabelSelector: null\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n var _this$_buttonEl$datas;\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._buttonEl = widgetEl.querySelector(\"button\");\n this._buttonEl.setAttribute(\"aria-haspopup\", \"true\");\n this.menu = new _makeupMenu.default(widgetEl.querySelector(this._options.menuSelector), {\n autoReset: \"interactive\"\n });\n this._buttonPrefix = (_this$_buttonEl$datas = this._buttonEl.dataset) === null || _this$_buttonEl$datas === void 0 ? void 0 : _this$_buttonEl$datas.makeupMenuButtonPrefix;\n this._buttonTextEl = this._buttonEl.querySelector(this._options.buttonTextSelector);\n this._expander = new _makeupExpander.default(widgetEl, {\n alwaysDoFocusManagement: true,\n collapseOnClick: true,\n collapseOnClickOut: true,\n collapseOnFocusOut: true,\n contentSelector: this._options.menuSelector,\n expandedClass: this._options.expandedClass,\n expandOnClick: true,\n focusManagement: \"focusable\",\n hostSelector: \"button\"\n });\n this._onButtonFirstClickListener = _onButtonFirstClick.bind(this);\n this._onMenuKeyDownListener = _onMenuKeyDown.bind(this);\n this._onMenuItemSelectListener = _onMenuItemSelect.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"menu-button--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this.el, {\n attributeFilter: [\"aria-expanded\", \"disabled\"],\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._buttonEl.addEventListener(\"click\", this._onButtonFirstClickListener, {\n once: true\n });\n this.menu.el.addEventListener(\"keydown\", this._onMenuKeyDownListener);\n this.menu.el.addEventListener(\"makeup-menu-select\", this._onMenuItemSelectListener);\n this.menu.el.addEventListener(\"makeup-menu-change\", this._onMenuItemSelectListener);\n }\n }\n _unobserveEvents() {\n this._buttonEl.removeEventListener(\"click\", this._onButtonFirstClickListener);\n this.menu.el.removeEventListener(\"keydown\", this._onMenuKeyDownListener);\n this.menu.el.removeEventListener(\"makeup-menu-select\", this._onMenuItemSelectListener);\n this.menu.el.removeEventListener(\"makeup-menu-change\", this._onMenuItemSelectListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onButtonFirstClickListener = null;\n this._onMenuKeyDownListener = null;\n this._onMenuItemSelectListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-menu-button-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onButtonFirstClick() {\n this.menu.el.hidden = false;\n}\nfunction _onMenuKeyDown(e) {\n if (e.keyCode === 27) {\n this._expander.expanded = false;\n this._buttonEl.focus();\n }\n}\nfunction _onMenuItemSelect(e) {\n const widget = this;\n const {\n el\n } = e.detail;\n setTimeout(function () {\n widget._expander.expanded = false;\n widget._buttonEl.focus();\n }, 150);\n if (el.getAttribute(\"role\") !== \"menuitemradio\") {\n return;\n }\n const {\n menuItemIconSelector,\n menuItemButtonAriaLabelSelector,\n buttonValueType\n } = this._options;\n const icon = el.querySelector(menuItemIconSelector).cloneNode(true);\n const text = el.innerText.trim();\n let btnContent = this._buttonPrefix ? `${this._buttonPrefix} ${text}` : text;\n if (icon) {\n switch (buttonValueType) {\n case \"both\":\n btnContent = `${icon.outerHTML} ${btnContent}`;\n break;\n case \"icon\":\n this._buttonEl.setAttribute(\"aria-label\", btnContent);\n btnContent = icon.outerHTML;\n break;\n default:\n break;\n }\n }\n if (menuItemButtonAriaLabelSelector) {\n var _el$querySelector;\n const selectorText = (_el$querySelector = el.querySelector(menuItemButtonAriaLabelSelector)) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.innerText.trim();\n this._buttonEl.setAttribute(\"aria-label\", this._buttonPrefix ? `${this._buttonPrefix} ${selectorText}` : selectorText);\n }\n this._buttonTextEl.innerHTML = btnContent;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar RovingTabIndex = _interopRequireWildcard(require(\"makeup-roving-tabindex\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n customElementMode: false,\n autoInit: \"interactive\",\n autoReset: \"interactive\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._rovingTabIndex = RovingTabIndex.createLinear(this.el, \"[role^=menuitem]\", {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset\n });\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"menu--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n select(index) {\n this._unobserveMutations();\n const el = this.items[index];\n switch (el.getAttribute(\"role\")) {\n case \"menuitemcheckbox\":\n _selectMenuItemCheckbox(this.el, el);\n break;\n case \"menuitemradio\":\n _selectMenuItemRadio(this.el, el);\n break;\n default:\n _selectMenuItem(this.el, el);\n break;\n }\n this._observeMutations();\n }\n get items() {\n return this._rovingTabIndex.items;\n }\n get radioGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemradio][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n get checkboxGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemcheckbox][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this.el, {\n attributeFilter: [\"aria-checked\", \"aria-disabled\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this.el.addEventListener(\"keydown\", this._onKeyDownListener);\n this.el.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this.el.removeEventListener(\"keydown\", this._onKeyDownListener);\n this.el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-menu-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onKeyDown(e) {\n this._unobserveMutations();\n if (e.keyCode === 13) {\n e.preventDefault();\n }\n if (e.keyCode === 13 || e.keyCode === 32) {\n this.select(Array.from(this.items).indexOf(e.target));\n }\n this._observeMutations();\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the menuitem\n // e.g. Item 1
\n const menuItemEl = e.target.closest(\"[role^=menuitem]\");\n const index = this.items.indexOf(menuItemEl);\n if (index !== -1) {\n this.select(index);\n }\n}\nfunction _selectMenuItem(widgetEl, menuItemEl) {\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-select\", {\n detail: {\n el: menuItemEl,\n value: menuItemEl.innerText\n }\n }));\n}\nfunction _selectMenuItemCheckbox(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n menuItemEl.setAttribute(\"aria-checked\", menuItemEl.getAttribute(\"aria-checked\") === \"true\" ? \"false\" : \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n checked: menuItemEl.getAttribute(\"aria-checked\"),\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n}\nfunction _selectMenuItemRadio(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n const checkedEl = widgetEl.querySelector(`[data-makeup-group=${groupName}][aria-checked=true]`);\n if (!checkedEl) {\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n } else if (checkedEl !== menuItemEl) {\n checkedEl.setAttribute(\"aria-checked\", \"false\");\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/menu-button\");\nvar _makeupMenuButton = _interopRequireDefault(require(\"makeup-menu-button\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const MenuButton = require('makeup-menu-button').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".menu-button\").forEach(function (el, i) {\n const hasCustomLabel = el.classList.contains(\"menu-button-with-icon-customText\");\n const hasIconText = el.classList.contains(\"menu-button-with-iconText\");\n const hasIcon = el.classList.contains(\"menu-button-with-icon\");\n let buttonValueType;\n if (hasIconText) {\n buttonValueType = \"both\";\n } else if (hasIcon || hasCustomLabel) {\n buttonValueType = \"icon\";\n } else {\n buttonValueType = \"text\";\n }\n const menuItemButtonAriaLabelSelector = hasCustomLabel ? \".menu-button__item-value span\" : null;\n const widget = new _makeupMenuButton.default(el, {\n buttonValueType,\n menuItemButtonAriaLabelSelector\n });\n widget.menu.el.addEventListener(\"makeup-menu-select\", e => console.log(e.type, e.detail));\n widget.menu.el.addEventListener(\"makeup-menu-change\", e => console.log(e.type, e.detail));\n widget.menu.el.addEventListener(\"makeup-menu-button-mutation\", e => console.log(e.type, e.detail));\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-menu-button/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;;;;;;;;;ACvQF;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;ACxHa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAiB;AACtE,yCAAyC,mBAAO,CAAC,IAAa;AAC9D,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ja;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAwB;AAC7E,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UC/KA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,+CAA+C,mBAAO,CAAC,IAAoB;AAC3E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/menu-button.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/menu-button/menu-button.css?7300","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-expander/dist/cjs/index.js","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/core/makeup-roving-tabindex/dist/cjs/index.js","webpack://root/./packages/ui/makeup-menu-button/dist/cjs/index.js","webpack://root/./packages/ui/makeup-menu/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-menu-button/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/menu-button/menu-button.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n alwaysDoFocusManagement: false,\n ariaControls: true,\n autoCollapse: false,\n collapseOnFocusOut: false,\n collapseOnMouseOut: false,\n collapseOnClickOut: false,\n contentSelector: \".expander__content\",\n expandedClass: null,\n expandOnClick: false,\n expandOnFocus: false,\n expandOnHover: false,\n focusManagement: null,\n hostSelector: \".expander__host\",\n simulateSpacebarClick: false\n};\nfunction onHostKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n this._keyboardClickFlag = true;\n }\n // if host element does not naturally trigger a click event on spacebar, we can force one to trigger here.\n // careful! if host already triggers click events naturally, we end up with a \"double-click\".\n if (e.keyCode === 32 && this.options.simulateSpacebarClick === true) {\n this.hostEl.click();\n }\n}\nfunction onHostMouseDown() {\n this._mouseClickFlag = true;\n}\nfunction onHostClick() {\n this._expandWasKeyboardClickActivated = this._keyboardClickFlag;\n this._expandWasMouseClickActivated = this._mouseClickFlag;\n this.expanded = !this.expanded;\n}\nfunction onHostFocus() {\n this._expandWasFocusActivated = true;\n this.expanded = true;\n}\nfunction onHostHover() {\n clearTimeout(this._mouseLeft);\n this._expandWasHoverActivated = true;\n this.expanded = true;\n}\nfunction onFocusExit() {\n this.expanded = false;\n}\nfunction onMouseLeave() {\n clearTimeout(this._mouseLeft);\n this._mouseLeft = setTimeout(() => {\n this.expanded = false;\n }, 300);\n}\nfunction _onDocumentClick(e) {\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n}\nfunction _onDocumentTouchStart() {\n this.documentClick = true;\n}\nfunction _onDocumentTouchMove() {\n this.documentClick = false;\n}\nfunction _onDocumentTouchEnd(e) {\n if (this.documentClick === true) {\n this.documentClick = false;\n if (this.el.contains(e.target) === false) {\n this.expanded = false;\n }\n }\n}\nfunction manageFocus(focusManagement, contentEl) {\n if (focusManagement === \"content\") {\n contentEl.setAttribute(\"tabindex\", \"-1\");\n contentEl.focus();\n } else if (focusManagement === \"focusable\") {\n var _focusables$;\n (_focusables$ = (0, _makeupFocusables.default)(contentEl)[0]) === null || _focusables$ === void 0 || _focusables$.focus();\n } else if (focusManagement === \"interactive\") {\n var _focusables$2;\n (_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();\n } else if (focusManagement !== null) {\n const el = contentEl.querySelector(\"#\".concat(focusManagement));\n if (el) {\n el.focus();\n }\n }\n}\nclass _default {\n constructor(el, selectedOptions) {\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this.hostEl = el.querySelector(this.options.hostSelector); // the keyboard focusable host el\n this.contentEl = el.querySelector(this.options.contentSelector);\n ExitEmitter.addFocusExit(this.el);\n this._hostKeyDownListener = onHostKeyDown.bind(this);\n this._hostMouseDownListener = onHostMouseDown.bind(this);\n this._documentClickListener = _onDocumentClick.bind(this);\n this._documentTouchStartListener = _onDocumentTouchStart.bind(this);\n this._documentTouchMoveListener = _onDocumentTouchMove.bind(this);\n this._documentTouchEndListener = _onDocumentTouchEnd.bind(this);\n this._hostClickListener = onHostClick.bind(this);\n this._hostFocusListener = onHostFocus.bind(this);\n this._hostHoverListener = onHostHover.bind(this);\n this._focusExitListener = onFocusExit.bind(this);\n this._mouseLeaveListener = onMouseLeave.bind(this);\n if (this.hostEl.getAttribute(\"aria-expanded\") === null) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n }\n if (this.options.ariaControls === true) {\n // ensure the widget has an id\n (0, _makeupNextId.default)(this.el, \"expander\");\n this.contentEl.id = this.contentEl.id || \"\".concat(this.el.id, \"-content\");\n this.hostEl.setAttribute(\"aria-controls\", this.contentEl.id);\n }\n this.expandOnClick = this.options.expandOnClick;\n this.expandOnFocus = this.options.expandOnFocus;\n this.expandOnHover = this.options.expandOnHover;\n if (this.options.autoCollapse === false) {\n this.collapseOnClickOut = this.options.collapseOnClickOut;\n this.collapseOnFocusOut = this.options.collapseOnFocusOut;\n this.collapseOnMouseOut = this.options.collapseOnMouseOut;\n }\n }\n set expandOnClick(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"keydown\", this._hostKeyDownListener);\n this.hostEl.addEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.addEventListener(\"click\", this._hostClickListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"click\", this._hostClickListener);\n this.hostEl.removeEventListener(\"mousedown\", this._hostMouseDownListener);\n this.hostEl.removeEventListener(\"keydown\", this._hostKeyDownListener);\n }\n }\n set expandOnFocus(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"focus\", this._hostFocusListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnClickOut = true;\n this.collapseOnFocusOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"focus\", this._hostFocusListener);\n }\n }\n set expandOnHover(bool) {\n if (bool === true) {\n this.hostEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.addEventListener(\"mouseenter\", this._hostHoverListener);\n if (this.options.autoCollapse === true) {\n this.collapseOnMouseOut = true;\n }\n } else {\n this.hostEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n this.contentEl.removeEventListener(\"mouseenter\", this._hostHoverListener);\n }\n }\n set collapseOnClickOut(bool) {\n if (bool === true) {\n document.addEventListener(\"click\", this._documentClickListener);\n document.addEventListener(\"touchstart\", this._documentTouchStartListener);\n document.addEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.addEventListener(\"touchend\", this._documentTouchEndListener);\n } else {\n document.removeEventListener(\"click\", this._documentClickListener);\n document.removeEventListener(\"touchstart\", this._documentTouchStartListener);\n document.removeEventListener(\"touchmove\", this._documentTouchMoveListener);\n document.removeEventListener(\"touchend\", this._documentTouchEndListener);\n }\n }\n set collapseOnFocusOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n } else {\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n }\n }\n set collapseOnMouseOut(bool) {\n if (bool === true) {\n this.el.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.addEventListener(\"mouseleave\", this._mouseLeaveListener);\n } else {\n this.el.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n this.contentEl.removeEventListener(\"mouseleave\", this._mouseLeaveListener);\n }\n }\n get expanded() {\n return this.hostEl.getAttribute(\"aria-expanded\") === \"true\";\n }\n set expanded(bool) {\n if (bool === true && this.expanded === false) {\n this.hostEl.setAttribute(\"aria-expanded\", \"true\");\n if (this.options.expandedClass) {\n this.el.classList.add(this.options.expandedClass);\n }\n if (this._expandWasKeyboardClickActivated || this._expandWasMouseClickActivated && this.options.alwaysDoFocusManagement) {\n manageFocus(this.options.focusManagement, this.contentEl);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-expand\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n if (bool === false && this.expanded === true) {\n this.hostEl.setAttribute(\"aria-expanded\", \"false\");\n if (this.options.expandedClass) {\n this.el.classList.remove(this.options.expandedClass);\n }\n this.el.dispatchEvent(new CustomEvent(\"expander-collapse\", {\n bubbles: true,\n detail: this.contentEl\n }));\n }\n this._expandWasKeyboardClickActivated = false;\n this._expandWasMouseClickActivated = false;\n this._expandWasFocusActivated = false;\n this._expandWasHoverActivated = false;\n this._keyboardClickFlag = false;\n this._mouseClickFlag = false;\n }\n sleep() {\n if (this._destroyed !== true) {\n this.expandOnClick = false;\n this.expandOnFocus = false;\n this.expandOnHover = false;\n this.collapseOnClickOut = false;\n this.collapseOnFocusOut = false;\n this.collapseOnMouseOut = false;\n }\n }\n destroy() {\n this.sleep();\n this._destroyed = true;\n this._hostKeyDownListener = null;\n this._hostMouseDownListener = null;\n this._documentClickListener = null;\n this._documentTouchStartListener = null;\n this._documentTouchMoveListener = null;\n this._documentTouchEndListener = null;\n this._hostClickListener = null;\n this._hostFocusListener = null;\n this._hostHoverListener = null;\n this._focusExitListener = null;\n this._mouseLeaveListener = null;\n }\n}\nexports.default = _default;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n autoInit: \"interactive\",\n autoReset: \"current\",\n wrap: false,\n axis: \"both\"\n};\nfunction refreshTabindex(items, focusIndex) {\n items.forEach(function (el, i) {\n el.setAttribute(\"tabindex\", i === focusIndex ? \"0\" : \"-1\");\n });\n}\nfunction onModelInit(e) {\n refreshTabindex(e.detail.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const items = this.items;\n const fromItem = items[e.detail.fromIndex];\n const toItem = items[e.detail.toIndex];\n if (fromItem) {\n fromItem.setAttribute(\"tabindex\", \"-1\");\n }\n if (toItem) {\n toItem.setAttribute(\"tabindex\", \"0\");\n toItem.focus();\n }\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexMutation\", {\n detail: e.detail\n }));\n}\nclass RovingTabindex {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n }\n}\nclass LinearRovingTabindex extends RovingTabindex {\n constructor(el, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._itemSelector = itemSelector;\n\n // todo: options.index is deprecated. Remove support in future release.\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.index !== undefined ? this._options.index : this._options.autoInit,\n autoReset: this._options.autoReset,\n wrap: this._options.wrap,\n axis: this._options.axis\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridRovingTabindex extends RovingTabindex {\n constructor(el, rowSelector, cellSelector, selectedOptions) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, itemSelector, selectedOptions) {\n return new LinearRovingTabindex(el, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupExpander = _interopRequireDefault(require(\"makeup-expander\"));\nvar _makeupMenu = _interopRequireDefault(require(\"makeup-menu\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultOptions = {\n customElementMode: false,\n expandedClass: \"menu-button--expanded\",\n menuSelector: \".menu-button__menu\",\n buttonTextSelector: \".btn__text\",\n buttonValueType: \"text\",\n // [\"text\", \"icon\", \"both\"],\n menuItemIconSelector: \".icon\",\n menuItemButtonAriaLabelSelector: null\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n var _this$_buttonEl$datas;\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._buttonEl = widgetEl.querySelector(\"button\");\n this._buttonEl.setAttribute(\"aria-haspopup\", \"true\");\n this.menu = new _makeupMenu.default(widgetEl.querySelector(this._options.menuSelector), {\n autoReset: \"interactive\"\n });\n this._buttonPrefix = (_this$_buttonEl$datas = this._buttonEl.dataset) === null || _this$_buttonEl$datas === void 0 ? void 0 : _this$_buttonEl$datas.makeupMenuButtonPrefix;\n this._buttonTextEl = this._buttonEl.querySelector(this._options.buttonTextSelector);\n this._expander = new _makeupExpander.default(widgetEl, {\n alwaysDoFocusManagement: true,\n collapseOnClick: true,\n collapseOnClickOut: true,\n collapseOnFocusOut: true,\n contentSelector: this._options.menuSelector,\n expandedClass: this._options.expandedClass,\n expandOnClick: true,\n focusManagement: \"focusable\",\n hostSelector: \"button\"\n });\n this._onButtonFirstClickListener = _onButtonFirstClick.bind(this);\n this._onMenuKeyDownListener = _onMenuKeyDown.bind(this);\n this._onMenuItemSelectListener = _onMenuItemSelect.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"menu-button--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this.el, {\n attributeFilter: [\"aria-expanded\", \"disabled\"],\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this._buttonEl.addEventListener(\"click\", this._onButtonFirstClickListener, {\n once: true\n });\n this.menu.el.addEventListener(\"keydown\", this._onMenuKeyDownListener);\n this.menu.el.addEventListener(\"makeup-menu-select\", this._onMenuItemSelectListener);\n this.menu.el.addEventListener(\"makeup-menu-change\", this._onMenuItemSelectListener);\n }\n }\n _unobserveEvents() {\n this._buttonEl.removeEventListener(\"click\", this._onButtonFirstClickListener);\n this.menu.el.removeEventListener(\"keydown\", this._onMenuKeyDownListener);\n this.menu.el.removeEventListener(\"makeup-menu-select\", this._onMenuItemSelectListener);\n this.menu.el.removeEventListener(\"makeup-menu-change\", this._onMenuItemSelectListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onButtonFirstClickListener = null;\n this._onMenuKeyDownListener = null;\n this._onMenuItemSelectListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-menu-button-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onButtonFirstClick() {\n this.menu.el.hidden = false;\n}\nfunction _onMenuKeyDown(e) {\n if (e.keyCode === 27) {\n this._expander.expanded = false;\n this._buttonEl.focus();\n }\n}\nfunction _onMenuItemSelect(e) {\n const widget = this;\n const {\n el\n } = e.detail;\n setTimeout(function () {\n widget._expander.expanded = false;\n widget._buttonEl.focus();\n }, 150);\n if (el.getAttribute(\"role\") !== \"menuitemradio\") {\n return;\n }\n const {\n menuItemIconSelector,\n menuItemButtonAriaLabelSelector,\n buttonValueType\n } = this._options;\n const icon = el.querySelector(menuItemIconSelector).cloneNode(true);\n const text = el.innerText.trim();\n let btnContent = this._buttonPrefix ? \"\".concat(this._buttonPrefix, \" \").concat(text) : text;\n if (icon) {\n switch (buttonValueType) {\n case \"both\":\n btnContent = \"\".concat(icon.outerHTML, \" \").concat(btnContent, \"\");\n break;\n case \"icon\":\n this._buttonEl.setAttribute(\"aria-label\", btnContent);\n btnContent = icon.outerHTML;\n break;\n default:\n break;\n }\n }\n if (menuItemButtonAriaLabelSelector) {\n var _el$querySelector;\n const selectorText = (_el$querySelector = el.querySelector(menuItemButtonAriaLabelSelector)) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.innerText.trim();\n this._buttonEl.setAttribute(\"aria-label\", this._buttonPrefix ? \"\".concat(this._buttonPrefix, \" \").concat(selectorText) : selectorText);\n }\n this._buttonTextEl.innerHTML = btnContent;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar RovingTabIndex = _interopRequireWildcard(require(\"makeup-roving-tabindex\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n customElementMode: false,\n autoInit: \"interactive\",\n autoReset: \"interactive\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._rovingTabIndex = RovingTabIndex.createLinear(this.el, \"[role^=menuitem]\", {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset\n });\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"menu--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n select(index) {\n this._unobserveMutations();\n const el = this.items[index];\n switch (el.getAttribute(\"role\")) {\n case \"menuitemcheckbox\":\n _selectMenuItemCheckbox(this.el, el);\n break;\n case \"menuitemradio\":\n _selectMenuItemRadio(this.el, el);\n break;\n default:\n _selectMenuItem(this.el, el);\n break;\n }\n this._observeMutations();\n }\n get items() {\n return this._rovingTabIndex.items;\n }\n get radioGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemradio][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n get checkboxGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemcheckbox][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this.el, {\n attributeFilter: [\"aria-checked\", \"aria-disabled\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this.el.addEventListener(\"keydown\", this._onKeyDownListener);\n this.el.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this.el.removeEventListener(\"keydown\", this._onKeyDownListener);\n this.el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-menu-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onKeyDown(e) {\n this._unobserveMutations();\n if (e.keyCode === 13) {\n e.preventDefault();\n }\n if (e.keyCode === 13 || e.keyCode === 32) {\n this.select(Array.from(this.items).indexOf(e.target));\n }\n this._observeMutations();\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the menuitem\n // e.g. Item 1
\n const menuItemEl = e.target.closest(\"[role^=menuitem]\");\n const index = this.items.indexOf(menuItemEl);\n if (index !== -1) {\n this.select(index);\n }\n}\nfunction _selectMenuItem(widgetEl, menuItemEl) {\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-select\", {\n detail: {\n el: menuItemEl,\n value: menuItemEl.innerText\n }\n }));\n}\nfunction _selectMenuItemCheckbox(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n menuItemEl.setAttribute(\"aria-checked\", menuItemEl.getAttribute(\"aria-checked\") === \"true\" ? \"false\" : \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n checked: menuItemEl.getAttribute(\"aria-checked\"),\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n}\nfunction _selectMenuItemRadio(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n const checkedEl = widgetEl.querySelector(\"[data-makeup-group=\".concat(groupName, \"][aria-checked=true]\"));\n if (!checkedEl) {\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n } else if (checkedEl !== menuItemEl) {\n checkedEl.setAttribute(\"aria-checked\", \"false\");\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/menu-button\");\nvar _makeupMenuButton = _interopRequireDefault(require(\"makeup-menu-button\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const MenuButton = require('makeup-menu-button').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".menu-button\").forEach(function (el, i) {\n const hasCustomLabel = el.classList.contains(\"menu-button-with-icon-customText\");\n const hasIconText = el.classList.contains(\"menu-button-with-iconText\");\n const hasIcon = el.classList.contains(\"menu-button-with-icon\");\n let buttonValueType;\n if (hasIconText) {\n buttonValueType = \"both\";\n } else if (hasIcon || hasCustomLabel) {\n buttonValueType = \"icon\";\n } else {\n buttonValueType = \"text\";\n }\n const menuItemButtonAriaLabelSelector = hasCustomLabel ? \".menu-button__item-value span\" : null;\n const widget = new _makeupMenuButton.default(el, {\n buttonValueType,\n menuItemButtonAriaLabelSelector\n });\n widget.menu.el.addEventListener(\"makeup-menu-select\", e => console.log(e.type, e.detail));\n widget.menu.el.addEventListener(\"makeup-menu-change\", e => console.log(e.type, e.detail));\n widget.menu.el.addEventListener(\"makeup-menu-button-mutation\", e => console.log(e.type, e.detail));\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-menu/index.css b/docs/ui/makeup-menu/index.css
index 6eeb2c4d..4e806683 100644
--- a/docs/ui/makeup-menu/index.css
+++ b/docs/ui/makeup-menu/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-menu/index.css.map b/docs/ui/makeup-menu/index.css.map
index b4499822..8946ca15 100644
--- a/docs/ui/makeup-menu/index.css.map
+++ b/docs/ui/makeup-menu/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-menu/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/menu/menu.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.fake-menu__items,\n.menu__items {\n background-color: var(\n --menu-background-color,\n var(--color-background-primary)\n );\n cursor: default;\n}\n\nspan.fake-menu,\nspan.menu {\n display: inline-block;\n vertical-align: bottom;\n}\n\nspan.fake-menu__items,\nspan.menu__items[role=\"menu\"] {\n display: inline-block;\n}\n\n.fake-menu__items {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.fake-menu__item > svg.icon--16,\n.menu__item > svg.icon--16 {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n}\n\n.fake-menu__item .badge,\n.fake-menu__item > svg.icon--16:last-child,\n.menu__item .badge,\n.menu__item > svg.icon--16:last-child {\n margin-left: var(--spacing-100);\n margin-right: var(--spacing-100);\n}\n\na.fake-menu__item {\n color: var(--menu-anchor-color, var(--color-foreground-primary));\n text-decoration: none;\n}\n\nbutton.fake-menu__item {\n font-size: inherit;\n}\n\na.fake-menu__item,\nbutton.fake-menu__item,\ndiv.menu__item[role^=\"menuitem\"] {\n background-color: initial;\n border-color: var(\n --menu-menuitem-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --menu-menuitem-foreground-color,\n var(--color-foreground-primary)\n );\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\na.fake-menu__item:not(:last-child),\nbutton.fake-menu__item:not(:last-child),\ndiv.menu__item[role^=\"menuitem\"]:not(:last-child) {\n margin-bottom: 1px;\n}\na.fake-menu__item:focus,\nbutton.fake-menu__item:focus,\ndiv.menu__item[role^=\"menuitem\"]:focus {\n outline-offset: -4px;\n}\na.fake-menu__item:hover,\nbutton.fake-menu__item:hover,\ndiv.menu__item[role^=\"menuitem\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --menu-menuitem-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\na.fake-menu__item:active,\nbutton.fake-menu__item:active,\ndiv.menu__item[role^=\"menuitem\"]:active {\n font-weight: 700;\n}\n\na.fake-menu__item:focus {\n text-decoration: underline;\n}\n\na.fake-menu__item[aria-current=\"page\"] svg.icon--16,\nbutton.fake-menu__item[aria-current=\"page\"] svg.icon--16 {\n opacity: 1;\n}\n\na.fake-menu__item:not([href]),\nbutton.fake-menu__item[disabled],\ndiv.menu__item[role^=\"menuitem\"][aria-disabled=\"true\"] {\n background-color: unset;\n color: var(\n --menu-menuitem-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n\ndiv.menu__item[role^=\"menuitem\"][aria-checked=\"true\"] svg.icon--16 {\n opacity: 1;\n}\n\na.fake-menu__item > span,\nbutton.fake-menu__item > span,\ndiv.menu__item[role^=\"menuitem\"] > span {\n flex: 0 0 auto;\n text-align: left;\n white-space: nowrap;\n}\n\na.fake-menu__item--badged,\nbutton.fake-menu__item--badged,\ndiv.menu__item--badged[role^=\"menuitem\"] {\n position: relative;\n}\n\na.fake-menu__item--badged span.badge,\nbutton.fake-menu__item--badged span.badge,\ndiv.menu__item--badged[role^=\"menuitem\"] span.badge {\n padding: 1px 5px;\n position: absolute;\n top: 0;\n z-index: 1;\n}\n\n.menu__items--scroll[role=\"menu\"] {\n overflow-y: scroll;\n}\n\n.fake-menu__items--fix-width,\n.menu__items--fix-width[role=\"menu\"] {\n width: 100%;\n}\n\n.fake-menu__items--reverse,\n.menu__items--reverse[role=\"menu\"] {\n right: 0;\n}\n\n.fake-menu button.expand-btn--borderless,\n.menu button.expand-btn--borderless {\n background-color: initial;\n border-color: transparent;\n padding-left: 0;\n vertical-align: initial;\n}\n.fake-menu button.expand-btn--borderless:focus,\n.menu button.expand-btn--borderless:focus {\n outline: none;\n text-decoration: underline;\n}\n\nhr.menu__separator {\n border-color: var(--menu-separator-color, var(--color-stroke-subtle));\n border-style: solid;\n border-width: 1px;\n}\ndiv.menu__item[role^=\"menuitem\"]:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-menu/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/menu/menu.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),\n 0 5px 17px rgba(0, 0, 0, 0.2);\n}\n.fake-menu__items,\n.menu__items {\n background-color: var(\n --menu-background-color,\n var(--color-background-primary)\n );\n cursor: default;\n}\n\nspan.fake-menu,\nspan.menu {\n display: inline-block;\n vertical-align: bottom;\n}\n\nspan.fake-menu__items,\nspan.menu__items[role=\"menu\"] {\n display: inline-block;\n}\n\n.fake-menu__items {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.fake-menu__item > svg.icon--16,\n.menu__item > svg.icon--16 {\n align-self: center;\n fill: currentColor;\n margin: 0 auto;\n opacity: 0;\n stroke: currentColor;\n stroke-width: 0;\n}\n\n.fake-menu__item .badge,\n.fake-menu__item > svg.icon--16:last-child,\n.menu__item .badge,\n.menu__item > svg.icon--16:last-child {\n margin-left: var(--spacing-100);\n margin-right: var(--spacing-100);\n}\n\na.fake-menu__item {\n color: var(--menu-anchor-color, var(--color-foreground-primary));\n text-decoration: none;\n}\n\nbutton.fake-menu__item {\n font-size: inherit;\n}\n\na.fake-menu__item,\nbutton.fake-menu__item,\ndiv.menu__item[role^=\"menuitem\"] {\n background-color: initial;\n border-color: var(\n --menu-menuitem-border-color,\n var(--color-background-primary)\n );\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(\n --menu-menuitem-foreground-color,\n var(--color-foreground-primary)\n );\n display: inline-grid;\n font-family: inherit;\n grid-template-columns: auto auto;\n justify-content: space-between;\n padding: 8px 15px;\n width: 100%;\n}\na.fake-menu__item:not(:last-child),\nbutton.fake-menu__item:not(:last-child),\ndiv.menu__item[role^=\"menuitem\"]:not(:last-child) {\n margin-bottom: 1px;\n}\na.fake-menu__item:focus,\nbutton.fake-menu__item:focus,\ndiv.menu__item[role^=\"menuitem\"]:focus {\n outline-offset: -4px;\n}\na.fake-menu__item:hover,\nbutton.fake-menu__item:hover,\ndiv.menu__item[role^=\"menuitem\"]:hover {\n background-color: var(--color-state-primary-hover);\n color: var(\n --menu-menuitem-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\na.fake-menu__item:active,\nbutton.fake-menu__item:active,\ndiv.menu__item[role^=\"menuitem\"]:active {\n font-weight: 700;\n}\n\na.fake-menu__item:focus {\n text-decoration: underline;\n}\n\na.fake-menu__item[aria-current=\"page\"] svg.icon--16,\nbutton.fake-menu__item[aria-current=\"page\"] svg.icon--16 {\n opacity: 1;\n}\n\na.fake-menu__item:not([href]),\nbutton.fake-menu__item[disabled],\ndiv.menu__item[role^=\"menuitem\"][aria-disabled=\"true\"] {\n background-color: unset;\n color: var(\n --menu-menuitem-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n font-weight: unset;\n}\n\ndiv.menu__item[role^=\"menuitem\"][aria-checked=\"true\"] svg.icon--16 {\n opacity: 1;\n}\n\na.fake-menu__item > span,\nbutton.fake-menu__item > span,\ndiv.menu__item[role^=\"menuitem\"] > span {\n flex: 0 0 auto;\n text-align: left;\n white-space: nowrap;\n}\n\na.fake-menu__item--badged,\nbutton.fake-menu__item--badged,\ndiv.menu__item--badged[role^=\"menuitem\"] {\n position: relative;\n}\n\na.fake-menu__item--badged span.badge,\nbutton.fake-menu__item--badged span.badge,\ndiv.menu__item--badged[role^=\"menuitem\"] span.badge {\n padding: 1px 5px;\n position: absolute;\n top: 0;\n z-index: 1;\n}\n\n.menu__items--scroll[role=\"menu\"] {\n overflow-y: scroll;\n}\n\n.fake-menu__items--fix-width,\n.menu__items--fix-width[role=\"menu\"] {\n width: 100%;\n}\n\n.fake-menu__items--reverse,\n.menu__items--reverse[role=\"menu\"] {\n right: 0;\n}\n\n.fake-menu button.expand-btn--borderless,\n.menu button.expand-btn--borderless {\n background-color: initial;\n border-color: transparent;\n padding-left: 0;\n vertical-align: initial;\n}\n.fake-menu button.expand-btn--borderless:focus,\n.menu button.expand-btn--borderless:focus {\n outline: none;\n text-decoration: underline;\n}\n\nhr.menu__separator {\n border-color: var(--menu-separator-color, var(--color-stroke-subtle));\n border-style: solid;\n border-width: 1px;\n}\ndiv.menu__item[role^=\"menuitem\"]:focus:not(:focus-visible) {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-menu/index.min.js b/docs/ui/makeup-menu/index.min.js
index 44b0e8b4..2d3e9bd8 100644
--- a/docs/ui/makeup-menu/index.min.js
+++ b/docs/ui/makeup-menu/index.min.js
@@ -208,13 +208,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
@@ -508,7 +508,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
@@ -668,12 +668,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
@@ -993,7 +993,7 @@ function _selectMenuItemCheckbox(widgetEl, menuItemEl) {
function _selectMenuItemRadio(widgetEl, menuItemEl) {
if (menuItemEl.getAttribute("aria-disabled") !== "true") {
const groupName = menuItemEl.dataset.makeupGroup;
- const checkedEl = widgetEl.querySelector(`[data-makeup-group=${groupName}][aria-checked=true]`);
+ const checkedEl = widgetEl.querySelector("[data-makeup-group=".concat(groupName, "][aria-checked=true]"));
if (!checkedEl) {
menuItemEl.setAttribute("aria-checked", "true");
widgetEl.dispatchEvent(new CustomEvent("makeup-menu-change", {
@@ -1060,7 +1060,7 @@ function _selectMenuItemRadio(widgetEl, menuItemEl) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-menu/index.min.js.map b/docs/ui/makeup-menu/index.min.js.map
index 6cb7c65c..01da488e 100644
--- a/docs/ui/makeup-menu/index.min.js.map
+++ b/docs/ui/makeup-menu/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-menu/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,IAAI,KAAK,aAAa;AAC1F;AACA;AACA,SAAS;AACT;AACA;AACA,uDAAuD,aAAa;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA,4CAA4C,mBAAmB;AAC/D;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,OAAO,EAAE,UAAU,EAAE,cAAc;;AAEpD;AACA;AACA;AACA,6BAA6B,IAAI,GAAG,mBAAmB;AACvD;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;ACxHa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAwB;AAC7E,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mEAAmE,UAAU;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UC/KA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAiB;AACzB,yCAAyC,mBAAO,CAAC,IAAa;AAC9D,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/menu.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/menu/menu.css?d6c9","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/core/makeup-roving-tabindex/dist/cjs/index.js","webpack://root/./packages/ui/makeup-menu/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-menu/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/menu/menu.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(`${this._itemSelector}`)];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = `${prefix}${separator}${randomPortion}`;\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", `${key}-${sequenceMap[key]++}`);\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n autoInit: \"interactive\",\n autoReset: \"current\",\n wrap: false,\n axis: \"both\"\n};\nfunction refreshTabindex(items, focusIndex) {\n items.forEach(function (el, i) {\n el.setAttribute(\"tabindex\", i === focusIndex ? \"0\" : \"-1\");\n });\n}\nfunction onModelInit(e) {\n refreshTabindex(e.detail.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const items = this.items;\n const fromItem = items[e.detail.fromIndex];\n const toItem = items[e.detail.toIndex];\n if (fromItem) {\n fromItem.setAttribute(\"tabindex\", \"-1\");\n }\n if (toItem) {\n toItem.setAttribute(\"tabindex\", \"0\");\n toItem.focus();\n }\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexMutation\", {\n detail: e.detail\n }));\n}\nclass RovingTabindex {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n }\n}\nclass LinearRovingTabindex extends RovingTabindex {\n constructor(el, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._itemSelector = itemSelector;\n\n // todo: options.index is deprecated. Remove support in future release.\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.index !== undefined ? this._options.index : this._options.autoInit,\n autoReset: this._options.autoReset,\n wrap: this._options.wrap,\n axis: this._options.axis\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridRovingTabindex extends RovingTabindex {\n constructor(el, rowSelector, cellSelector, selectedOptions) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, itemSelector, selectedOptions) {\n return new LinearRovingTabindex(el, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar RovingTabIndex = _interopRequireWildcard(require(\"makeup-roving-tabindex\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n customElementMode: false,\n autoInit: \"interactive\",\n autoReset: \"interactive\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._rovingTabIndex = RovingTabIndex.createLinear(this.el, \"[role^=menuitem]\", {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset\n });\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"menu--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n select(index) {\n this._unobserveMutations();\n const el = this.items[index];\n switch (el.getAttribute(\"role\")) {\n case \"menuitemcheckbox\":\n _selectMenuItemCheckbox(this.el, el);\n break;\n case \"menuitemradio\":\n _selectMenuItemRadio(this.el, el);\n break;\n default:\n _selectMenuItem(this.el, el);\n break;\n }\n this._observeMutations();\n }\n get items() {\n return this._rovingTabIndex.items;\n }\n get radioGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemradio][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n get checkboxGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemcheckbox][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this.el, {\n attributeFilter: [\"aria-checked\", \"aria-disabled\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this.el.addEventListener(\"keydown\", this._onKeyDownListener);\n this.el.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this.el.removeEventListener(\"keydown\", this._onKeyDownListener);\n this.el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-menu-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onKeyDown(e) {\n this._unobserveMutations();\n if (e.keyCode === 13) {\n e.preventDefault();\n }\n if (e.keyCode === 13 || e.keyCode === 32) {\n this.select(Array.from(this.items).indexOf(e.target));\n }\n this._observeMutations();\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the menuitem\n // e.g. Item 1
\n const menuItemEl = e.target.closest(\"[role^=menuitem]\");\n const index = this.items.indexOf(menuItemEl);\n if (index !== -1) {\n this.select(index);\n }\n}\nfunction _selectMenuItem(widgetEl, menuItemEl) {\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-select\", {\n detail: {\n el: menuItemEl,\n value: menuItemEl.innerText\n }\n }));\n}\nfunction _selectMenuItemCheckbox(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n menuItemEl.setAttribute(\"aria-checked\", menuItemEl.getAttribute(\"aria-checked\") === \"true\" ? \"false\" : \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n checked: menuItemEl.getAttribute(\"aria-checked\"),\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n}\nfunction _selectMenuItemRadio(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n const checkedEl = widgetEl.querySelector(`[data-makeup-group=${groupName}][aria-checked=true]`);\n if (!checkedEl) {\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n } else if (checkedEl !== menuItemEl) {\n checkedEl.setAttribute(\"aria-checked\", \"false\");\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/menu\");\nvar _makeupMenu = _interopRequireDefault(require(\"makeup-menu\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Menu = require('makeup-menu').default;\n\n// IMPORT\n\nconst log = e => console.log(e.type, e.detail);\nwindow.onload = function () {\n document.querySelectorAll(\".menu\").forEach(function (el, i) {\n const widget = new _makeupMenu.default(el);\n el.addEventListener(\"makeup-menu-select\", log);\n el.addEventListener(\"makeup-menu-change\", log);\n el.addEventListener(\"makeup-menu-mutation\", log);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-menu/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,uBAAuB;AACvB,2CAA2C,mBAAO,CAAC,IAAgB;AACnE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3Ea;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,kBAAkB;AAClB,gBAAgB;AAChB,cAAc;AACd,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACrEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,yCAAyC,mBAAO,CAAC,IAAoB;AACrE,0CAA0C,mBAAO,CAAC,GAAqB;AACvE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA,iBAAiB,uBAAuB;AACxC,mCAAmC;;AAEnC,iBAAiB,aAAa;AAC9B;;AAEA,iBAAiB,QAAQ;AACzB;AACA;AACA;AACA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,QAAQ;AACrB,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,aAAa;AAC1B,aAAa,uBAAuB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;AClXa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACvCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,WAAW;AACX,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACjBa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,gDAAgD,mBAAO,CAAC,IAA2B;AACnF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;ACxHa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,6CAA6C,mBAAO,CAAC,IAAwB;AAC7E,gDAAgD,mBAAO,CAAC,IAA4B;AACpF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UC/KA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAiB;AACzB,yCAAyC,mBAAO,CAAC,IAAa;AAC9D,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/menu.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/menu/menu.css?d6c9","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-exit-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-key-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-navigation-emitter/dist/cjs/index.js","webpack://root/./packages/core/makeup-next-id/dist/cjs/index.js","webpack://root/./packages/core/makeup-prevent-scroll-keys/dist/cjs/index.js","webpack://root/./packages/core/makeup-roving-tabindex/dist/cjs/index.js","webpack://root/./packages/ui/makeup-menu/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-menu/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/menu/menu.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addFocusExit = addFocusExit;\nexports.removeFocusExit = removeFocusExit;\nvar _makeupNextId = _interopRequireDefault(require(\"makeup-next-id\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst focusExitEmitters = {};\nfunction doFocusExit(el, fromElement, toElement) {\n el.dispatchEvent(new CustomEvent(\"focusExit\", {\n detail: {\n fromElement,\n toElement\n },\n bubbles: false // mirror the native mouseleave event\n }));\n}\nfunction onDocumentFocusIn(e) {\n const newFocusElement = e.target;\n const targetIsDescendant = this.el.contains(newFocusElement);\n\n // if focus has moved to a focusable descendant\n if (targetIsDescendant === true) {\n // set the target as the currently focussed element\n this.currentFocusElement = newFocusElement;\n } else {\n // else focus has not gone to a focusable descendant\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n doFocusExit(this.el, this.currentFocusElement, newFocusElement);\n this.currentFocusElement = null;\n }\n}\nfunction onWindowBlur() {\n doFocusExit(this.el, this.currentFocusElement, undefined);\n}\nfunction onWidgetFocusIn() {\n // listen for focus moving to anywhere in document\n // note that mouse click on buttons, checkboxes and radios does not trigger focus events in all browsers!\n document.addEventListener(\"focusin\", this.onDocumentFocusInListener);\n // listen for focus leaving the window\n window.addEventListener(\"blur\", this.onWindowBlurListener);\n}\nclass FocusExitEmitter {\n constructor(el) {\n this.el = el;\n this.currentFocusElement = null;\n this.onWidgetFocusInListener = onWidgetFocusIn.bind(this);\n this.onDocumentFocusInListener = onDocumentFocusIn.bind(this);\n this.onWindowBlurListener = onWindowBlur.bind(this);\n this.el.addEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n removeEventListeners() {\n window.removeEventListener(\"blur\", this.onWindowBlurListener);\n document.removeEventListener(\"focusin\", this.onDocumentFocusInListener);\n this.el.removeEventListener(\"focusin\", this.onWidgetFocusInListener);\n }\n}\nfunction addFocusExit(el) {\n let exitEmitter = null;\n (0, _makeupNextId.default)(el);\n if (!focusExitEmitters[el.id]) {\n exitEmitter = new FocusExitEmitter(el);\n focusExitEmitters[el.id] = exitEmitter;\n }\n return exitEmitter;\n}\nfunction removeFocusExit(el) {\n const exitEmitter = focusExitEmitters[el.id];\n if (exitEmitter) {\n exitEmitter.removeEventListeners();\n delete focusExitEmitters[el.id];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.addKeyDown = addKeyDown;\nexports.addKeyUp = addKeyUp;\nexports.remove = remove;\nexports.removeKeyDown = removeKeyDown;\nexports.removeKeyUp = removeKeyUp;\nfunction uncapitalizeFirstLetter(str) {\n return str.charAt(0).toLowerCase() + str.slice(1);\n}\nfunction onKeyDownOrUp(evt, el, keyEventType) {\n if (!evt.shiftKey) {\n const key = evt.key;\n switch (key) {\n case \"Enter\":\n case \"Escape\":\n case \"PageUp\":\n case \"PageDown\":\n case \"End\":\n case \"Home\":\n case \"ArrowLeft\":\n case \"ArrowUp\":\n case \"ArrowRight\":\n case \"ArrowDown\":\n el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(\"\".concat(key, \"Key\").concat(keyEventType)), {\n detail: evt,\n bubbles: true\n }));\n break;\n case \" \":\n el.dispatchEvent(new CustomEvent(\"spacebarKey\".concat(keyEventType), {\n detail: evt,\n bubbles: true\n }));\n break;\n default:\n return;\n }\n }\n}\nfunction onKeyDown(e) {\n onKeyDownOrUp(e, this, \"Down\");\n}\nfunction onKeyUp(e) {\n onKeyDownOrUp(e, this, \"Up\");\n}\nfunction addKeyDown(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction addKeyUp(el) {\n el.addEventListener(\"keyup\", onKeyUp);\n}\nfunction removeKeyDown(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\nfunction removeKeyUp(el) {\n el.removeEventListener(\"keyup\", onKeyUp);\n}\nfunction add(el) {\n addKeyDown(el);\n addKeyUp(el);\n}\nfunction remove(el) {\n removeKeyDown(el);\n removeKeyUp(el);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar KeyEmitter = _interopRequireWildcard(require(\"makeup-key-emitter\"));\nvar ExitEmitter = _interopRequireWildcard(require(\"makeup-exit-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n axis: \"both\",\n autoInit: \"interactive\",\n autoReset: \"current\",\n ignoreByDelegateSelector: null,\n wrap: false\n};\nfunction isItemNavigable(el) {\n return !el.hidden && el.getAttribute(\"aria-disabled\") !== \"true\";\n}\nfunction isIndexNavigable(items, index) {\n return index >= 0 && index < items.length ? isItemNavigable(items[index]) : false;\n}\nfunction findNavigableItems(items) {\n return items.filter(isItemNavigable);\n}\nfunction findFirstNavigableIndex(items) {\n return items.findIndex(item => isItemNavigable(item));\n}\nfunction findLastNavigableIndex(items) {\n // todo: at(-1) is more performant than reverse(), but Babel is not transpiling it\n return items.indexOf(findNavigableItems(items).reverse()[0]);\n}\nfunction findIndexByAttribute(items, attribute, value) {\n return items.findIndex(item => isItemNavigable(item) && item.getAttribute(attribute) === value);\n}\nfunction findFirstNavigableAriaCheckedIndex(items) {\n return findIndexByAttribute(items, \"aria-checked\", \"true\");\n}\nfunction findFirstNavigableAriaSelectedIndex(items) {\n return findIndexByAttribute(items, \"aria-selected\", \"true\");\n}\nfunction findIgnoredByDelegateItems(el, options) {\n return options.ignoreByDelegateSelector !== null ? [...el.querySelectorAll(options.ignoreByDelegateSelector)] : [];\n}\nfunction findPreviousNavigableIndex(items, index, wrap) {\n let previousNavigableIndex = -1;\n if (index === null || atStart(items, index)) {\n if (wrap === true) {\n previousNavigableIndex = findLastNavigableIndex(items);\n }\n } else {\n let i = index;\n while (--i >= 0) {\n if (isItemNavigable(items[i])) {\n previousNavigableIndex = i;\n break;\n }\n }\n }\n return previousNavigableIndex;\n}\nfunction findNextNavigableIndex(items, index, wrap) {\n let nextNavigableIndex = -1;\n if (index === null) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n } else if (atEnd(items, index)) {\n if (wrap === true) {\n nextNavigableIndex = findFirstNavigableIndex(items);\n }\n } else {\n let i = index;\n while (++i < items.length) {\n if (isItemNavigable(items[i])) {\n nextNavigableIndex = i;\n break;\n }\n }\n }\n return nextNavigableIndex;\n}\n\n// returning -1 means not found\nfunction findIndexPositionByType(typeOrNum, items, currentIndex) {\n let index = -1;\n switch (typeOrNum) {\n case \"none\":\n index = null;\n break;\n case \"current\":\n index = currentIndex;\n break;\n case \"interactive\":\n index = findFirstNavigableIndex(items);\n break;\n case \"ariaChecked\":\n index = findFirstNavigableAriaCheckedIndex(items);\n break;\n case \"ariaSelected\":\n index = findFirstNavigableAriaSelectedIndex(items);\n break;\n case \"ariaSelectedOrInteractive\":\n index = findFirstNavigableAriaSelectedIndex(items);\n index = index === -1 ? findFirstNavigableIndex(items) : index;\n break;\n default:\n index = typeof typeOrNum === \"number\" || typeOrNum === null ? typeOrNum : -1;\n }\n return index;\n}\nfunction atStart(items, index) {\n return index === findFirstNavigableIndex(items);\n}\nfunction atEnd(items, index) {\n return index === findLastNavigableIndex(items);\n}\nfunction onKeyPrev(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findPreviousNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onKeyNext(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findNextNavigableIndex(this.items, this.index, this.options.wrap);\n }\n}\nfunction onClick(e) {\n const itemIndex = this.indexOf(e.target.closest(this._itemSelector));\n if (isIndexNavigable(this.items, itemIndex)) {\n this.index = itemIndex;\n }\n}\nfunction onKeyHome(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findFirstNavigableIndex(this.items);\n }\n}\nfunction onKeyEnd(e) {\n const ignoredByDelegateItems = findIgnoredByDelegateItems(this._el, this.options);\n\n // todo: update KeyEmitter to deal with ignored items?\n if (ignoredByDelegateItems.length === 0 || !ignoredByDelegateItems.includes(e.detail.target)) {\n this.index = findLastNavigableIndex(this.items);\n }\n}\nfunction onFocusExit() {\n if (this.options.autoReset !== null) {\n this.reset();\n }\n}\nfunction onMutation(e) {\n const fromIndex = this.index;\n let toIndex = this.index;\n // https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord\n const {\n addedNodes,\n attributeName,\n removedNodes,\n target,\n type\n } = e[0];\n if (type === \"attributes\") {\n if (target === this.currentItem) {\n if (attributeName === \"aria-disabled\") {\n // current item was disabled - keep it as current index (until a keyboard navigation happens)\n toIndex = this.index;\n } else if (attributeName === \"hidden\") {\n // current item was hidden and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n }\n } else {\n toIndex = this.index;\n }\n } else if (type === \"childList\") {\n if (removedNodes.length > 0 && [...removedNodes].includes(this._cachedElement)) {\n // current item was removed and focus is lost - reset index to first interactive element\n toIndex = findFirstNavigableIndex(this.items);\n } else if (removedNodes.length > 0 || addedNodes.length > 0) {\n // nodes were added and/or removed - keep current item and resync its index\n toIndex = this.indexOf(this._cachedElement);\n }\n }\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelMutation\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n}\nclass NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n /** @member {typeof defaultOptions} */\n this.options = Object.assign({}, defaultOptions, selectedOptions);\n\n /** @member {HTMLElement} */\n this._el = el;\n\n /** @member {string} */\n this._itemSelector = itemSelector;\n }\n}\nclass LinearNavigationModel extends NavigationModel {\n /**\n * @param {HTMLElement} el\n * @param {string} itemSelector\n * @param {typeof defaultOptions} selectedOptions\n */\n constructor(el, itemSelector, selectedOptions) {\n super(el, itemSelector, selectedOptions);\n const fromIndex = this._index;\n const toIndex = findIndexPositionByType(this.options.autoInit, this.items, this.index);\n\n // do not use setter as it will trigger a change event\n this._index = toIndex;\n\n // always keep an element reference to the last item (for use in mutation observer)\n // todo: convert index to Tuple to store last/current values instead?\n this._cachedElement = this.items[toIndex];\n this._el.dispatchEvent(new CustomEvent(\"navigationModelInit\", {\n bubbles: false,\n detail: {\n firstInteractiveIndex: this.firstNavigableIndex,\n fromIndex,\n items: this.items,\n toIndex\n }\n }));\n }\n get currentItem() {\n return this.items[this.index];\n }\n\n // todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed\n get items() {\n return [...this._el.querySelectorAll(\"\".concat(this._itemSelector))];\n }\n get index() {\n return this._index;\n }\n\n /**\n * @param {number} toIndex - update index position in this.items (non-interactive indexes fail silently)\n */\n set index(toIndex) {\n if (toIndex === this.index) {\n return;\n } else if (!isIndexNavigable(this.items, toIndex)) {\n // no-op. throw exception?\n } else {\n const fromIndex = this.index;\n // update cached element reference (for use in mutation observer if DOM node gets removed)\n this._cachedElement = this.items[toIndex];\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelChange\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n indexOf(element) {\n return this.items.indexOf(element);\n }\n reset() {\n const fromIndex = this.index;\n const toIndex = findIndexPositionByType(this.options.autoReset, this.items, this.index);\n if (toIndex !== fromIndex) {\n // do not use setter as it will trigger a navigationModelChange event\n this._index = toIndex;\n this._el.dispatchEvent(new CustomEvent(\"navigationModelReset\", {\n bubbles: false,\n detail: {\n fromIndex,\n toIndex\n }\n }));\n }\n }\n}\n\n// 2D Grid Model will go here\n\n/*\nclass GridModel extends NavigationModel {\n constructor(el, rowSelector, colSelector) {\n super();\n this._coords = null;\n }\n}\n*/\n\nclass NavigationEmitter {\n /**\n * @param {HTMLElement} el\n * @param {LinearNavigationModel} model\n */\n constructor(el, model) {\n this.model = model;\n this.el = el;\n this._keyPrevListener = onKeyPrev.bind(model);\n this._keyNextListener = onKeyNext.bind(model);\n this._keyHomeListener = onKeyHome.bind(model);\n this._keyEndListener = onKeyEnd.bind(model);\n this._clickListener = onClick.bind(model);\n this._focusExitListener = onFocusExit.bind(model);\n this._observer = new MutationObserver(onMutation.bind(model));\n KeyEmitter.addKeyDown(this.el);\n ExitEmitter.addFocusExit(this.el);\n const axis = model.options.axis;\n if (axis === \"both\" || axis === \"x\") {\n this.el.addEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n }\n if (axis === \"both\" || axis === \"y\") {\n this.el.addEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.addEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n }\n this.el.addEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.addEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.addEventListener(\"click\", this._clickListener);\n this.el.addEventListener(\"focusExit\", this._focusExitListener);\n this._observer.observe(this.el, {\n childList: true,\n subtree: true,\n attributeFilter: [\"aria-disabled\", \"hidden\"],\n attributes: true,\n attributeOldValue: true\n });\n }\n destroy() {\n KeyEmitter.removeKeyDown(this.el);\n ExitEmitter.removeFocusExit(this.el);\n this.el.removeEventListener(\"arrowLeftKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowRightKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"arrowUpKeyDown\", this._keyPrevListener);\n this.el.removeEventListener(\"arrowDownKeyDown\", this._keyNextListener);\n this.el.removeEventListener(\"homeKeyDown\", this._keyHomeListener);\n this.el.removeEventListener(\"endKeyDown\", this._keyEndListener);\n this.el.removeEventListener(\"click\", this._clickListener);\n this.el.removeEventListener(\"focusExit\", this._focusExitListener);\n this._observer.disconnect();\n }\n}\nfunction createLinear(el, itemSelector, selectedOptions) {\n const model = new LinearNavigationModel(el, itemSelector, selectedOptions);\n return new NavigationEmitter(el, model);\n}\n\n/*\nstatic createGrid(el, rowSelector, colSelector, selectedOptions) {\n return null;\n}\n*/\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst sequenceMap = {};\nconst defaultPrefix = \"nid\";\nconst randomPortion = createRandomPortion(3);\nfunction randomNumber(max) {\n return Math.floor(Math.random() * max);\n}\nfunction createRandomPortion(size) {\n const letters = \"abcdefghijklmnopqrstuvwxyz\";\n const digits = \"0123456789\";\n const allChars = letters + digits;\n\n // to ensure a valid HTML ID (when prefix is empty), first character must be a letter\n let portion = letters[randomNumber(25)];\n\n // start iterating from 1, as we already have our first char\n for (let i = 1; i < size; i++) {\n portion += allChars[randomNumber(35)];\n }\n return portion;\n}\nfunction _default(el) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPrefix;\n const separator = prefix === \"\" ? \"\" : \"-\";\n\n // join first prefix with random portion to create key\n const key = \"\".concat(prefix).concat(separator).concat(randomPortion);\n\n // initialise key in sequence map if necessary\n sequenceMap[key] = sequenceMap[key] || 0;\n if (!el.id) {\n el.setAttribute(\"id\", \"\".concat(key, \"-\").concat(sequenceMap[key]++));\n }\n return el.id;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.add = add;\nexports.remove = remove;\nfunction onKeyDown(e) {\n if (e.keyCode >= 32 && e.keyCode <= 40) {\n e.preventDefault();\n }\n}\nfunction add(el) {\n el.addEventListener(\"keydown\", onKeyDown);\n}\nfunction remove(el) {\n el.removeEventListener(\"keydown\", onKeyDown);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLinear = createLinear;\nvar NavigationEmitter = _interopRequireWildcard(require(\"makeup-navigation-emitter\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n autoInit: \"interactive\",\n autoReset: \"current\",\n wrap: false,\n axis: \"both\"\n};\nfunction refreshTabindex(items, focusIndex) {\n items.forEach(function (el, i) {\n el.setAttribute(\"tabindex\", i === focusIndex ? \"0\" : \"-1\");\n });\n}\nfunction onModelInit(e) {\n refreshTabindex(e.detail.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexInit\", {\n detail: e.detail\n }));\n}\nfunction onModelChange(e) {\n const items = this.items;\n const fromItem = items[e.detail.fromIndex];\n const toItem = items[e.detail.toIndex];\n if (fromItem) {\n fromItem.setAttribute(\"tabindex\", \"-1\");\n }\n if (toItem) {\n toItem.setAttribute(\"tabindex\", \"0\");\n toItem.focus();\n }\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexChange\", {\n detail: e.detail\n }));\n}\nfunction onModelReset(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexReset\", {\n detail: e.detail\n }));\n}\nfunction onModelMutation(e) {\n refreshTabindex(this.items, e.detail.toIndex);\n this._el.dispatchEvent(new CustomEvent(\"rovingTabindexMutation\", {\n detail: e.detail\n }));\n}\nclass RovingTabindex {\n constructor(el) {\n this._el = el;\n this._onMutationListener = onModelMutation.bind(this);\n this._onChangeListener = onModelChange.bind(this);\n this._onInitListener = onModelInit.bind(this);\n this._onResetListener = onModelReset.bind(this);\n this._el.addEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.addEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.addEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.addEventListener(\"navigationModelReset\", this._onResetListener);\n }\n destroy() {\n this._el.removeEventListener(\"navigationModelMutation\", this._onMutationListener);\n this._el.removeEventListener(\"navigationModelChange\", this._onChangeListener);\n this._el.removeEventListener(\"navigationModelInit\", this._onInitListener);\n this._el.removeEventListener(\"navigationModelReset\", this._onResetListener);\n }\n}\nclass LinearRovingTabindex extends RovingTabindex {\n constructor(el, itemSelector, selectedOptions) {\n super(el);\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this._itemSelector = itemSelector;\n\n // todo: options.index is deprecated. Remove support in future release.\n this._navigationEmitter = NavigationEmitter.createLinear(el, itemSelector, {\n autoInit: this._options.index !== undefined ? this._options.index : this._options.autoInit,\n autoReset: this._options.autoReset,\n wrap: this._options.wrap,\n axis: this._options.axis\n });\n }\n get index() {\n return this._navigationEmitter.model.index;\n }\n set index(newIndex) {\n this._navigationEmitter.model.index = newIndex;\n }\n set wrap(newWrap) {\n this._navigationEmitter.model.options.wrap = newWrap;\n }\n get currentItem() {\n return this._navigationEmitter.model.currentItem;\n }\n get items() {\n return this._navigationEmitter.model.items;\n }\n reset() {\n this._navigationEmitter.model.reset();\n }\n destroy() {\n super.destroy();\n this._navigationEmitter.destroy();\n }\n}\n\n/*\nclass GridRovingTabindex extends RovingTabindex {\n constructor(el, rowSelector, cellSelector, selectedOptions) {\n super(el);\n }\n}\n*/\n\nfunction createLinear(el, itemSelector, selectedOptions) {\n return new LinearRovingTabindex(el, itemSelector, selectedOptions);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar RovingTabIndex = _interopRequireWildcard(require(\"makeup-roving-tabindex\"));\nvar PreventScrollKeys = _interopRequireWildcard(require(\"makeup-prevent-scroll-keys\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n customElementMode: false,\n autoInit: \"interactive\",\n autoReset: \"interactive\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = widgetEl;\n this._rovingTabIndex = RovingTabIndex.createLinear(this.el, \"[role^=menuitem]\", {\n autoInit: this._options.autoInit,\n autoReset: this._options.autoReset\n });\n PreventScrollKeys.add(this.el);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onClickListener = _onClick.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n this.el.classList.add(\"menu--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n select(index) {\n this._unobserveMutations();\n const el = this.items[index];\n switch (el.getAttribute(\"role\")) {\n case \"menuitemcheckbox\":\n _selectMenuItemCheckbox(this.el, el);\n break;\n case \"menuitemradio\":\n _selectMenuItemRadio(this.el, el);\n break;\n default:\n _selectMenuItem(this.el, el);\n break;\n }\n this._observeMutations();\n }\n get items() {\n return this._rovingTabIndex.items;\n }\n get radioGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemradio][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n get checkboxGroupNames() {\n const els = [...this.el.querySelectorAll(\"[role=menuitemcheckbox][data-makeup-group]\")];\n const groupNames = [...new Set(els.map(el => el.dataset.makeupGroup))];\n return groupNames;\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this.el, {\n attributeFilter: [\"aria-checked\", \"aria-disabled\"],\n attributes: true,\n childList: true,\n subtree: true\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n if (this._destroyed !== true) {\n this.el.addEventListener(\"keydown\", this._onKeyDownListener);\n this.el.addEventListener(\"click\", this._onClickListener);\n }\n }\n _unobserveEvents() {\n this.el.removeEventListener(\"keydown\", this._onKeyDownListener);\n this.el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n this._destroyed = true;\n this._unobserveMutations();\n this._unobserveEvents();\n this._onKeyDownListener = null;\n this._onClickListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-menu-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\nfunction _onKeyDown(e) {\n this._unobserveMutations();\n if (e.keyCode === 13) {\n e.preventDefault();\n }\n if (e.keyCode === 13 || e.keyCode === 32) {\n this.select(Array.from(this.items).indexOf(e.target));\n }\n this._observeMutations();\n}\nfunction _onClick(e) {\n // unlike the keyDown event, the click event target can be a child element of the menuitem\n // e.g. Item 1
\n const menuItemEl = e.target.closest(\"[role^=menuitem]\");\n const index = this.items.indexOf(menuItemEl);\n if (index !== -1) {\n this.select(index);\n }\n}\nfunction _selectMenuItem(widgetEl, menuItemEl) {\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-select\", {\n detail: {\n el: menuItemEl,\n value: menuItemEl.innerText\n }\n }));\n}\nfunction _selectMenuItemCheckbox(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n menuItemEl.setAttribute(\"aria-checked\", menuItemEl.getAttribute(\"aria-checked\") === \"true\" ? \"false\" : \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n checked: menuItemEl.getAttribute(\"aria-checked\"),\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n}\nfunction _selectMenuItemRadio(widgetEl, menuItemEl) {\n if (menuItemEl.getAttribute(\"aria-disabled\") !== \"true\") {\n const groupName = menuItemEl.dataset.makeupGroup;\n const checkedEl = widgetEl.querySelector(\"[data-makeup-group=\".concat(groupName, \"][aria-checked=true]\"));\n if (!checkedEl) {\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n } else if (checkedEl !== menuItemEl) {\n checkedEl.setAttribute(\"aria-checked\", \"false\");\n menuItemEl.setAttribute(\"aria-checked\", \"true\");\n widgetEl.dispatchEvent(new CustomEvent(\"makeup-menu-change\", {\n detail: {\n el: menuItemEl,\n group: groupName,\n value: menuItemEl.innerText\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/menu\");\nvar _makeupMenu = _interopRequireDefault(require(\"makeup-menu\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const Menu = require('makeup-menu').default;\n\n// IMPORT\n\nconst log = e => console.log(e.type, e.detail);\nwindow.onload = function () {\n document.querySelectorAll(\".menu\").forEach(function (el, i) {\n const widget = new _makeupMenu.default(el);\n el.addEventListener(\"makeup-menu-select\", log);\n el.addEventListener(\"makeup-menu-change\", log);\n el.addEventListener(\"makeup-menu-mutation\", log);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-panel-dialog/index.css b/docs/ui/makeup-panel-dialog/index.css
index 48014949..06cae0f0 100644
--- a/docs/ui/makeup-panel-dialog/index.css
+++ b/docs/ui/makeup-panel-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-panel-dialog/index.css.map b/docs/ui/makeup-panel-dialog/index.css.map
index b2c2b3c1..d5f34932 100644
--- a/docs/ui/makeup-panel-dialog/index.css.map
+++ b/docs/ui/makeup-panel-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-panel-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.panel-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n flex-direction: column;\n overflow-y: auto;\n overflow-y: hidden;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.panel-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.panel-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-right: 1px solid rgba(153, 153, 153, 0.18);\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.panel-dialog__window--end {\n align-self: flex-end;\n border-left: 1px solid rgba(153, 153, 153, 0.18);\n}\n\n.panel-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.panel-dialog__header h1,\n.panel-dialog__header h2,\n.panel-dialog__header h3,\n.panel-dialog__header h4,\n.panel-dialog__header h5,\n.panel-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.panel-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.panel-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.panel-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n height: 1px;\n overflow-y: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__main > :first-child {\n margin-top: 0;\n}\n.panel-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.panel-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\nbutton.icon-btn.panel-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n padding: 0;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.panel-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n\n.panel-dialog--hide.panel-dialog--hide,\n.panel-dialog--hide.panel-dialog--show-init,\n.panel-dialog--show-init.panel-dialog--hide,\n.panel-dialog--show-init.panel-dialog--show-init {\n display: flex;\n}\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show-init.panel-dialog--mask-fade,\n.panel-dialog--show-init.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.panel-dialog--hide .panel-dialog__window--slide-left,\n.panel-dialog--show-init .panel-dialog__window--slide-left {\n transform: translateX(-100%);\n}\n.panel-dialog--hide .panel-dialog__window--slide-right,\n.panel-dialog--show-init .panel-dialog__window--slide-right {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show-init .panel-dialog__window--slide {\n transform: translateX(-100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--end.panel-dialog__window--slide,\n.panel-dialog--show-init\n .panel-dialog__window--end.panel-dialog__window--slide {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide-init.panel-dialog--hide-init,\n.panel-dialog--hide-init.panel-dialog--show,\n.panel-dialog--show.panel-dialog--hide-init,\n.panel-dialog--show.panel-dialog--show {\n display: flex;\n}\n.panel-dialog--hide-init.panel-dialog--mask-fade,\n.panel-dialog--hide-init.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.panel-dialog--hide-init .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transform: translateX(0);\n}\n@media (min-width: 512px) {\n .panel-dialog__window {\n width: 384px;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-panel-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.panel-dialog[role=\"dialog\"] {\n background-color: var(--dialog-scrim-color-show);\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n flex-direction: column;\n overflow-y: auto;\n overflow-y: hidden;\n position: fixed;\n right: 0;\n top: 0;\n will-change: background-color;\n z-index: 100000;\n}\n.panel-dialog[role=\"dialog\"]:not([hidden]) {\n display: flex;\n}\n\n.panel-dialog__window {\n background-color: var(\n --dialog-window-background-color,\n var(--color-background-primary)\n );\n border-right: 1px solid rgba(153, 153, 153, 0.18);\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 55px;\n will-change: opacity, transform;\n -webkit-overflow-scrolling: touch;\n overflow-y: auto;\n width: 100%;\n}\n\n.panel-dialog__window--end {\n align-self: flex-end;\n border-left: 1px solid rgba(153, 153, 153, 0.18);\n}\n\n.panel-dialog__header {\n display: flex;\n flex-shrink: 0;\n margin: var(--spacing-200) var(--spacing-200) 0;\n position: relative;\n}\n.panel-dialog__header h1,\n.panel-dialog__header h2,\n.panel-dialog__header h3,\n.panel-dialog__header h4,\n.panel-dialog__header h5,\n.panel-dialog__header h6 {\n align-self: center;\n flex: 1 1 auto;\n margin: 0;\n overflow-wrap: anywhere;\n}\n.panel-dialog__header > :last-child:not(:only-child) {\n margin-inline-start: var(--spacing-200);\n}\n\n.panel-dialog__header .fake-link {\n align-self: flex-start;\n outline-offset: 4px;\n text-decoration: none;\n}\n\n.panel-dialog__main {\n box-sizing: border-box;\n flex: 1 1 auto;\n height: 1px;\n overflow-y: auto;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__main > :first-child {\n margin-top: 0;\n}\n.panel-dialog__main > :last-child {\n margin-bottom: 0;\n}\n\n.panel-dialog__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--spacing-200);\n position: relative;\n}\n.panel-dialog__footer > :not(:first-child) {\n margin-top: var(--spacing-200);\n}\nbutton.icon-btn.panel-dialog__close {\n align-self: flex-start;\n border: 0;\n height: 32px;\n min-width: 32px;\n padding: 0;\n position: relative;\n width: 32px;\n z-index: 1;\n}\n\n.panel-dialog__title:not(:first-child) {\n margin-left: var(--spacing-200);\n}\n\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade {\n transition: background-color 0.16s ease-out;\n}\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n transition: background-color 0.32s ease-out;\n}\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transition: transform 0.32s ease-out;\n}\n\n.panel-dialog--hide.panel-dialog--hide,\n.panel-dialog--hide.panel-dialog--show-init,\n.panel-dialog--show-init.panel-dialog--hide,\n.panel-dialog--show-init.panel-dialog--show-init {\n display: flex;\n}\n.panel-dialog--hide.panel-dialog--mask-fade,\n.panel-dialog--hide.panel-dialog--mask-fade-slow,\n.panel-dialog--show-init.panel-dialog--mask-fade,\n.panel-dialog--show-init.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-hide);\n}\n.panel-dialog--hide .panel-dialog__window--slide-left,\n.panel-dialog--show-init .panel-dialog__window--slide-left {\n transform: translateX(-100%);\n}\n.panel-dialog--hide .panel-dialog__window--slide-right,\n.panel-dialog--show-init .panel-dialog__window--slide-right {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--slide,\n.panel-dialog--show-init .panel-dialog__window--slide {\n transform: translateX(-100%);\n}\n\n.panel-dialog--hide .panel-dialog__window--end.panel-dialog__window--slide,\n.panel-dialog--show-init\n .panel-dialog__window--end.panel-dialog__window--slide {\n transform: translateX(100%);\n}\n\n.panel-dialog--hide-init.panel-dialog--hide-init,\n.panel-dialog--hide-init.panel-dialog--show,\n.panel-dialog--show.panel-dialog--hide-init,\n.panel-dialog--show.panel-dialog--show {\n display: flex;\n}\n.panel-dialog--hide-init.panel-dialog--mask-fade,\n.panel-dialog--hide-init.panel-dialog--mask-fade-slow,\n.panel-dialog--show.panel-dialog--mask-fade,\n.panel-dialog--show.panel-dialog--mask-fade-slow {\n background-color: var(--dialog-scrim-color-show);\n}\n.panel-dialog--hide-init .panel-dialog__window--slide,\n.panel-dialog--show .panel-dialog__window--slide {\n transform: translateX(0);\n}\n@media (min-width: 512px) {\n .panel-dialog__window {\n width: 384px;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-panel-dialog/index.min.js b/docs/ui/makeup-panel-dialog/index.min.js
index c8da66fa..09b8f70c 100644
--- a/docs/ui/makeup-panel-dialog/index.min.js
+++ b/docs/ui/makeup-panel-dialog/index.min.js
@@ -632,12 +632,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -667,7 +667,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -681,7 +681,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1002,7 +1002,7 @@ exports["default"] = _default;
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-panel-dialog/index.min.js.map b/docs/ui/makeup-panel-dialog/index.min.js.map
index 3cd4afa3..6b8f95cb 100644
--- a/docs/ui/makeup-panel-dialog/index.min.js.map
+++ b/docs/ui/makeup-panel-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-panel-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;;;ACzCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA,kBAAe;;;;;;;UCtBf;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,GAAyB;AACjC,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/panel-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css?ed5b","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-panel-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-panel-dialog/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/panel-dialog/panel-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultPanelOptions = {\n baseClass: \"panel-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".panel-dialog__close\",\n doneButtonSelector: \".panel-dialog__done\",\n windowSelector: \".panel-dialog__window\",\n transitionsModifier: \"mask-fade-slow\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultPanelOptions, selectedOptions));\n }\n}\nexports.default = _default;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/panel-dialog\");\nvar _makeupPanelDialog = _interopRequireDefault(require(\"makeup-panel-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const PanelDialog = require('makeup-panel-dialog');\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".panel-dialog\").forEach(function (el, i) {\n const widget = new _makeupPanelDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-panel-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;;;;;;;;;ACzCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA,kBAAe;;;;;;;UCtBf;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,GAAyB;AACjC,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/panel-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/panel-dialog/panel-dialog.css?ed5b","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-lightbox-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-panel-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-panel-dialog/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/panel-dialog/panel-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultLightboxOptions = {\n baseClass: \"lightbox-dialog\",\n baseClassModifier: \"\",\n quickDismiss: true,\n closeButtonSelector: \".lightbox-dialog__close\",\n windowSelector: \".lightbox-dialog__window\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, {\n modal: true\n }));\n }\n _observeEvents() {\n super._observeEvents();\n this._onClickListener = _onClick.bind(this);\n this._el.addEventListener(\"click\", this._onClickListener);\n }\n _unobserveEvents() {\n super._unobserveEvents();\n this._el.removeEventListener(\"click\", this._onClickListener);\n }\n destroy() {\n super.destroy();\n this._onClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onClick(e) {\n if (this._options.quickDismiss === true && e.target === this._el) {\n this.close();\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupLightboxDialog = _interopRequireDefault(require(\"makeup-lightbox-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultPanelOptions = {\n baseClass: \"panel-dialog\",\n quickDismiss: true,\n closeButtonSelector: \".panel-dialog__close\",\n doneButtonSelector: \".panel-dialog__done\",\n windowSelector: \".panel-dialog__window\",\n transitionsModifier: \"mask-fade-slow\"\n};\nclass _default extends _makeupLightboxDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultPanelOptions, selectedOptions));\n }\n}\nexports.default = _default;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/panel-dialog\");\nvar _makeupPanelDialog = _interopRequireDefault(require(\"makeup-panel-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const PanelDialog = require('makeup-panel-dialog');\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".panel-dialog\").forEach(function (el, i) {\n const widget = new _makeupPanelDialog.default(el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-snackbar-dialog/index.css b/docs/ui/makeup-snackbar-dialog/index.css
index 04b9db9d..73e001e9 100644
--- a/docs/ui/makeup-snackbar-dialog/index.css
+++ b/docs/ui/makeup-snackbar-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
@@ -549,6 +550,34 @@ a[aria-disabled="true"] {
white-space: nowrap;
}
+.scrollbars-permanent {
+ -webkit-overflow-scrolling: touch;
+ scroll-behavior: smooth;
+ scroll-snap-type: proximity;
+ scroll-snap-type: x proximity;
+}
+
+.scrollbars-permanent::-webkit-scrollbar {
+ background-color: var(--color-background-faint);
+ border-radius: 12px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:vertical {
+ width: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:horizontal {
+ height: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar-thumb {
+ background-color: var(--color-foreground-secondary);
+ border-color: transparent;
+ border-radius: 12px;
+ border-right-style: inset;
+ box-shadow: none;
+}
+
a.nav-link,
a.standalone-link {
color: var(--nav-link-foreground-color, var(--color-foreground-primary));
diff --git a/docs/ui/makeup-snackbar-dialog/index.css.map b/docs/ui/makeup-snackbar-dialog/index.css.map
index 1336a140..c536efe4 100644
--- a/docs/ui/makeup-snackbar-dialog/index.css.map
+++ b/docs/ui/makeup-snackbar-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-snackbar-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/link/link.css","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","a.nav-link,\na.standalone-link {\n color: var(--nav-link-foreground-color, var(--color-foreground-primary));\n text-decoration: none;\n}\na.nav-link:visited,\na.standalone-link:visited {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na.nav-link:hover,\na.standalone-link:hover {\n color: var(\n --nav-link-foreground-hover-color,\n var(--color-foreground-secondary)\n );\n text-decoration: underline;\n}\na.nav-link:not([href]),\na.nav-link[aria-disabled=\"true\"],\na.standalone-link:not([href]),\na.standalone-link[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n text-decoration: none;\n}\n\nbutton.fake-link {\n background-color: initial;\n border: 0;\n color: var(--fake-link-foreground-color, var(--color-foreground-primary));\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n text-decoration: underline;\n}\nbutton.fake-link:hover {\n color: var(\n --fake-link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\nbutton.fake-link[aria-disabled=\"true\"],\nbutton.fake-link[disabled] {\n color: var(\n --fake-link-foreground-disabled-color,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.snackbar-dialog {\n background-color: var(\n --snackbar-dialog-background-color,\n var(--color-background-inverse)\n );\n border-radius: var(\n --snackbar-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 40px;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n left: var(--spacing-100);\n margin: auto;\n max-height: 40vh;\n max-width: 448px;\n position: fixed;\n right: var(--spacing-100);\n transform: translateY(0);\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.snackbar-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.snackbar-dialog--hide-init,\n.snackbar-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.snackbar-dialog--hide,\n.snackbar-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.snackbar-dialog__window {\n display: flex;\n margin: var(--spacing-200) var(--spacing-300);\n}\n\n.snackbar-dialog__window--column {\n flex-direction: column;\n}\n\n.snackbar-dialog__main {\n margin-inline-end: var(--spacing-400);\n}\n\n.snackbar-dialog__main p {\n margin: 0;\n}\n\n.snackbar-dialog__actions {\n margin-inline-start: auto;\n}\n\n.snackbar-dialog__window--column .snackbar-dialog__actions {\n margin-top: var(--spacing-200);\n}\n\n.snackbar-dialog__actions .fake-link {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: none;\n}\n.snackbar-dialog__actions .fake-link:first-letter {\n text-decoration: underline;\n}\n.snackbar-dialog__actions button.fake-link:hover:not(:disabled) {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: underline;\n}\n\n@media (min-width: 512px) {\n .snackbar-dialog {\n bottom: 20px;\n }\n}\n[dir=\"rtl\"] .snackbar-dialog {\n left: auto;\n right: 0;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-snackbar-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css","webpack://root/./node_modules/@ebay/skin/dist/link/link.css","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".clearfix:after,\n.clearfix:before {\n content: \" \";\n display: table;\n line-height: 0;\n}\n.clearfix:after {\n clear: both;\n}\n.clipped {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.clipped--stealth:focus {\n clip: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n width: auto;\n}\n.image-stretch {\n height: auto;\n width: 100%;\n}\n.image-scale {\n height: auto;\n max-width: 100%;\n}\n.image-center {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n.image-center img {\n max-height: 100%;\n max-width: 100%;\n}\n.image-treatment {\n align-items: center;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n.image-treatment-large {\n align-items: center;\n border-radius: 16px;\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n.image-treatment-large:after {\n background: rgba(0, 0, 0, 0.05);\n bottom: 0;\n content: \"\";\n display: block;\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n.image-treatment-large > img {\n display: inline-block;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n}\n\n.image-disabled {\n filter: var(--color-media-disabled-filter);\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.scrollbars-permanent {\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n scroll-snap-type: proximity;\n scroll-snap-type: x proximity;\n}\n\n.scrollbars-permanent::-webkit-scrollbar {\n background-color: var(--color-background-faint);\n border-radius: 12px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:vertical {\n width: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar:horizontal {\n height: 6px;\n}\n\n.scrollbars-permanent::-webkit-scrollbar-thumb {\n background-color: var(--color-foreground-secondary);\n border-color: transparent;\n border-radius: 12px;\n border-right-style: inset;\n box-shadow: none;\n}\n","a.nav-link,\na.standalone-link {\n color: var(--nav-link-foreground-color, var(--color-foreground-primary));\n text-decoration: none;\n}\na.nav-link:visited,\na.standalone-link:visited {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na.nav-link:hover,\na.standalone-link:hover {\n color: var(\n --nav-link-foreground-hover-color,\n var(--color-foreground-secondary)\n );\n text-decoration: underline;\n}\na.nav-link:not([href]),\na.nav-link[aria-disabled=\"true\"],\na.standalone-link:not([href]),\na.standalone-link[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n text-decoration: none;\n}\n\nbutton.fake-link {\n background-color: initial;\n border: 0;\n color: var(--fake-link-foreground-color, var(--color-foreground-primary));\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n text-decoration: underline;\n}\nbutton.fake-link:hover {\n color: var(\n --fake-link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\nbutton.fake-link[aria-disabled=\"true\"],\nbutton.fake-link[disabled] {\n color: var(\n --fake-link-foreground-disabled-color,\n var(--color-foreground-disabled)\n );\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.snackbar-dialog {\n background-color: var(\n --snackbar-dialog-background-color,\n var(--color-background-inverse)\n );\n border-radius: var(\n --snackbar-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 40px;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n left: var(--spacing-100);\n margin: auto;\n max-height: 40vh;\n max-width: 448px;\n position: fixed;\n right: var(--spacing-100);\n transform: translateY(0);\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.snackbar-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.snackbar-dialog--hide-init,\n.snackbar-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.snackbar-dialog--hide,\n.snackbar-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.snackbar-dialog__window {\n display: flex;\n margin: var(--spacing-200) var(--spacing-300);\n}\n\n.snackbar-dialog__window--column {\n flex-direction: column;\n}\n\n.snackbar-dialog__main {\n margin-inline-end: var(--spacing-400);\n}\n\n.snackbar-dialog__main p {\n margin: 0;\n}\n\n.snackbar-dialog__actions {\n margin-inline-start: auto;\n}\n\n.snackbar-dialog__window--column .snackbar-dialog__actions {\n margin-top: var(--spacing-200);\n}\n\n.snackbar-dialog__actions .fake-link {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: none;\n}\n.snackbar-dialog__actions .fake-link:first-letter {\n text-decoration: underline;\n}\n.snackbar-dialog__actions button.fake-link:hover:not(:disabled) {\n color: var(\n --snackbar-dialog-foreground-color,\n var(--color-foreground-on-inverse)\n );\n text-decoration: underline;\n}\n\n@media (min-width: 512px) {\n .snackbar-dialog {\n bottom: 20px;\n }\n}\n[dir=\"rtl\"] .snackbar-dialog {\n left: auto;\n right: 0;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-snackbar-dialog/index.min.js b/docs/ui/makeup-snackbar-dialog/index.min.js
index b9a9dbff..f7f3797e 100644
--- a/docs/ui/makeup-snackbar-dialog/index.min.js
+++ b/docs/ui/makeup-snackbar-dialog/index.min.js
@@ -650,12 +650,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -685,7 +685,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -699,7 +699,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -1002,7 +1002,7 @@ function _onCtaButtonClick() {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-snackbar-dialog/index.min.js.map b/docs/ui/makeup-snackbar-dialog/index.min.js.map
index 4585bb7e..5d900934 100644
--- a/docs/ui/makeup-snackbar-dialog/index.min.js.map
+++ b/docs/ui/makeup-snackbar-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-snackbar-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;UCtDA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAA4B;AACpC,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/link.js","webpack://root/./node_modules/@ebay/skin/snackbar-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/link/link.css?4616","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css?c7bb","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-snackbar-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-snackbar-dialog/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/link/link.css');\n","require('./dist/snackbar-dialog/snackbar-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultSnackbarOptions = {\n autoDismissTimer: 6000,\n baseClass: \"snackbar-dialog\",\n ctaButtonSelector: \".snackbar-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultSnackbarOptions, selectedOptions));\n this._autoDismissTimeout = null;\n }\n _show() {\n var _this = this;\n super._show();\n this._autoDismissTimeout = setTimeout(function () {\n let widget = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this;\n return widget.close();\n }, this._options.autoDismissTimer);\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/link\");\nrequire(\"@ebay/skin/snackbar-dialog\");\nvar _makeupSnackbarDialog = _interopRequireDefault(require(\"makeup-snackbar-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const SnackbarDialog = require('makeup-snackbar-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".snackbar-dialog\").forEach(function (el, i) {\n const widget = new _makeupSnackbarDialog.default(el);\n console.log(widget, el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-snackbar-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,GAAsB;;;;;;;;ACA9B,mBAAO,CAAC,IAA4C;;;;;;;;ACApD,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;ACAxC,mBAAO,CAAC,IAA4B;;;;;;;;;;ACApC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;UCtDA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAoB;AAC5B,mBAAO,CAAC,IAAiB;AACzB,mBAAO,CAAC,IAA4B;AACpC,mDAAmD,mBAAO,CAAC,IAAwB;AACnF,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/link.js","webpack://root/./node_modules/@ebay/skin/snackbar-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./node_modules/@ebay/skin/utility.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/link/link.css?4616","webpack://root/./node_modules/@ebay/skin/dist/snackbar-dialog/snackbar-dialog.css?c7bb","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./node_modules/@ebay/skin/dist/utility/utility.css?6c3b","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-snackbar-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-snackbar-dialog/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/link/link.css');\n","require('./dist/snackbar-dialog/snackbar-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","require('./dist/utility/utility.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultSnackbarOptions = {\n autoDismissTimer: 6000,\n baseClass: \"snackbar-dialog\",\n ctaButtonSelector: \".snackbar-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultSnackbarOptions, selectedOptions));\n this._autoDismissTimeout = null;\n }\n _show() {\n var _this = this;\n super._show();\n this._autoDismissTimeout = setTimeout(function () {\n let widget = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this;\n return widget.close();\n }, this._options.autoDismissTimer);\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/utility\");\nrequire(\"@ebay/skin/link\");\nrequire(\"@ebay/skin/snackbar-dialog\");\nvar _makeupSnackbarDialog = _interopRequireDefault(require(\"makeup-snackbar-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const SnackbarDialog = require('makeup-snackbar-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".snackbar-dialog\").forEach(function (el, i) {\n const widget = new _makeupSnackbarDialog.default(el);\n console.log(widget, el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-switch/index.css b/docs/ui/makeup-switch/index.css
index 5db42c81..82aeca89 100644
--- a/docs/ui/makeup-switch/index.css
+++ b/docs/ui/makeup-switch/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-switch/index.css.map b/docs/ui/makeup-switch/index.css.map
index 451efa05..742037a3 100644
--- a/docs/ui/makeup-switch/index.css.map
+++ b/docs/ui/makeup-switch/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-switch/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/switch/switch.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".switch {\n box-sizing: border-box;\n height: 40px;\n position: relative;\n vertical-align: middle;\n}\n\ndiv.switch {\n display: flex;\n}\n\nspan.switch {\n display: inline-flex;\n}\n\nspan.switch__button {\n align-self: center;\n background-color: var(\n --switch-unchecked-background-color,\n var(--color-background-secondary)\n );\n border-color: var(--switch-border-color, var(--color-stroke-strong));\n border-radius: 400px;\n border-style: solid;\n border-width: 1px;\n color: transparent;\n display: inline-block;\n position: relative;\n text-indent: 100%;\n width: 40px;\n}\nspan.switch__button,\nspan.switch__button:after {\n height: 24px;\n transition: left 0.15s ease-out 0s;\n}\nspan.switch__button:after {\n background-color: var(\n --switch-foreground-color,\n var(--color-background-primary)\n );\n border-color: var(\n --switch-foreground-border-color,\n var(--color-stroke-strong)\n );\n border-radius: 50%;\n border-style: solid;\n border-width: 1px;\n content: \"\";\n display: block;\n left: -1px;\n position: absolute;\n top: -1px;\n transform: translateZ(0);\n width: 24px;\n}\n\ninput.switch__control,\nspan.switch__control {\n height: 24px;\n left: 0;\n margin: 0;\n outline: 0;\n padding: 0;\n position: absolute;\n top: 8px;\n width: 40px;\n z-index: 1;\n}\ninput.switch__control[disabled] + span.switch__button,\nspan.switch__control[aria-disabled=\"true\"] + span.switch__button {\n border-color: var(--switch-border-color, var(--color-stroke-disabled));\n}\n\ninput.switch__control {\n opacity: 0;\n}\ninput.switch__control:focus + span.switch__button {\n outline: 1px auto\n var(--switch-custom-outline-color, var(--color-foreground-secondary));\n}\ninput.switch__control:focus:not(:focus-visible) + span.switch__button {\n outline: none;\n}\ninput.switch__control[disabled] + span.switch__button:after,\nspan.switch__control[aria-disabled=\"true\"] + span.switch__button:after {\n border-color: var(--switch-border-color, var(--color-background-disabled));\n}\n\ninput.switch__control:not([disabled]):focus + span.switch__button,\ninput.switch__control:not([disabled]):hover + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"]):focus + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"]):hover + span.switch__button {\n background-color: var(\n --switch-unchecked-hover-background-color,\n var(--color-state-secondary-hover)\n );\n}\ninput.switch__control:not([disabled]):checked + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"])[aria-checked=\"true\"]\n + span.switch__button {\n background-color: var(\n --switch-checked-background-color,\n var(--color-background-accent)\n );\n}\ninput.switch__control[disabled]:checked + span.switch__button,\nspan.switch__control[aria-disabled=\"true\"][aria-checked=\"true\"]\n + span.switch__button {\n background-color: var(\n --switch-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(--switch-border-color, var(--color-background-disabled));\n}\n\ninput.switch__control:not([disabled]):focus-visible + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"]):focus-visible\n + span.switch__button {\n box-shadow:\n 0 0 0 2px var(--color-background-primary),\n 0 0 0 4px var(--color-state-accent-hover);\n}\n\ninput.switch__control:not([disabled]):checked:focus + span.switch__button,\ninput.switch__control:not([disabled]):checked:hover + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"])[aria-checked=\"true\"]:focus\n + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"])[aria-checked=\"true\"]:hover\n + span.switch__button {\n background-color: var(\n --switch-checked-hover-background-color,\n var(--color-state-accent-hover)\n );\n}\ninput.switch__control:checked + span.switch__button:after,\nspan.switch__control[aria-checked=\"true\"] + span.switch__button:after {\n left: 15px;\n}\nspan.switch__control:focus:not(:focus-visible) {\n outline: 0;\n}\n\n@media screen and (-ms-high-contrast: active) {\n input.switch__control {\n opacity: 1;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-switch/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/switch/switch.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n",".switch {\n box-sizing: border-box;\n height: 40px;\n position: relative;\n vertical-align: middle;\n}\n\ndiv.switch {\n display: flex;\n}\n\nspan.switch {\n display: inline-flex;\n}\n\nspan.switch__button {\n align-self: center;\n background-color: var(\n --switch-unchecked-background-color,\n var(--color-background-secondary)\n );\n border-color: var(--switch-border-color, var(--color-stroke-strong));\n border-radius: 400px;\n border-style: solid;\n border-width: 1px;\n color: transparent;\n display: inline-block;\n position: relative;\n text-indent: 100%;\n width: 40px;\n}\nspan.switch__button,\nspan.switch__button:after {\n height: 24px;\n transition: left 0.15s ease-out 0s;\n}\nspan.switch__button:after {\n background-color: var(\n --switch-foreground-color,\n var(--color-background-primary)\n );\n border-color: var(\n --switch-foreground-border-color,\n var(--color-stroke-strong)\n );\n border-radius: 50%;\n border-style: solid;\n border-width: 1px;\n content: \"\";\n display: block;\n left: -1px;\n position: absolute;\n top: -1px;\n transform: translateZ(0);\n width: 24px;\n}\n\ninput.switch__control,\nspan.switch__control {\n height: 24px;\n left: 0;\n margin: 0;\n outline: 0;\n padding: 0;\n position: absolute;\n top: 8px;\n width: 40px;\n z-index: 1;\n}\ninput.switch__control[disabled] + span.switch__button,\nspan.switch__control[aria-disabled=\"true\"] + span.switch__button {\n border-color: var(--switch-border-color, var(--color-stroke-disabled));\n}\n\ninput.switch__control {\n opacity: 0;\n}\ninput.switch__control:focus + span.switch__button {\n outline: 1px auto\n var(--switch-custom-outline-color, var(--color-foreground-secondary));\n}\ninput.switch__control:focus:not(:focus-visible) + span.switch__button {\n outline: none;\n}\ninput.switch__control[disabled] + span.switch__button:after,\nspan.switch__control[aria-disabled=\"true\"] + span.switch__button:after {\n border-color: var(--switch-border-color, var(--color-background-disabled));\n}\n\ninput.switch__control:not([disabled]):focus + span.switch__button,\ninput.switch__control:not([disabled]):hover + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"]):focus + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"]):hover + span.switch__button {\n background-color: var(\n --switch-unchecked-hover-background-color,\n var(--color-state-secondary-hover)\n );\n}\ninput.switch__control:not([disabled]):checked + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"])[aria-checked=\"true\"]\n + span.switch__button {\n background-color: var(\n --switch-checked-background-color,\n var(--color-background-accent)\n );\n}\ninput.switch__control[disabled]:checked + span.switch__button,\nspan.switch__control[aria-disabled=\"true\"][aria-checked=\"true\"]\n + span.switch__button {\n background-color: var(\n --switch-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(--switch-border-color, var(--color-background-disabled));\n}\n\ninput.switch__control:not([disabled]):focus-visible + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"]):focus-visible\n + span.switch__button {\n box-shadow:\n 0 0 0 2px var(--color-background-primary),\n 0 0 0 4px var(--color-state-accent-hover);\n}\n\ninput.switch__control:not([disabled]):checked:focus + span.switch__button,\ninput.switch__control:not([disabled]):checked:hover + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"])[aria-checked=\"true\"]:focus\n + span.switch__button,\nspan.switch__control:not([aria-disabled=\"true\"])[aria-checked=\"true\"]:hover\n + span.switch__button {\n background-color: var(\n --switch-checked-hover-background-color,\n var(--color-state-accent-hover)\n );\n}\ninput.switch__control:checked + span.switch__button:after,\nspan.switch__control[aria-checked=\"true\"] + span.switch__button:after {\n left: 15px;\n}\nspan.switch__control:focus:not(:focus-visible) {\n outline: 0;\n}\n\n@media screen and (-ms-high-contrast: active) {\n input.switch__control {\n opacity: 1;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-switch/index.min.js b/docs/ui/makeup-switch/index.min.js
index 94a79428..dcc559ea 100644
--- a/docs/ui/makeup-switch/index.min.js
+++ b/docs/ui/makeup-switch/index.min.js
@@ -148,7 +148,7 @@ class _default {
this._focusableElement.removeEventListener("keydown", this._onKeyDownListener);
}
get _focusableElement() {
- return this.el.querySelector(`.${this._options.bem.control}`);
+ return this.el.querySelector(".".concat(this._options.bem.control));
}
set checked(isChecked) {
this._unobserveMutations();
@@ -289,7 +289,7 @@ function _onMutation(mutationsList) {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-switch/index.min.js.map b/docs/ui/makeup-switch/index.min.js.map
index 82e107a8..5df0bdce 100644
--- a/docs/ui/makeup-switch/index.min.js.map
+++ b/docs/ui/makeup-switch/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-switch/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,0BAA0B;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCpJA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/switch.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/switch/switch.css?1917","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/ui/makeup-switch/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-switch/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/switch/switch.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst defaultOptions = {\n bem: {\n control: \"switch__control\"\n },\n customElementMode: false\n};\nclass _default {\n constructor(el, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this._onClickListener = _onClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n if (this.disabled) {\n this._focusableElement.setAttribute(\"tabindex\", \"-1\");\n }\n this.el.classList.add(\"switch--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._focusableElement, {\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n this._focusableElement.addEventListener(\"click\", this._onClickListener);\n this._focusableElement.addEventListener(\"keydown\", this._onKeyDownListener);\n }\n _unobserveEvents() {\n this._focusableElement.removeEventListener(\"click\", this._onClickListener);\n this._focusableElement.removeEventListener(\"keydown\", this._onKeyDownListener);\n }\n get _focusableElement() {\n return this.el.querySelector(`.${this._options.bem.control}`);\n }\n set checked(isChecked) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-checked\", isChecked.toString());\n this.el.dispatchEvent(new CustomEvent(\"makeup-switch-toggle\", {\n composed: true,\n detail: {\n on: this.checked\n }\n }));\n this._observeMutations();\n }\n get checked() {\n return this._focusableElement.getAttribute(\"aria-checked\") === \"true\";\n }\n set disabled(isDisabled) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-disabled\", isDisabled.toString());\n this._focusableElement.setAttribute(\"tabindex\", isDisabled ? \"-1\" : \"0\");\n this._observeMutations();\n }\n get disabled() {\n return this._focusableElement.getAttribute(\"aria-disabled\") === \"true\";\n }\n set labelledby(theId) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-labelledby\", theId);\n\n // customElementMode a11y workaround\n // aria-labelledby cannot resolve element id references that live outside of the Shadow DOM\n // as a workaround we can use aria-label\n if (this._options.customElementMode) {\n const labellingEl = document.getElementById(this.labelledby);\n if (labellingEl && labellingEl.innerText !== \"\") {\n this.label = labellingEl.innerText;\n }\n }\n this._observeMutations();\n }\n get labelledby() {\n return this._focusableElement.getAttribute(\"aria-labelledby\");\n }\n get label() {\n return this._focusableElement.getAttribute(\"aria-label\");\n }\n set label(theLabel) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-label\", theLabel);\n this._observeMutations();\n }\n toggle() {\n this.checked = !this.checked;\n }\n destroy() {\n this._unobserveMutations();\n this._unobserveEvents();\n this._onClickListener = null;\n this._onKeyDownListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n if (!this.disabled) {\n switch (e.keyCode) {\n case 32:\n e.preventDefault();\n this.toggle();\n break;\n case 37:\n this.checked = false;\n break;\n case 39:\n this.checked = true;\n break;\n default:\n break;\n }\n }\n}\nfunction _onClick() {\n if (!this.disabled) {\n this.toggle();\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-switch-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/switch\");\nvar _makeupSwitch = _interopRequireDefault(require(\"makeup-switch\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n//const MakeupSwitch = require('makeup-switch').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".switch\").forEach(function (el, i) {\n const widget = new _makeupSwitch.default(el);\n el.addEventListener(\"makeup-switch-toggle\", function (e) {\n console.log(e.type, e.detail);\n });\n el.addEventListener(\"makeup-switch-mutation\", function (e) {\n console.log(e.type, e.detail);\n });\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-switch/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;;;;;;UCpJA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/switch.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/switch/switch.css?1917","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/ui/makeup-switch/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-switch/index.compiled.js"],"sourcesContent":["require('./dist/global/global.css');\n","require('./dist/switch/switch.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst defaultOptions = {\n bem: {\n control: \"switch__control\"\n },\n customElementMode: false\n};\nclass _default {\n constructor(el, selectedOptions) {\n this._options = Object.assign({}, defaultOptions, selectedOptions);\n this.el = el;\n this._onClickListener = _onClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onMutationListener = _onMutation.bind(this);\n if (this.disabled) {\n this._focusableElement.setAttribute(\"tabindex\", \"-1\");\n }\n this.el.classList.add(\"switch--js\");\n if (!this._options.customElementMode) {\n this._mutationObserver = new MutationObserver(this._onMutationListener);\n this._observeMutations();\n this._observeEvents();\n }\n }\n _observeMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.observe(this._focusableElement, {\n attributes: true,\n childList: false,\n subtree: false\n });\n }\n }\n _unobserveMutations() {\n if (!this._options.customElementMode) {\n this._mutationObserver.disconnect();\n }\n }\n _observeEvents() {\n this._focusableElement.addEventListener(\"click\", this._onClickListener);\n this._focusableElement.addEventListener(\"keydown\", this._onKeyDownListener);\n }\n _unobserveEvents() {\n this._focusableElement.removeEventListener(\"click\", this._onClickListener);\n this._focusableElement.removeEventListener(\"keydown\", this._onKeyDownListener);\n }\n get _focusableElement() {\n return this.el.querySelector(\".\".concat(this._options.bem.control));\n }\n set checked(isChecked) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-checked\", isChecked.toString());\n this.el.dispatchEvent(new CustomEvent(\"makeup-switch-toggle\", {\n composed: true,\n detail: {\n on: this.checked\n }\n }));\n this._observeMutations();\n }\n get checked() {\n return this._focusableElement.getAttribute(\"aria-checked\") === \"true\";\n }\n set disabled(isDisabled) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-disabled\", isDisabled.toString());\n this._focusableElement.setAttribute(\"tabindex\", isDisabled ? \"-1\" : \"0\");\n this._observeMutations();\n }\n get disabled() {\n return this._focusableElement.getAttribute(\"aria-disabled\") === \"true\";\n }\n set labelledby(theId) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-labelledby\", theId);\n\n // customElementMode a11y workaround\n // aria-labelledby cannot resolve element id references that live outside of the Shadow DOM\n // as a workaround we can use aria-label\n if (this._options.customElementMode) {\n const labellingEl = document.getElementById(this.labelledby);\n if (labellingEl && labellingEl.innerText !== \"\") {\n this.label = labellingEl.innerText;\n }\n }\n this._observeMutations();\n }\n get labelledby() {\n return this._focusableElement.getAttribute(\"aria-labelledby\");\n }\n get label() {\n return this._focusableElement.getAttribute(\"aria-label\");\n }\n set label(theLabel) {\n this._unobserveMutations();\n this._focusableElement.setAttribute(\"aria-label\", theLabel);\n this._observeMutations();\n }\n toggle() {\n this.checked = !this.checked;\n }\n destroy() {\n this._unobserveMutations();\n this._unobserveEvents();\n this._onClickListener = null;\n this._onKeyDownListener = null;\n this._onMutationListener = null;\n }\n}\nexports.default = _default;\nfunction _onKeyDown(e) {\n if (!this.disabled) {\n switch (e.keyCode) {\n case 32:\n e.preventDefault();\n this.toggle();\n break;\n case 37:\n this.checked = false;\n break;\n case 39:\n this.checked = true;\n break;\n default:\n break;\n }\n }\n}\nfunction _onClick() {\n if (!this.disabled) {\n this.toggle();\n }\n}\nfunction _onMutation(mutationsList) {\n for (const mutation of mutationsList) {\n if (mutation.type === \"attributes\") {\n this.el.dispatchEvent(new CustomEvent(\"makeup-switch-mutation\", {\n detail: {\n attributeName: mutation.attributeName\n }\n }));\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/switch\");\nvar _makeupSwitch = _interopRequireDefault(require(\"makeup-switch\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n//const MakeupSwitch = require('makeup-switch').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".switch\").forEach(function (el, i) {\n const widget = new _makeupSwitch.default(el);\n el.addEventListener(\"makeup-switch-toggle\", function (e) {\n console.log(e.type, e.detail);\n });\n el.addEventListener(\"makeup-switch-mutation\", function (e) {\n console.log(e.type, e.detail);\n });\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-toast-dialog/index.css b/docs/ui/makeup-toast-dialog/index.css
index 2f1cf33c..95be00ec 100644
--- a/docs/ui/makeup-toast-dialog/index.css
+++ b/docs/ui/makeup-toast-dialog/index.css
@@ -209,6 +209,7 @@
--color-background-primary: var(--color-neutral-100);
--color-background-secondary: var(--color-neutral-200);
--color-background-tertiary: var(--color-neutral-300);
+ --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
--color-background-disabled: var(--color-neutral-400);
--color-background-inverse: var(--color-neutral-700);
--color-background-attention: var(--color-red-600);
diff --git a/docs/ui/makeup-toast-dialog/index.css.map b/docs/ui/makeup-toast-dialog/index.css.map
index c5eff162..9fae2820 100644
--- a/docs/ui/makeup-toast-dialog/index.css.map
+++ b/docs/ui/makeup-toast-dialog/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-toast-dialog/index.css","mappings":"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","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.toast-dialog {\n background-color: var(\n --toast-dialog-background-color,\n var(--color-background-information)\n );\n border-top-left-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n border-top-right-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 0;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n left: 0;\n max-height: 40vh;\n min-width: 320px;\n position: fixed;\n transform: translateY(0);\n width: 100vw;\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.toast-dialog,\n.toast-dialog a {\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n}\n\n.toast-dialog a:focus {\n outline: 1px auto currentColor;\n}\n\n.toast-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.toast-dialog--hide-init,\n.toast-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.toast-dialog--hide,\n.toast-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.toast-dialog__window {\n margin: var(--spacing-100) var(--spacing-200) var(--spacing-200);\n}\n\n.toast-dialog__header {\n align-items: center;\n display: flex;\n}\n.toast-dialog__header h2,\n.toast-dialog__title {\n margin: 0;\n}\nbutton.toast-dialog__close {\n align-self: flex-start;\n border: 0;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n flex-shrink: 0;\n margin-inline-start: auto;\n padding: 0;\n}\nbutton.toast-dialog__close:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\nbutton.toast-dialog__close:focus,\nbutton.toast-dialog__close:hover {\n color: var(--color-state-primary-hover);\n}\n\nbutton.toast-dialog__close > svg {\n fill: currentColor;\n}\n\n.toast-dialog__footer {\n display: flex;\n justify-content: flex-end;\n}\n.toast-dialog__footer button:first-letter {\n text-decoration: underline;\n}\n.toast-dialog__footer button.btn--primary,\n.toast-dialog__footer button.btn--secondary {\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n border-style: solid;\n border-width: 1px;\n outline-offset: 2px;\n}\n.toast-dialog__footer button.btn--primary {\n background-color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n color: var(--toast-dialog-background-color, var(--color-foreground-accent));\n}\n.toast-dialog__footer button.btn--secondary {\n background-color: initial;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n font-weight: 700;\n margin-inline-end: var(--spacing-100);\n}\n.toast-dialog__footer button.btn--primary:focus,\n.toast-dialog__footer button.btn--secondary:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):focus,\n.toast-dialog__footer button.btn--primary:not([disabled]):hover {\n background-color: var(--color-state-primary-hover);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):active {\n background-color: var(--color-state-primary-active);\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):focus,\n.toast-dialog__footer button.btn--secondary:not([disabled]):hover {\n background-color: var(--color-state-accent-hover);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):active {\n background-color: var(--color-state-accent-active);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n\n@media (min-width: 512px) {\n .toast-dialog {\n border-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: var(--spacing-200);\n left: var(--spacing-200);\n max-width: 480px;\n width: auto;\n }\n .toast-dialog__window {\n margin: var(--spacing-200) var(--spacing-300) var(--spacing-300);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-toast-dialog/index.css","mappings":"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,WAAW;AACb;;ACJA;IACI,uBAAuB;IACvB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,sCAAsC;IACtC,4BAA4B;IAC5B,sCAAsC;IACtC,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,mCAAmC;IACnC,yBAAyB;IACzB,gCAAgC;IAChC,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,6BAA6B;IAC7B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,yBAAyB;IACzB,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,sCAAsC;IACtC,sCAAsC;IACtC,2CAA2C;IAC3C,qCAAqC;IACrC,qCAAqC;IACrC,0CAA0C;IAC1C,uCAAuC;IACvC,uCAAuC;IACvC,4CAA4C;IAC5C,oCAAoC;IACpC,oCAAoC;IACpC,yCAAyC;IACzC,uCAAuC;IACvC,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,wBAAwB;IACxB,uBAAuB;IACvB,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,yCAAyC;IACzC,sCAAsC;IACtC,wCAAwC;IACxC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,0BAA0B;IAC1B,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;AACvB;;ACvMA;IACI,oDAAoD;IACpD,sDAAsD;IACtD,qDAAqD;IACrD,kEAAkE;IAClE,qDAAqD;IACrD,oDAAoD;IACpD,kDAAkD;IAClD,sDAAsD;IACtD,qDAAqD;IACrD,mDAAmD;IACnD,gDAAgD;IAChD,gDAAgD;IAChD,qDAAqD;IACrD,mDAAmD;IACnD,2DAA2D;IAC3D,oDAAoD;IACpD,sDAAsD;IACtD,qDAAqD;IACrD,kDAAkD;IAClD,sDAAsD;IACtD,qDAAqD;IACrD,gDAAgD;IAChD,iDAAiD;IACjD,uDAAuD;IACvD,yDAAyD;IACzD,wDAAwD;IACxD,uDAAuD;IACvD,sDAAsD;IACtD,yDAAyD;IACzD,4DAA4D;IAC5D,2DAA2D;IAC3D,sDAAsD;IACtD,gDAAgD;IAChD,4CAA4C;IAC5C,8CAA8C;IAC9C,kDAAkD;IAClD,iDAAiD;IACjD,iDAAiD;IACjD,+CAA+C;IAC/C,+CAA+C;IAC/C,4CAA4C;IAC5C,mCAAmC;IACnC,oCAAoC;IACpC,qCAAqC;IACrC,sCAAsC;IACtC,gDAAgD;IAChD,uCAAuC;IACvC,iDAAiD;IACjD,oCAAoC;IACpC,qCAAqC;IACrC,mCAAmC;IACnC,oDAAoD;IACpD,oCAAoC;IACpC,qDAAqD;IACrD,sCAAsC;IACtC,uCAAuC;IACvC,iEAAiE;IACjE,kEAAkE;IAClE,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,0DAA0D;IAC1D,uDAAuD;IACvD,0DAA0D;IAC1D,8DAA8D;IAC9D,2DAA2D;IAC3D,6DAA6D;IAC7D,0DAA0D;IAC1D,sDAAsD;IACtD,qDAAqD;IACrD,qDAAqD;IACrD,uDAAuD;IACvD,mEAAmE;IACnE,6DAA6D;IAC7D,mEAAmE;IACnE,+DAA+D;IAC/D,gEAAgE;IAChE,4DAA4D;IAC5D,kDAAkD;IAClD,oDAAoD;IACpD,wCAAwC;IACxC,6CAA6C;IAC7C,2DAA2D;IAC3D,6DAA6D;IAC7D,2DAA2D;IAC3D,2DAA2D;IAC3D,wDAAwD;IACxD,0DAA0D;IAC1D,6DAA6D;IAC7D,0DAA0D;IAC1D,gEAAgE;IAChE,8DAA8D;IAC9D,6DAA6D;IAC7D,6DAA6D;IAC7D,gEAAgE;IAChE,6DAA6D;IAC7D,0EAA0E;IAC1E,0EAA0E;IAC1E;;;KAGC;IACD,0EAA0E;IAC1E;;;;;;;KAOC;IACD;;;;;KAKC;IACD;;;;;;KAMC;IACD;;;;KAIC;IACD;;;;KAIC;IACD;;;;;KAKC;IACD;;;;KAIC;IACD,qDAAqD;IACrD;2CACuC;IACvC,0DAA0D;IAC1D,6BAA6B;IAC7B;;;;;;;KAOC;IACD,0CAA0C;IAC1C;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD;;;;;;;KAOC;IACD,yDAAyD;AAC7D;;ACjMA;IACI,iDAAiD;IACjD,sCAAsC;IACtC;;;kBAGc;IACd,mCAAmC;IACnC,8BAA8B;AAClC;;AAEA;IACI,SAAS;IACT,UAAU;AACd;;AAEA;IACI,iCAAiC;AACrC;;AAEA;IACI;;;KAGC;AACL;AACA;IACI;;;KAGC;AACL;AACA;IACI;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AC5CA;;IAEI,yBAAyB;IACzB,iBAAiB;IACjB,6CAA6C;IAC7C,sBAAsB;IACtB,cAAc;IACd,qBAAqB;IACrB,oBAAoB;IACpB,mCAAmC;IACnC,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,sBAAsB;AAC1B;AACA;;;;IAII,YAAY;AAChB;AACA;;IAEI,iCAAiC;IACjC,oBAAoB;IACpB,gCAAgC;AACpC;AACA;;IAEI,aAAa;AACjB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,yBAAyB;IACzB,eAAe;IACf,eAAe;IACf,uBAAuB;AAC3B;AACA;;;;IAII,yBAAyB;IACzB,aAAa;IACb,0BAA0B;AAC9B;;AAEA;;;;IAII,yBAAyB;AAC7B;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,YAAY;IACZ,eAAe;IACf,gCAAgC;IAChC,iCAAiC;AACrC;;AAEA;IACI,cAAc;AAClB;;AAEA;;IAEI,WAAW;AACf;;AAEA;;IAEI,mBAAmB;IACnB,aAAa;IACb,uBAAuB;IACvB,WAAW;AACf;AACA;;IAEI,oBAAoB;AACxB;AACA;;IAEI,oBAAoB;IACpB,4BAA4B;AAChC;AACA;;IAEI,oBAAoB;AACxB;AACA;;IAEI,oBAAoB;IACpB,4BAA4B;AAChC;;AAEA;;;;IAII,8BAA8B;AAClC;;AAEA;;IAEI,kBAAkB;AACtB;AACA;;IAEI,sBAAsB;AAC1B;AACA;;IAEI,wBAAwB;AAC5B;AACA;;IAEI,SAAS;AACb;;AAEA;;IAEI,kBAAkB;IAClB,YAAY;IACZ,iBAAiB;IACjB,WAAW;AACf;;AAEA;;IAEI;;;KAGC;IACD,yEAAyE;IACzE;;;KAGC;IACD,gBAAgB;AACpB;;AAEA;IACI,8CAA8C;AAClD;;AAEA;IACI;;;KAGC;AACL;;AAEA;;;;IAII,+BAA+B;IAC/B,uBAAuB;AAC3B;AACA;;IAEI,uBAAuB;AAC3B;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;IACD,gBAAgB;AACpB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;IACI,YAAY;IACZ,cAAc;IACd,WAAW;AACf;;AAEA;IACI,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;IACI,gEAAgE;IAChE,wCAAwC;AAC5C;;AAEA;IACI,kEAAkE;IAClE,wCAAwC;AAC5C;;AAEA;;IAEI,yBAAyB;AAC7B;;AAEA;;IAEI,gBAAgB;AACpB;;AAEA;;IAEI,gBAAgB;AACpB;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI,oEAAoE;IACpE,2EAA2E;AAC/E;;AAEA;;;IAGI;;;KAGC;AACL;;AAEA;;IAEI,mDAAmD;IACnD,+DAA+D;IAC/D,wDAAwD;AAC5D;AACA;;;;IAII,kDAAkD;IAClD,8DAA8D;IAC9D,uDAAuD;AAC3D;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,kDAAkD;IAClD,2EAA2E;IAC3E,oEAAoE;AACxE;AACA;;;;;IAKI,mDAAmD;IACnD;;KAEC;IACD,qEAAqE;AACzE;;AAEA;IACI,wCAAwC;IACxC,wCAAwC;AAC5C;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;AACL;AACA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI,2EAA2E;AAC/E;;AAEA;;;;IAII,oDAAoD;AACxD;AACA;;IAEI,qDAAqD;AACzD;;AAEA;;;;;;IAMI;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;IACI,wCAAwC;IACxC,wCAAwC;AAC5C;;AAEA;;IAEI,6CAA6C;IAC7C,kCAAkC;IAClC,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;;IAEI,6CAA6C;IAC7C,mCAAmC;IACnC,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;;IAEI,qBAAqB;IACrB,uEAAuE;IACvE,eAAe;AACnB;;AAEA;;;;IAII,kDAAkD;AACtD;AACA;;IAEI,mDAAmD;AACvD;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,iBAAiB;AACrB;AACA;;;;;;IAMI,yBAAyB;AAC7B;;AAEA;;IAEI,kCAAkC;AACtC;;AAEA;;IAEI,YAAY;IACZ,gBAAgB;IAChB,gCAAgC;AACpC;;AAEA;;;;IAII,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,kCAAkC;IAClC,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;AACtB;AACA;;;;IAII,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,4BAA4B;AAChC;;AAEA;;IAEI,4BAA4B;IAC5B,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;;IAEI,iBAAiB;AACrB;AACA;;;;;;IAMI;;;KAGC;AACL;;AAEA;IACI,iBAAiB;IACjB,cAAc;AAClB;;AAEA;IACI,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;IACI,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,wCAAwC;IACxC,sBAAsB;IACtB,mBAAmB;IACnB,wBAAwB;IACxB,UAAU;AACd;;AAEA;IACI;;wBAEoB;AACxB;;AAEA;IACI,mBAAmB;IACnB,eAAe;IACf,2BAA2B;AAC/B;;AAEA;;IAEI,4BAA4B;AAChC;AACA;;IAEI,4BAA4B;IAC5B,oBAAoB;IACpB,kBAAkB;AACtB;AACA;;IAEI,kBAAkB;AACtB;AACA;;;;;;IAMI;;;KAGC;IACD;;;KAGC;AACL;;ACtrBA;IACI,mBAAmB;IACnB,oBAAoB;AACxB;AACA;IACI,cAAc;AAClB;;AAEA;;IAEI;;;KAGC;IACD,6BAA6B;IAC7B,mBAAmB;IACnB,sBAAsB;IACtB,oBAAoB;IACpB,YAAY;IACZ,uBAAuB;IACvB,SAAS;IACT,UAAU;IACV,2BAA2B;IAC3B,WAAW;AACf;AACA;;IAEI;;;KAGC;IACD,cAAc;IACd,kBAAkB;AACtB;AACA;;;;IAII,oDAAoD;AACxD;AACA;;IAEI,qDAAqD;AACzD;AACA;;IAEI,aAAa;AACjB;;AAEA;;IAEI;;;KAGC;IACD,yEAAyE;IACzE;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;;IAEI,YAAY;IACZ,WAAW;AACf;;AAEA;;IAEI,eAAe;AACnB;;AAEA;;IAEI,YAAY;IACZ,WAAW;AACf;;AAEA;;IAEI,YAAY;IACZ,WAAW;AACf;AACA;;;;;;;;IAQI,yBAAyB;AAC7B;;AAEA;IACI;;;KAGC;AACL;;AAEA;;;;IAII,yBAAyB;IACzB,sCAAsC;AAC1C;AACA;;;;;;;;IAQI,sCAAsC;AAC1C;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;IACI;;;KAGC;AACL;;AAEA;;IAEI,iBAAiB;IACjB,kBAAkB;AACtB;AACA;;IAEI,UAAU;IACV,oBAAoB;IACpB,kBAAkB;IAClB,UAAU;IACV,UAAU;AACd;AACA;;;;;;;;IAQI,0CAA0C;AAC9C;AACA;;;;;;;;IAQI,uCAAuC;AAC3C;AACA;;;;;;;;IAQI,yCAAyC;AAC7C;;AAEA;;;;;;IAMI,iBAAiB;AACrB;;AAEA;;;;IAII;;;KAGC;IACD;;;KAGC;AACL;;AAEA;;;;IAII;;;KAGC;AACL;;AAEA;;IAEI,gEAAgE;IAChE,wCAAwC;AAC5C;;AAEA;;IAEI,yBAAyB;IACzB,2EAA2E;IAC3E;;;KAGC;AACL;;AAEA;;;;;;;IAOI,+BAA+B;IAC/B,uBAAuB;AAC3B;AACA;;;;;IAKI,uBAAuB;AAC3B;;AAEA;;;;IAII,0CAA0C;AAC9C;;AAEA;;;;IAII;;;KAGC;AACL;;AAEA;;;;IAII;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;AAEA;;IAEI,yBAAyB;IACzB,0EAA0E;IAC1E,0EAA0E;AAC9E;;AAEA;;;;IAII;;;KAGC;AACL;;AAEA;;;;;;;;;;IAUI,oDAAoD;AACxD;AACA;;;;;IAKI,qDAAqD;AACzD;;ACxVA;IACI,8CAA8C;IAC9C,gDAAgD;IAChD,kCAAkC;AACtC;AACA;IACI;;;KAGC;IACD;;;KAGC;IACD;;;KAGC;IACD,SAAS;IACT,uCAAuC;IACvC,OAAO;IACP,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,wBAAwB;IACxB,YAAY;IACZ,+BAA+B;IAC/B,UAAU;AACd;;AAEA;;IAEI;;;KAGC;AACL;;AAEA;IACI,8BAA8B;AAClC;;AAEA;IACI;;2DAEuD;AAC3D;;AAEA;;IAEI,cAAc;IACd,UAAU;IACV,wBAAwB;AAC5B;;AAEA;;IAEI,cAAc;IACd,UAAU;IACV,2BAA2B;AAC/B;;AAEA;IACI,gEAAgE;AACpE;;AAEA;IACI,mBAAmB;IACnB,aAAa;AACjB;AACA;;IAEI,SAAS;AACb;AACA;IACI,sBAAsB;IACtB,SAAS;IACT;;;KAGC;IACD,cAAc;IACd,yBAAyB;IACzB,UAAU;AACd;AACA;IACI,yDAAyD;AAC7D;AACA;;IAEI,uCAAuC;AAC3C;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,aAAa;IACb,yBAAyB;AAC7B;AACA;IACI,0BAA0B;AAC9B;AACA;;IAEI;;;KAGC;IACD,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;AACvB;AACA;IACI;;;KAGC;IACD,2EAA2E;AAC/E;AACA;IACI,yBAAyB;IACzB;;;KAGC;IACD,gBAAgB;IAChB,qCAAqC;AACzC;AACA;;IAEI,yDAAyD;AAC7D;AACA;;IAEI,kDAAkD;AACtD;AACA;IACI,mDAAmD;AACvD;AACA;;IAEI,iDAAiD;IACjD;;;KAGC;IACD;;;KAGC;AACL;AACA;IACI,kDAAkD;IAClD;;;KAGC;IACD;;;KAGC;AACL;;AAEA;IACI;QACI;;;SAGC;QACD,0BAA0B;QAC1B,wBAAwB;QACxB,gBAAgB;QAChB,WAAW;IACf;IACA;QACI,gEAAgE;IACpE;AACJ","sources":["webpack://root/./docs/docs.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css","webpack://root/./node_modules/@ebay/skin/dist/global/global.css","webpack://root/./node_modules/@ebay/skin/dist/button/button.css","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css"],"sourcesContent":["#page {\n margin: 0 auto;\n max-width: 960px;\n width: 100%;\n}\n",":root {\n --border-radius-50: 8px;\n --border-radius-100: 16px;\n --border-radius-150: 24px;\n --color-neutral-100: #fff;\n --color-neutral-100-rgb: 255, 255, 255;\n --color-neutral-200: #f7f7f7;\n --color-neutral-200-rgb: 247, 247, 247;\n --color-neutral-300: #e5e5e5;\n --color-neutral-400: #c7c7c7;\n --color-neutral-500: #8f8f8f;\n --color-neutral-600: #707070;\n --color-neutral-700: #363636;\n --color-neutral-800: #191919;\n --color-neutral-800-rgb: 25, 25, 25;\n --color-neutral-900: #000;\n --color-neutral-900-rgb: 0, 0, 0;\n --color-orange-100: #fffaf5;\n --color-orange-200: #ffead3;\n --color-orange-300: #ffc382;\n --color-orange-400: #ff8806;\n --color-orange-500: #ec7303;\n --color-orange-600: #c15100;\n --color-orange-700: #562501;\n --color-orange-800: #2f1604;\n --color-coral-100: #fff7f5;\n --color-coral-200: #ffe1d7;\n --color-coral-300: #ffa78a;\n --color-coral-400: #ff6a38;\n --color-coral-500: #f3511b;\n --color-coral-600: #d03706;\n --color-coral-700: #5e1d08;\n --color-coral-800: #2f0e04;\n --color-red-100: #fff5f5;\n --color-red-200: #ffdede;\n --color-red-300: #ffa0a0;\n --color-red-400: #ff5c5c;\n --color-red-500: #f02d2d;\n --color-red-600: #d50b0b;\n --color-red-700: #570303;\n --color-red-800: #2a0303;\n --color-pink-100: #fef6fa;\n --color-pink-200: #fcdcec;\n --color-pink-300: #f79cc8;\n --color-pink-400: #f155a0;\n --color-pink-500: #de458e;\n --color-pink-600: #a51359;\n --color-pink-700: #4b112d;\n --color-pink-800: #360606;\n --color-indigo-100: #f5fbff;\n --color-indigo-200: #d3effe;\n --color-indigo-300: #80d0fd;\n --color-indigo-400: #0aa7ff;\n --color-indigo-500: #0099f0;\n --color-indigo-600: #0364ab;\n --color-indigo-700: #003c66;\n --color-indigo-800: #01193d;\n --color-blue-100: #f5f9ff;\n --color-blue-200: #d4e5fe;\n --color-blue-300: #93c9ff;\n --color-blue-400: #659eff;\n --color-blue-500: #3665f3;\n --color-blue-600: #382aef;\n --color-blue-700: #002a69;\n --color-blue-800: #19133a;\n --color-violet-100: #f6f5fe;\n --color-violet-200: #e2ddfd;\n --color-violet-300: #ad9efa;\n --color-violet-400: #836bff;\n --color-violet-500: #583aee;\n --color-violet-600: #3b1fc6;\n --color-violet-700: #271a68;\n --color-violet-800: #20092b;\n --color-lilac-100: #faf5fe;\n --color-lilac-200: #efddfd;\n --color-lilac-300: #cc9ef0;\n --color-lilac-400: #b56bf0;\n --color-lilac-500: #8935cb;\n --color-lilac-600: #631f99;\n --color-lilac-700: #3e135f;\n --color-lilac-800: #2f041e;\n --color-green-100: #fbfef6;\n --color-green-200: #f0fce1;\n --color-green-300: #d5f6aa;\n --color-green-400: #aaed56;\n --color-green-500: #92c821;\n --color-green-600: #507d17;\n --color-green-700: #345110;\n --color-green-800: #1c2d06;\n --color-jade-100: #f7fdfd;\n --color-jade-200: #d8f8ee;\n --color-jade-300: #8feace;\n --color-jade-400: #1ed49e;\n --color-jade-500: #1ed49e;\n --color-jade-600: #0f805e;\n --color-jade-700: #055743;\n --color-jade-800: #002b20;\n --color-kiwi-100: #f6fef6;\n --color-kiwi-200: #e0fae0;\n --color-kiwi-300: #a6f0a5;\n --color-kiwi-400: #4ce160;\n --color-kiwi-500: #3cc14e;\n --color-kiwi-600: #288034;\n --color-kiwi-700: #1b561a;\n --color-kiwi-800: #0c310d;\n --color-marigold-100: #fffbf5;\n --color-marigold-200: #fff0d3;\n --color-marigold-300: #ffd480;\n --color-marigold-400: #ffa800;\n --color-marigold-500: #e99a02;\n --color-marigold-600: #a36302;\n --color-marigold-700: #562f01;\n --color-marigold-800: #2f1b04;\n --color-yellow-100: #fffcf5;\n --color-yellow-200: #fff8d5;\n --color-yellow-300: #ffe58a;\n --color-yellow-400: #ffbd14;\n --color-yellow-500: #eebb04;\n --color-yellow-600: #855f00;\n --color-yellow-700: #553b06;\n --color-yellow-800: #312102;\n --color-dijon-100: #fffdf5;\n --color-dijon-200: #fcf9de;\n --color-dijon-300: #faef8a;\n --color-dijon-400: #f6e016;\n --color-dijon-500: #e8d20c;\n --color-dijon-600: #766f28;\n --color-dijon-700: #524500;\n --color-dijon-800: #2e2400;\n --color-teal-100: #f7fdfd;\n --color-teal-200: #d7f4f6;\n --color-teal-300: #8edfe5;\n --color-teal-400: #44ccd5;\n --color-teal-500: #1bbfca;\n --color-teal-600: #006f93;\n --color-teal-700: #07465a;\n --color-teal-800: #04252f;\n --color-avocado-100: #fdfef6;\n --color-avocado-200: #f8fcde;\n --color-avocado-300: #e9f5a0;\n --color-avocado-400: #e3f13c;\n --color-avocado-500: #c1d737;\n --color-avocado-600: #68770d;\n --color-avocado-700: #4e4e0c;\n --color-avocado-800: #282306;\n --color-ai-solid-green-strong: #4ee04b;\n --color-ai-solid-green-subtle: #f1fdf1;\n --color-ai-solid-green-subtle-dark: #112611;\n --color-ai-solid-blue-strong: #0968f6;\n --color-ai-solid-blue-subtle: #f0f6fe;\n --color-ai-solid-blue-subtle-dark: #112c31;\n --color-ai-solid-purple-strong: #993ee0;\n --color-ai-solid-purple-subtle: #f9f3fd;\n --color-ai-solid-purple-subtle-dark: #20172f;\n --color-ai-solid-red-strong: #ff4242;\n --color-ai-solid-red-subtle: #fff4f4;\n --color-ai-solid-red-subtle-dark: #321919;\n --color-ai-solid-yellow-strong: #ffd80e;\n --opacity-50: 0.04;\n --opacity-100: 0.08;\n --opacity-150: 0.12;\n --opacity-200: 0.16;\n --font-size-10: 0.625rem;\n --font-size-12: 0.75rem;\n --font-size-14: 0.875rem;\n --font-size-16: 1rem;\n --font-size-18: 1.125rem;\n --font-size-20: 1.25rem;\n --font-size-24: 1.5rem;\n --font-size-30: 1.875rem;\n --font-size-36: 2.25rem;\n --font-size-46: 2.875rem;\n --font-size-64: 4rem;\n --font-size-smallest: var(--font-size-10);\n --font-size-small: var(--font-size-12);\n --font-size-default: var(--font-size-14);\n --font-size-medium: var(--font-size-16);\n --font-size-large-1: var(--font-size-20);\n --font-size-large-2: var(--font-size-24);\n --font-size-giant-1: var(--font-size-30);\n --font-size-giant-2: var(--font-size-36);\n --font-size-giant-3: var(--font-size-46);\n --font-size-giant-4: var(--font-size-64);\n --font-weight-regular: 500;\n --font-weight-bold: 700;\n --spacing-25: 2px;\n --spacing-50: 4px;\n --spacing-75: 6px;\n --spacing-100: 8px;\n --spacing-125: 10px;\n --spacing-150: 12px;\n --spacing-200: 16px;\n --spacing-250: 20px;\n --spacing-300: 24px;\n --spacing-400: 32px;\n --spacing-450: 36px;\n --spacing-600: 48px;\n --spacing-700: 56px;\n --spacing-800: 64px;\n}\n",":root {\n --color-background-primary: var(--color-neutral-100);\n --color-background-secondary: var(--color-neutral-200);\n --color-background-tertiary: var(--color-neutral-300);\n --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);\n --color-background-disabled: var(--color-neutral-400);\n --color-background-inverse: var(--color-neutral-700);\n --color-background-attention: var(--color-red-600);\n --color-background-confirmation: var(--color-kiwi-600);\n --color-background-information: var(--color-blue-500);\n --color-background-education: var(--color-blue-100);\n --color-background-accent: var(--color-blue-500);\n --color-background-invalid: var(--color-red-200);\n --color-background-elevated: var(--color-neutral-100);\n --color-background-strong: var(--color-neutral-800);\n --color-background-strong-rgb: var(--color-neutral-800-rgb);\n --color-foreground-primary: var(--color-neutral-800);\n --color-foreground-secondary: var(--color-neutral-600);\n --color-foreground-disabled: var(--color-neutral-400);\n --color-foreground-attention: var(--color-red-600);\n --color-foreground-confirmation: var(--color-kiwi-600);\n --color-foreground-information: var(--color-blue-500);\n --color-foreground-accent: var(--color-blue-500);\n --color-foreground-visited: var(--color-pink-600);\n --color-foreground-on-primary: var(--color-neutral-800);\n --color-foreground-on-secondary: var(--color-neutral-800);\n --color-foreground-on-disabled: var(--color-neutral-300);\n --color-foreground-on-inverse: var(--color-neutral-100);\n --color-foreground-on-accent: var(--color-neutral-100);\n --color-foreground-on-attention: var(--color-neutral-100);\n --color-foreground-on-confirmation: var(--color-neutral-100);\n --color-foreground-on-information: var(--color-neutral-100);\n --color-foreground-on-strong: var(--color-neutral-100);\n --color-stroke-default: var(--color-neutral-500);\n --color-stroke-accent: var(--color-blue-500);\n --color-stroke-attention: var(--color-red-500);\n --color-stroke-confirmation: var(--color-kiwi-600);\n --color-stroke-information: var(--color-blue-500);\n --color-stroke-disabled: var(--color-neutral-400);\n --color-stroke-strong: var(--color-neutral-800);\n --color-stroke-subtle: var(--color-neutral-300);\n --color-state-visited: var(--color-pink-600);\n --color-state-focus-stroke: #005fcc;\n --color-state-primary-hover: #f5f5f5;\n --color-state-primary-active: #ebebeb;\n --color-state-secondary-hover: #ededed;\n --color-state-secondary-hover-rgb: 237, 237, 237;\n --color-state-secondary-active: #e3e3e3;\n --color-state-secondary-active-rgb: 227, 227, 227;\n --color-state-inverse-hover: #343434;\n --color-state-inverse-active: #323232;\n --color-state-accent-hover: #2854d9;\n --color-state-hover-foreground-on-secondary: #3461e9;\n --color-state-accent-active: #254fd2;\n --color-state-active-foreground-on-secondary: #3461e9;\n --color-state-attention-hover: #d70f38;\n --color-state-attention-active: #d70f38;\n --color-state-hover-foreground-on-secondary-desctructive: #d70f38;\n --color-state-active-foreground-on-secondary-desctructive: #d70f38;\n --color-data-viz-grid: var(--color-neutral-300);\n --color-data-viz-labels: var(--color-neutral-800);\n --color-data-viz-legend: var(--color-neutral-600);\n --color-data-viz-legend-inactive: var(--color-neutral-400);\n --color-data-viz-legend-hover: var(--color-neutral-800);\n --color-data-viz-line-chart-primary: var(--color-blue-500);\n --color-data-viz-line-chart-secondary: var(--color-violet-700);\n --color-data-viz-line-chart-tertiary: var(--color-teal-600);\n --color-data-viz-line-chart-queternary: var(--color-pink-500);\n --color-data-viz-line-chart-quinary: var(--color-pink-600);\n --color-data-viz-trend-positive: var(--color-kiwi-600);\n --color-data-viz-trend-negative: var(--color-red-600);\n --color-data-viz-chart-primary: var(--color-blue-500);\n --color-data-viz-chart-secondary: var(--color-blue-700);\n --color-data-viz-chart-tertiary-background: var(--color-indigo-200);\n --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);\n --color-data-viz-chart-quaternary-background: var(--color-teal-300);\n --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);\n --color-data-viz-chart-quinary-background: var(--color-teal-200);\n --color-data-viz-chart-quinary-stroke: var(--color-teal-600);\n --color-data-viz-tooltip-shadow-primary: #00000026;\n --color-data-viz-tooltip-shadow-secondary: #0000002b;\n --color-scrim-image: rgba(0, 0, 0, 0.04);\n --color-scrim-background: rgba(0, 0, 0, 0.32);\n --color-marketing-lime-foreground-4: var(--color-green-700);\n --color-marketing-lime-background-4: var(--color-avocado-500);\n --color-marketing-green-foreground-3: var(--color-kiwi-700);\n --color-marketing-green-background-3: var(--color-kiwi-400);\n --color-marketing-teal-foreground-3: var(--color-teal-7);\n --color-marketing-teal-background-3: var(--color-teal-400);\n --color-marketing-teal-foreground-5: var(--color-neutral-100);\n --color-marketing-teal-background-5: var(--color-teal-600);\n --color-marketing-yellow-foreground-3: var(--color-marigold-700);\n --color-marketing-yellow-background-3: var(--color-yellow-400);\n --color-marketing-orange-foreground-3: var(--color-coral-700);\n --color-marketing-orange-background-3: var(--color-coral-400);\n --color-marketing-magenta-foreground-4: var(--color-neutral-100);\n --color-marketing-magenta-background-4: var(--color-pink-400);\n --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));\n --state-layer-pressed: rgba(\n var(--color-neutral-900-rgb),\n var(--opacity-100)\n );\n --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));\n --color-ai-gradient-full-spectrum: linear-gradient(\n 223deg,\n var(--color-ai-solid-yellow-strong) 9.79%,\n var(--color-ai-solid-red-strong) 26.69%,\n var(--color-ai-solid-purple-strong) 41.82%,\n var(--color-ai-solid-blue-strong) 56.17%,\n var(--color-ai-solid-green-strong) 78.48%\n );\n --color-ai-gradient-green-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n #44cf63 25%,\n var(--color-ai-solid-blue-strong) 100%\n );\n --color-ai-gradient-blue-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-strong) 0%,\n var(--color-ai-solid-blue-strong) 55.62%,\n #5751ea 75.7%,\n var(--color-ai-solid-purple-strong) 100%\n );\n --color-ai-gradient-purple-strong: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-strong) 0%,\n var(--color-ai-solid-red-strong) 100%\n );\n --color-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-purple-subtle) 0%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) -36%,\n var(--color-ai-solid-blue-subtle) -46.87%,\n var(--color-ai-solid-purple-subtle) 113%\n );\n --color-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 154.5%\n );\n --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);\n --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.15);\n --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;\n --color-loading-fill: #ededed;\n --color-loading-shimmer: linear-gradient(\n 270deg,\n var(--color-loading-fill) 0%,\n var(--color-loading-fill) 34%,\n #f8f8f8 50%,\n var(--color-loading-fill) 66%,\n var(--color-loading-fill) 100%\n );\n --color-loading-fill-on-secondary: #e4e4e4;\n --color-loading-shimmer-on-secondary: linear-gradient(\n 270deg,\n var(--color-loading-fill-on-secondary) 0%,\n var(--color-loading-fill-on-secondary) 34%,\n #ededed 50%,\n var(--color-loading-fill-on-secondary) 66%,\n var(--color-loading-fill-on-secondary) 100%\n );\n --color-loading-ai-gradient-purple-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-red-subtle) 0%,\n var(--color-ai-solid-red-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-red-subtle) 66%,\n var(--color-ai-solid-red-subtle) 100%\n );\n --color-loading-ai-gradient-blue-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-blue-subtle) 0%,\n var(--color-ai-solid-blue-subtle) 34%,\n var(--color-ai-solid-purple-subtle) 50%,\n var(--color-ai-solid-blue-subtle) 66%,\n var(--color-ai-solid-blue-subtle) 100%\n );\n --color-loading-ai-gradient-green-subtle: linear-gradient(\n 270deg,\n var(--color-ai-solid-green-subtle) 0%,\n var(--color-ai-solid-green-subtle) 34%,\n var(--color-ai-solid-blue-subtle) 50%,\n var(--color-ai-solid-green-subtle) 66%,\n var(--color-ai-solid-green-subtle) 100%\n );\n --color-media-disabled-filter: grayscale(1) opacity(0.25);\n}\n","body {\n background-color: var(--color-background-primary);\n color: var(--color-foreground-primary);\n font-family:\n Market Sans,\n Arial,\n sans-serif;\n font-size: var(--font-size-default);\n -webkit-text-size-adjust: 100%;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n}\n\nlegend {\n margin-bottom: var(--spacing-100);\n}\n\na {\n color: var(\n --link-foreground-color-default,\n var(--color-foreground-primary)\n );\n}\na:visited {\n color: var(\n --link-foreground-color-visited,\n var(--color-foreground-visited)\n );\n}\na:hover {\n color: var(\n --link-foreground-color-hover,\n var(--color-foreground-secondary)\n );\n}\na:not([href]),\na[aria-disabled=\"true\"] {\n color: var(\n --link-forground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n","a.fake-btn,\nbutton.btn {\n background-color: initial;\n border: 1px solid;\n border-radius: var(--btn-border-radius, 20px);\n box-sizing: border-box;\n color: inherit;\n display: inline-block;\n font-family: inherit;\n font-size: var(--font-size-default);\n margin: 0;\n min-height: 40px;\n min-width: 88px;\n padding: 9.5px 20px;\n text-align: center;\n text-decoration: none;\n vertical-align: bottom;\n}\na.fake-btn--fixed-height,\na.fake-btn--truncated,\nbutton.btn--fixed-height,\nbutton.btn--truncated {\n height: 40px;\n}\na.fake-btn:focus-visible,\nbutton.btn:focus-visible {\n outline-offset: var(--spacing-25);\n outline-style: solid;\n outline-width: var(--spacing-25);\n}\na.fake-btn:focus:not(:focus-visible),\nbutton.btn:focus:not(:focus-visible) {\n outline: none;\n}\n\nbutton.btn[aria-disabled=\"true\"],\nbutton.btn[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --expand-btn-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn:not([href]),\na.fake-btn[aria-disabled=\"true\"] {\n color: var(\n --link-foreground-color-disabled,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--borderless,\nbutton.btn--borderless {\n border-color: transparent;\n min-width: auto;\n padding-left: 0;\n vertical-align: initial;\n}\na.fake-btn--borderless:focus,\na.fake-btn--borderless:hover,\nbutton.btn--borderless:focus,\nbutton.btn--borderless:hover {\n background-color: initial;\n outline: none;\n text-decoration: underline;\n}\n\na.fake-btn--borderless[aria-disabled=\"true\"],\na.fake-btn--borderless[disabled],\nbutton.btn--borderless[aria-disabled=\"true\"],\nbutton.btn--borderless[disabled] {\n border-color: transparent;\n}\n\na.fake-btn--borderless.btn--destructive,\nbutton.btn--borderless.btn--destructive {\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--slim,\nbutton.btn--slim {\n height: 40px;\n min-width: auto;\n padding-left: var(--spacing-100);\n padding-right: var(--spacing-100);\n}\n\na.fake-btn:visited {\n color: inherit;\n}\n\na.fake-btn--fluid,\nbutton.btn--fluid {\n width: 100%;\n}\n\n.btn__cell,\n.fake-btn__cell {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n.btn__cell--fixed-height,\n.fake-btn__cell--fixed-height {\n display: inline-flex;\n}\n.btn__cell--fixed-height > svg,\n.fake-btn__cell--fixed-height > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n.btn__cell--truncated,\n.fake-btn__cell--truncated {\n display: inline-flex;\n}\n.btn__cell--truncated > svg,\n.fake-btn__cell--truncated > svg {\n align-self: baseline;\n max-width: calc(100% - 32px);\n}\n\na.fake-btn--borderless .fake-btn__cell,\na.fake-btn--form .fake-btn__cell,\nbutton.btn--borderless .btn__cell,\nbutton.btn--form .btn__cell {\n justify-content: space-between;\n}\n\na.fake-btn svg.icon,\nbutton.btn svg.icon {\n align-self: center;\n}\na.fake-btn svg.icon:first-child,\nbutton.btn svg.icon:first-child {\n margin-inline-end: 8px;\n}\na.fake-btn svg.icon:last-child,\nbutton.btn svg.icon:last-child {\n margin-inline-start: 8px;\n}\na.fake-btn svg.icon:only-child,\nbutton.btn svg.icon:only-child {\n margin: 0;\n}\n\na.fake-btn__cell--fixed-height svg.icon,\nbutton.btn__cell--fixed-height svg.icon {\n align-self: center;\n height: 1rem;\n overflow: visible;\n width: 1rem;\n}\n\na.fake-btn--primary,\nbutton.btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n font-weight: 700;\n}\n\na.fake-btn--primary {\n outline-color: var(--color-foreground-primary);\n}\n\na.fake-btn--primary:visited {\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--primary[href]:focus,\na.fake-btn--primary[href]:hover,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.fake-btn--primary[href]:active,\nbutton.btn--primary:not([disabled], [aria-disabled=\"true\"]):active {\n filter: brightness(92%);\n}\n\na.fake-btn--primary.fake-btn--destructive,\nbutton.btn--primary.btn--destructive {\n background-color: var(\n --btn-primary-destructive-background-color,\n var(--color-background-attention)\n );\n border-color: var(\n --btn-primary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-primary-destructive-foreground-color,\n var(--color-foreground-on-attention)\n );\n font-weight: 700;\n}\n\nbutton.btn--primary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--primary.btn--destructive[disabled] {\n background-color: var(\n --btn-primary-destructive-disabled-background,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-destructive-disabled-border,\n var(--color-stroke-disabled)\n );\n}\n\na.fake-btn--primary.fake-btn--destructive[href]:focus,\na.fake-btn--primary.fake-btn--destructive[href]:hover,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-attention-hover);\n}\na.fake-btn--primary.fake-btn--destructive[href]:active,\nbutton.btn--primary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-attention-active);\n}\n\nbutton.btn .progress-spinner {\n height: 24px;\n margin: -4px 0;\n width: 24px;\n}\n\nbutton.btn--form .progress-spinner {\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton.btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\nbutton.btn--primary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: var(--color-foreground-on-accent);\n --color-spinner-icon-foreground: #ec7089;\n}\n\na.fake-btn[aria-expanded=\"true\"] svg.icon--12,\nbutton.btn[aria-expanded=\"true\"] svg.icon--12 {\n transform: rotate(180deg);\n}\n\na.fake-btn--large svg.icon,\nbutton.btn--large svg.icon {\n max-height: 22px;\n}\n\na.fake-btn--small svg.icon,\nbutton.btn--small svg.icon {\n max-height: 20px;\n}\n\nbutton.btn--primary[aria-disabled=\"true\"],\nbutton.btn--primary[disabled] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\nbutton.btn--primary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--primary[disabled] svg.icon {\n fill: var(\n --btn-primary-disabled-foreground-color,\n var(--color-background-primary)\n );\n}\n\na.fake-btn--primary:not([href]),\na.fake-btn--primary[aria-disabled=\"true\"] {\n background-color: var(\n --btn-primary-disabled-background-color,\n var(--color-foreground-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-foreground-disabled)\n );\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.fake-btn--secondary,\nbutton.btn--secondary {\n background-color: var(--btn-secondary-background-color, transparent);\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n}\n\na.fake-btn--secondary,\na.fake-btn--secondary:visited,\nbutton.btn--secondary {\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.fake-btn--secondary[href]:active,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n border-color: var(--color-state-active-foreground-on-secondary);\n color: var(--color-state-active-foreground-on-secondary);\n}\na.fake-btn--secondary[href]:focus,\na.fake-btn--secondary[href]:hover,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--secondary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary);\n color: var(--color-state-hover-foreground-on-secondary);\n}\n\na.fake-btn--secondary.fake-btn--destructive,\nbutton.btn--secondary.btn--destructive {\n background-color: var(\n --btn-secondary-destructive-background-color,\n transparent\n );\n border-color: var(\n --btn-secondary-destructive-border-color,\n var(--color-stroke-attention)\n );\n color: var(\n --btn-secondary-destructive-foreground-color,\n var(--color-foreground-attention)\n );\n}\n\na.fake-btn--secondary.fake-btn--destructive[href]:focus,\na.fake-btn--secondary.fake-btn--destructive[href]:hover,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-primary-hover);\n border-color: var(--color-state-hover-foreground-on-secondary-desctructive);\n color: var(--color-state-hover-foreground-on-secondary-desctructive);\n}\na.fake-btn--secondary.fake-btn--destructive[href]:active,\nbutton.btn--secondary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-primary-active);\n border-color: var(\n --color-state-active-foreground-on-secondary-desctructive\n );\n color: var(--color-state-active-foreground-on-secondary-desctructive);\n}\n\nbutton.btn--secondary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #f39fb0;\n --color-spinner-icon-foreground: #e0103a;\n}\n\nbutton.btn--secondary[aria-disabled=\"true\"],\nbutton.btn--secondary[disabled] {\n background-color: var(\n --btn-secondary-disabled-background-color,\n var(--color-background-primary)\n );\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\nbutton.btn--secondary[aria-disabled=\"true\"] svg.icon,\nbutton.btn--secondary[disabled] svg.icon {\n fill: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.fake-btn--secondary:not([href]),\na.fake-btn--secondary[aria-disabled=\"true\"] {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-background-disabled)\n );\n color: var(\n --btn-secondary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary,\nbutton.btn--tertiary {\n border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));\n}\n\na.fake-btn--tertiary[href]:focus,\na.fake-btn--tertiary[href]:hover,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary[href]:active,\nbutton.btn--tertiary:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.fake-btn--tertiary:not([href]),\na.fake-btn--tertiary[aria-disabled=\"true\"],\nbutton.btn--tertiary[aria-disabled=\"true\"]:not(\n [aria-live=\"polite\"][aria-disabled=\"true\"]\n ),\nbutton.btn--tertiary[disabled] {\n border-color: var(\n --expand-btn-disabled-border-color,\n var(--color-stroke-disabled)\n );\n color: var(\n --btn-tertiary-disabled-foreground-color,\n var(--color-background-disabled)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive,\nbutton.btn--tertiary.btn--destructive {\n border-color: var(\n --btn-tertiary-destructive-foreground-color,\n var(--color-stroke-subtle)\n );\n}\n\na.fake-btn--tertiary.fake-btn--destructive[href]:focus,\na.fake-btn--tertiary.fake-btn--destructive[href]:hover,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.fake-btn--tertiary.fake-btn--destructive[href]:active,\nbutton.btn--tertiary.btn--destructive:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\nbutton.btn--tertiary.btn--destructive[aria-disabled=\"true\"],\nbutton.btn--tertiary.btn--destructive[disabled] {\n color: var(\n --btn-tertiary-destructive-disabled-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\nbutton.btn--tertiary.btn--destructive .progress-spinner {\n --color-spinner-icon-background: #ee9aab;\n --color-spinner-icon-foreground: #e0103a;\n}\n\na.fake-btn--large,\nbutton.btn--large {\n border-radius: var(--btn-border-radius, 24px);\n font-size: var(--font-size-medium);\n min-height: 48px;\n padding: 13px 20px;\n}\n\na.fake-btn--small,\nbutton.btn--small {\n border-radius: var(--btn-border-radius, 16px);\n font-size: var(--font-size-default);\n min-height: 32px;\n padding: 6px 16px;\n}\n\na.fake-btn--form,\nbutton.btn--form {\n border-color: inherit;\n border-radius: var(--expand-btn-border-radius, var(--border-radius-50));\n max-width: 100%;\n}\n\na.fake-btn--form:not([href]):focus,\na.fake-btn--form:not([href]):hover,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):hover {\n background-color: var(--color-state-primary-hover);\n}\na.fake-btn--form:not([href]):active,\nbutton.btn--form:not([disabled], [aria-disabled=\"true\"]):active {\n background-color: var(--color-state-primary-active);\n}\n\nbutton.btn--form.btn--large {\n padding: 13px 20px;\n}\n\nbutton.btn--form.btn--small {\n padding: 6px 16px;\n}\na.fake-btn--transparent,\na.fake-btn--transparent:focus,\na.fake-btn--transparent:hover,\nbutton.btn--transparent,\nbutton.btn--transparent:focus,\nbutton.btn--transparent:hover {\n background-color: initial;\n}\n\na.fake-btn--fixed-height,\nbutton.btn--fixed-height {\n padding-top: calc(21.5px - 0.75em);\n}\n\na.fake-btn--large-fixed-height,\nbutton.btn--large-fixed-height {\n height: 48px;\n min-height: 48px;\n padding-top: calc(27px - 0.75em);\n}\n\na.fake-btn--truncated,\na.fake-btn--truncated span,\nbutton.btn--truncated,\nbutton.btn--truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--large-truncated,\nbutton.btn--large-truncated {\n font-size: var(--font-size-medium);\n height: 48px;\n min-height: 48px;\n padding: 13px 20px;\n}\na.fake-btn--large-truncated,\na.fake-btn--large-truncated span,\nbutton.btn--large-truncated,\nbutton.btn--large-truncated span {\n line-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\na.fake-btn--split-start,\nbutton.btn--split-start {\n border-radius: 24px 0 0 24px;\n}\n\na.fake-btn--split-end,\nbutton.btn--split-end {\n border-radius: 0 24px 24px 0;\n margin-left: -1px;\n min-width: 40px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\na.fake-btn.fake-btn--tertiary.fake-btn--split-end,\nbutton.btn.btn--tertiary.btn--split-end {\n margin-left: -2px;\n}\na.fake-btn.fake-btn--primary.fake-btn--split-end,\na.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\na.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\nbutton.btn.btn--primary.btn--split-end,\nbutton.btn.btn--primary.btn--split-end:focus,\nbutton.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-split-color,\n var(--color-background-primary)\n );\n}\n\nbutton.btn--floating-label {\n padding-bottom: 0;\n padding-top: 0;\n}\n\nbutton.btn--floating-label .btn__text {\n min-height: 19px;\n padding-bottom: 2px;\n padding-top: 17px;\n}\n\nbutton.btn--floating-label .btn__floating-label {\n align-self: flex-start;\n display: inline-block;\n overflow: hidden;\n padding-bottom: 2px;\n padding-top: 17px;\n pointer-events: none;\n position: absolute;\n text-align: left;\n text-overflow: ellipsis;\n transform: scale(0.75) translateY(-18px);\n transform-origin: left;\n white-space: nowrap;\n width: calc(100% - 24px);\n z-index: 1;\n}\n\nbutton.btn--floating-label .btn__floating-label--animate {\n transition:\n transform 0.3s ease,\n bottom 0.3s ease;\n}\n\nbutton.btn--floating-label .btn__floating-label--inline {\n font-size: 0.875rem;\n position: unset;\n transform: translateY(-6px);\n}\n\n[dir=\"rtl\"] a.fake-btn--split-start,\n[dir=\"rtl\"] button.btn--split-start {\n border-radius: 0 24px 24px 0;\n}\n[dir=\"rtl\"] a.fake-btn--split-end,\n[dir=\"rtl\"] button.btn--split-end {\n border-radius: 24px 0 0 24px;\n margin-left: inherit;\n margin-right: -1px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,\n[dir=\"rtl\"] button.btn.btn--tertiary.btn--split-end {\n margin-right: -2px;\n}\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,\n[dir=\"rtl\"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:focus,\n[dir=\"rtl\"] button.btn.btn--primary.btn--split-end:hover {\n border-left-color: var(\n --btn-primary-border-color,\n var(--color-stroke-accent)\n );\n border-right-color: var(\n --primary-border-split-color,\n var(--color-stroke-subtle)\n );\n}\n","a.icon-link {\n align-items: center;\n display: inline-flex;\n}\na.icon-link > svg {\n margin: 0 auto;\n}\n\na.icon-link,\nbutton.icon-btn {\n background-color: var(\n --icon-button-background-color,\n var(--color-background-secondary)\n );\n border: 2px solid transparent;\n border-radius: 50px;\n box-sizing: border-box;\n font-family: inherit;\n height: 40px;\n justify-content: center;\n margin: 0;\n padding: 0;\n vertical-align: text-bottom;\n width: 40px;\n}\na.icon-link > svg,\nbutton.icon-btn > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n max-width: 75%;\n position: relative;\n}\na.icon-link:focus,\na.icon-link:hover,\nbutton.icon-btn:focus,\nbutton.icon-btn:hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link:active,\nbutton.icon-btn:active {\n background-color: var(--color-state-secondary-active);\n}\na.icon-link:not(:focus-visible),\nbutton.icon-btn:not(:focus-visible) {\n outline: none;\n}\n\na.icon-link.icon-link--primary,\nbutton.icon-btn.icon-btn--primary {\n background-color: var(\n --btn-primary-background-color,\n var(--color-background-accent)\n );\n border-color: var(--btn-primary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-primary-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary > svg,\nbutton.icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--secondary > svg,\nbutton.icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--small .progress-spinner,\nbutton.icon-btn.icon-btn--small .progress-spinner {\n height: 20px;\n width: 20px;\n}\n\na.icon-link.icon-link--transparent > svg,\nbutton.icon-btn.icon-btn--transparent > svg {\n max-width: 100%;\n}\n\na.icon-link.icon-link--small,\nbutton.icon-btn.icon-btn--small {\n height: 32px;\n width: 32px;\n}\n\na.icon-link.icon-link--large,\nbutton.icon-btn.icon-btn--large {\n height: 48px;\n width: 48px;\n}\na.icon-link--transparent,\na.icon-link--transparent:active,\na.icon-link--transparent:focus,\na.icon-link--transparent:hover,\nbutton.icon-btn--transparent,\nbutton.icon-btn--transparent:active,\nbutton.icon-btn--transparent:focus,\nbutton.icon-btn--transparent:hover {\n background-color: initial;\n}\n\na.icon-link:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na:not([href]).icon-link > svg,\na[aria-disabled=\"true\"].icon-link > svg,\nbutton[aria-disabled=\"true\"].icon-btn > svg,\nbutton[disabled].icon-btn > svg {\n background-color: initial;\n fill: var(--color-background-disabled);\n}\na:not([href]).icon-link:focus > svg,\na:not([href]).icon-link:hover > svg,\na[aria-disabled=\"true\"].icon-link:focus > svg,\na[aria-disabled=\"true\"].icon-link:hover > svg,\nbutton[aria-disabled=\"true\"].icon-btn:focus > svg,\nbutton[aria-disabled=\"true\"].icon-btn:hover > svg,\nbutton[disabled].icon-btn:focus > svg,\nbutton[disabled].icon-btn:hover > svg {\n fill: var(--color-background-disabled);\n}\n\na.icon-link:visited:focus > svg,\na.icon-link:visited:hover > svg {\n fill: var(\n --icon-button-icon-hover-foreground-color,\n var(--color-foreground-primary)\n );\n}\n\na.icon-link.icon-link--primary:visited > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link--badged,\nbutton.icon-btn--badged {\n overflow: visible;\n position: relative;\n}\na.icon-link--badged .badge,\nbutton.icon-btn--badged .badge {\n left: 24px;\n pointer-events: none;\n position: absolute;\n top: -12px;\n z-index: 1;\n}\na.icon-link > svg.icon--confirmation-filled-16,\na.icon-link > svg.icon--confirmation-filled-16:hover,\na.icon-link > svg.icon--confirmation-filled-24,\na.icon-link > svg.icon--confirmation-filled-24:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-16,\nbutton.icon-btn > svg.icon--confirmation-filled-16:hover,\nbutton.icon-btn > svg.icon--confirmation-filled-24,\nbutton.icon-btn > svg.icon--confirmation-filled-24:hover {\n fill: var(--color-foreground-confirmation);\n}\na.icon-link > svg.icon--attention-filled-16,\na.icon-link > svg.icon--attention-filled-16:hover,\na.icon-link > svg.icon--attention-filled-24,\na.icon-link > svg.icon--attention-filled-24:hover,\nbutton.icon-btn > svg.icon--attention-filled-16,\nbutton.icon-btn > svg.icon--attention-filled-16:hover,\nbutton.icon-btn > svg.icon--attention-filled-24,\nbutton.icon-btn > svg.icon--attention-filled-24:hover {\n fill: var(--color-foreground-attention);\n}\na.icon-link > svg.icon--information-filled-16,\na.icon-link > svg.icon--information-filled-16:hover,\na.icon-link > svg.icon--information-filled-24,\na.icon-link > svg.icon--information-filled-24:hover,\nbutton.icon-btn > svg.icon--information-filled-16,\nbutton.icon-btn > svg.icon--information-filled-16:hover,\nbutton.icon-btn > svg.icon--information-filled-24,\nbutton.icon-btn > svg.icon--information-filled-24:hover {\n fill: var(--color-foreground-information);\n}\n\na.icon-link.icon-link--primary,\na.icon-link.icon-link--secondary,\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--primary,\nbutton.icon-btn.icon-btn--secondary,\nbutton.icon-btn.icon-btn--tertiary {\n border-width: 1px;\n}\n\na:not([href]).icon-link.icon-link--primary,\na[aria-disabled=\"true\"].icon-link.icon-link--primary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary,\nbutton[disabled].icon-btn.icon-btn--primary {\n background-color: var(\n --icon-button-disabled-background-color,\n var(--color-background-disabled)\n );\n border-color: var(\n --btn-primary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-link--primary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--primary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--primary > svg,\nbutton[disabled].icon-btn.icon-btn--primary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-on-accent)\n );\n}\n\na.icon-link.icon-link--primary .progress-spinner,\nbutton.icon-btn.icon-btn--primary .progress-spinner {\n --color-spinner-icon-background: var(--color-background-primary);\n --color-spinner-icon-foreground: #8fa3f8;\n}\n\na.icon-link.icon-link--secondary,\nbutton.icon-btn.icon-btn--secondary {\n background-color: initial;\n border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));\n color: var(\n --btn-secondary-foreground-color,\n var(--color-foreground-accent)\n );\n}\n\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--primary:not([disabled], [aria-disabled=\"true\"]):focus,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-blend-mode: multiply;\n filter: brightness(96%);\n}\na.icon-link.icon-link--primary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--primary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n filter: brightness(92%);\n}\n\na.icon-link.icon-link--secondary .progress-spinner,\na.icon-link.icon-link--tertiary .progress-spinner,\nbutton.icon-btn.icon-btn--secondary .progress-spinner,\nbutton.icon-btn.icon-btn--tertiary .progress-spinner {\n --color-spinner-icon-foreground: #3665f366;\n}\n\na:not([href]).icon-link.icon-link--secondary,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary,\nbutton[disabled].icon-btn.icon-btn--secondary {\n border-color: var(\n --btn-secondary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na:not([href]).icon-link.icon-blinktn--secondary > svg,\na[aria-disabled=\"true\"].icon-link.icon-link--secondary > svg,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--secondary > svg,\nbutton[disabled].icon-btn.icon-btn--secondary > svg {\n fill: var(\n --icon-button-icon-foreground-color,\n var(--color-foreground-disabled)\n );\n}\n\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--secondary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--secondary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n\na.icon-link.icon-link--tertiary,\nbutton.icon-btn.icon-btn--tertiary {\n background-color: initial;\n border-color: var(--btn-primary-border-color, var(--color-stroke-default));\n color: var(--btn-primary-foreground-color, var(--color-foreground-accent));\n}\n\na:not([href]).icon-link.icon-link--tertiary,\na[aria-disabled=\"true\"].icon-link.icon-link--tertiary,\nbutton[aria-disabled=\"true\"].icon-btn.icon-btn--tertiary,\nbutton[disabled].icon-btn.icon-btn--tertiary {\n border-color: var(\n --btn-tertiary-disabled-border-color,\n var(--color-stroke-disabled)\n );\n}\n\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):focus,\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):hover,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):focus,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):hover {\n background-color: var(--color-state-secondary-hover);\n}\na.icon-link.icon-link--tertiary:not([disabled], [aria-disabled=\"true\"]):active,\nbutton.icon-btn.icon-btn--tertiary:not(\n [disabled],\n [aria-disabled=\"true\"]\n ):active {\n background-color: var(--color-state-secondary-active);\n}\n",":root {\n --dialog-scrim-color-hide: rgba(17, 24, 32, 0);\n --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);\n --dialog-lightbox-max-width: 616px;\n}\n.toast-dialog {\n background-color: var(\n --toast-dialog-background-color,\n var(--color-background-information)\n );\n border-top-left-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n border-top-right-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: 0;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);\n left: 0;\n max-height: 40vh;\n min-width: 320px;\n position: fixed;\n transform: translateY(0);\n width: 100vw;\n will-change: opacity, transform;\n z-index: 2;\n}\n\n.toast-dialog,\n.toast-dialog a {\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n}\n\n.toast-dialog a:focus {\n outline: 1px auto currentColor;\n}\n\n.toast-dialog--transition {\n transition:\n opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,\n transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;\n}\n\n.toast-dialog--hide-init,\n.toast-dialog--show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.toast-dialog--hide,\n.toast-dialog--show-init {\n display: block;\n opacity: 0;\n transform: translateY(110%);\n}\n\n.toast-dialog__window {\n margin: var(--spacing-100) var(--spacing-200) var(--spacing-200);\n}\n\n.toast-dialog__header {\n align-items: center;\n display: flex;\n}\n.toast-dialog__header h2,\n.toast-dialog__title {\n margin: 0;\n}\nbutton.toast-dialog__close {\n align-self: flex-start;\n border: 0;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-information)\n );\n flex-shrink: 0;\n margin-inline-start: auto;\n padding: 0;\n}\nbutton.toast-dialog__close:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\nbutton.toast-dialog__close:focus,\nbutton.toast-dialog__close:hover {\n color: var(--color-state-primary-hover);\n}\n\nbutton.toast-dialog__close > svg {\n fill: currentColor;\n}\n\n.toast-dialog__footer {\n display: flex;\n justify-content: flex-end;\n}\n.toast-dialog__footer button:first-letter {\n text-decoration: underline;\n}\n.toast-dialog__footer button.btn--primary,\n.toast-dialog__footer button.btn--secondary {\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n border-style: solid;\n border-width: 1px;\n outline-offset: 2px;\n}\n.toast-dialog__footer button.btn--primary {\n background-color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n color: var(--toast-dialog-background-color, var(--color-foreground-accent));\n}\n.toast-dialog__footer button.btn--secondary {\n background-color: initial;\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n font-weight: 700;\n margin-inline-end: var(--spacing-100);\n}\n.toast-dialog__footer button.btn--primary:focus,\n.toast-dialog__footer button.btn--secondary:focus {\n outline: 2px solid var(--color-foreground-on-information);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):focus,\n.toast-dialog__footer button.btn--primary:not([disabled]):hover {\n background-color: var(--color-state-primary-hover);\n}\n.toast-dialog__footer button.btn--primary:not([disabled]):active {\n background-color: var(--color-state-primary-active);\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):focus,\n.toast-dialog__footer button.btn--secondary:not([disabled]):hover {\n background-color: var(--color-state-accent-hover);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n.toast-dialog__footer button.btn--secondary:not([disabled]):active {\n background-color: var(--color-state-accent-active);\n border-color: var(\n --toast-dialog-foreground-color,\n var(--color-foreground-on-accent)\n );\n color: var(\n --toast-dialog-foreground-color,\n var(--color-background-primary)\n );\n}\n\n@media (min-width: 512px) {\n .toast-dialog {\n border-radius: var(\n --toast-dialog-border-radius,\n var(--border-radius-100)\n );\n bottom: var(--spacing-200);\n left: var(--spacing-200);\n max-width: 480px;\n width: auto;\n }\n .toast-dialog__window {\n margin: var(--spacing-200) var(--spacing-300) var(--spacing-300);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/ui/makeup-toast-dialog/index.min.js b/docs/ui/makeup-toast-dialog/index.min.js
index 751865c3..de5ac803 100644
--- a/docs/ui/makeup-toast-dialog/index.min.js
+++ b/docs/ui/makeup-toast-dialog/index.min.js
@@ -650,12 +650,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -685,7 +685,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -699,7 +699,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
@@ -996,7 +996,7 @@ function _onCtaButtonClick() {
/******/
/************************************************************************/
var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() => {
"use strict";
diff --git a/docs/ui/makeup-toast-dialog/index.min.js.map b/docs/ui/makeup-toast-dialog/index.min.js.map
index 8dfb6e98..70ac87be 100644
--- a/docs/ui/makeup-toast-dialog/index.min.js.map
+++ b/docs/ui/makeup-toast-dialog/index.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"makeup-toast-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,wBAAwB,IAAI,kCAAkC;AACxH;AACA;AACA;AACA;AACA,8BAA8B,wBAAwB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,wBAAwB;AAC7F,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;UChDA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAAyB;AACjC,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/toast-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css?81ab","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-toast-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-toast-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/toast-dialog/toast-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(`${this._options.baseClass}--js`);\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultToastOptions = {\n baseClass: \"toast-dialog\",\n closeButtonSelector: \".toast-dialog__close\",\n ctaButtonSelector: \".toast-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultToastOptions, selectedOptions));\n }\n _show() {\n super._show();\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/toast-dialog\");\nvar _makeupToastDialog = _interopRequireDefault(require(\"makeup-toast-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const ToastDialog = require('makeup-toast-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".toast-dialog\").forEach(function (el, i) {\n const widget = new _makeupToastDialog.default(el);\n console.log(widget, el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"makeup-toast-dialog/index.min.js","mappings":";;;;;;AAAA,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAA0B;;;;;;;;ACAlC,mBAAO,CAAC,IAAoC;;;;;;;;ACA5C,mBAAO,CAAC,IAAsC;;;;;;;;ACA9C,mBAAO,CAAC,IAAsB;AAC9B,mBAAO,CAAC,IAAuB;;;;;;;;ACD/B,mBAAO,CAAC,IAA+B;;;;;;;;ACAvC,mBAAO,CAAC,IAAgC;;;;;;;;;;ACAxC;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;ACAa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;;;;;;;;;ACnCa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,eAAe;AACf,YAAY;AACZ,cAAc;AACd,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,aAAa;AACb,eAAe;AACf,2CAA2C,mBAAO,CAAC,GAAsB;AACzE,+CAA+C,mBAAO,CAAC,IAA0B;AACjF,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;AC9Ga;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,YAAY;AACZ,cAAc;AACd,mCAAmC,mBAAO,CAAC,IAAW;AACtD,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;AC7Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,oBAAoB;AACpB,mBAAmB;AACnB,8BAA8B;AAC9B;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AChEa;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,oCAAoC,mBAAO,CAAC,IAAc;AAC1D,+CAA+C,mBAAO,CAAC,IAAmB;AAC1E,yCAAyC,mBAAO,CAAC,IAAiB;AAClE,qCAAqC,iCAAiC;AACtE,uCAAuC,+CAA+C,0CAA0C,kDAAkD,mBAAmB;AACrM,yCAAyC,uCAAuC,2EAA2E,cAAc,qCAAqC,oCAAoC,UAAU,iBAAiB,gEAAgE,0CAA0C,8BAA8B,0DAA0D,wEAAwE;AACvhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC9Ia;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,aAAa;AACxB,WAAW,QAAQ;AACnB,WAAW,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAW,aAAa;AACxB,YAAY;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,UAAU;AACrB,YAAY,UAAU;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC1Ha;;AAEb,8CAA6C;AAC7C;AACA,CAAC,EAAC;AACF,kBAAe;AACf,2CAA2C,mBAAO,CAAC,IAAe;AAClE,qCAAqC,iCAAiC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAe;AACf;AACA;AACA;;;;;;;UChDA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;ACNa;;AAEb,mBAAO,CAAC,IAAgB;AACxB,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,IAAmB;AAC3B,mBAAO,CAAC,GAAmB;AAC3B,mBAAO,CAAC,IAAwB;AAChC,mBAAO,CAAC,IAAyB;AACjC,gDAAgD,mBAAO,CAAC,IAAqB;AAC7E,qCAAqC,iCAAiC;AACtE;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH,E","sources":["webpack://root/./node_modules/@ebay/skin/button.js","webpack://root/./node_modules/@ebay/skin/global.js","webpack://root/./node_modules/@ebay/skin/icon-button.js","webpack://root/./node_modules/@ebay/skin/toast-dialog.js","webpack://root/./node_modules/@ebay/skin/tokens.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-core.js","webpack://root/./node_modules/@ebay/skin/tokens/evo-light.js","webpack://root/./docs/docs.css?378e","webpack://root/./node_modules/@ebay/skin/dist/button/button.css?9a44","webpack://root/./node_modules/@ebay/skin/dist/global/global.css?e001","webpack://root/./node_modules/@ebay/skin/dist/icon-button/icon-button.css?7a74","webpack://root/./node_modules/@ebay/skin/dist/toast-dialog/toast-dialog.css?81ab","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-core.css?7a96","webpack://root/./node_modules/@ebay/skin/dist/tokens/evo-light.css?9c33","webpack://root/./packages/core/makeup-focusables/dist/cjs/index.js","webpack://root/./packages/core/makeup-keyboard-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-modal/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/index.js","webpack://root/./packages/core/makeup-screenreader-trap/dist/cjs/util.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/index.js","webpack://root/./packages/ui/makeup-dialog/dist/cjs/transition.js","webpack://root/./packages/ui/makeup-toast-dialog/dist/cjs/index.js","webpack://root/webpack/bootstrap","webpack://root/webpack/runtime/make namespace object","webpack://root/./docs/ui/makeup-toast-dialog/index.compiled.js"],"sourcesContent":["require('./dist/button/button.css');\n","require('./dist/global/global.css');\n","require('./dist/icon-button/icon-button.css');\n","require('./dist/toast-dialog/toast-dialog.css');\n","require('./tokens/evo-core.js');\nrequire('./tokens/evo-light.js');\n","require('./../dist/tokens/evo-core.css');\n","require('./../dist/tokens/evo-light.css');\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = _default;\nconst focusableElList = [\"a[href]\", \"area[href]\", \"button:not([disabled])\", \"embed\", \"iframe\", \"input:not([disabled])\", \"object\", \"select:not([disabled])\", \"textarea:not([disabled])\", \"*[tabindex]\", \"*[contenteditable]\"];\nconst focusableElSelector = focusableElList.join();\nfunction _default(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let callback = arguments.length > 2 ? arguments[2] : undefined;\n if (callback) {\n const request = requestAnimationFrame(() => {\n callback(getFocusables(el, keyboardOnly));\n });\n return () => {\n cancelAnimationFrame(request);\n };\n }\n return getFocusables(el, keyboardOnly);\n}\nfunction getFocusables(el) {\n let keyboardOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));\n\n // filter out elements with display: none or nested in a display: none parent\n focusableEls = focusableEls.filter(function (focusableEl) {\n return !!(focusableEl.offsetWidth || focusableEl.offsetHeight || focusableEl.getClientRects().length);\n });\n if (keyboardOnly === true) {\n focusableEls = focusableEls.filter(function (focusableEl) {\n return focusableEl.getAttribute(\"tabindex\") !== \"-1\";\n });\n }\n return focusableEls;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.refresh = refresh;\nexports.trap = trap;\nexports.untrap = untrap;\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// for the element that will be trapped\nlet trappedEl;\n\n// for the trap boundary/bumper elements\nlet topTrap;\nlet outerTrapBefore;\nlet innerTrapBefore;\nlet innerTrapAfter;\nlet outerTrapAfter;\nlet botTrap;\n\n// for the first and last focusable element inside the trap\nlet firstFocusableElement;\nlet lastFocusableElement;\nfunction createTrapBoundary() {\n const trapBoundary = document.createElement(\"div\");\n trapBoundary.setAttribute(\"aria-hidden\", \"true\");\n trapBoundary.setAttribute(\"tabindex\", \"0\");\n trapBoundary.className = \"keyboard-trap-boundary\";\n return trapBoundary;\n}\nfunction setFocusToFirstFocusableElement() {\n firstFocusableElement.focus();\n}\nfunction setFocusToLastFocusableElement() {\n lastFocusableElement.focus();\n}\nfunction createTraps() {\n topTrap = createTrapBoundary();\n outerTrapBefore = topTrap.cloneNode();\n innerTrapBefore = topTrap.cloneNode();\n innerTrapAfter = topTrap.cloneNode();\n outerTrapAfter = topTrap.cloneNode();\n botTrap = topTrap.cloneNode();\n topTrap.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapBefore.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n innerTrapBefore.addEventListener(\"focus\", setFocusToLastFocusableElement);\n innerTrapAfter.addEventListener(\"focus\", setFocusToFirstFocusableElement);\n outerTrapAfter.addEventListener(\"focus\", setFocusToLastFocusableElement);\n botTrap.addEventListener(\"focus\", setFocusToLastFocusableElement);\n}\nfunction untrap() {\n if (trappedEl) {\n topTrap = safeDetach(topTrap);\n outerTrapBefore = safeDetach(outerTrapBefore);\n innerTrapBefore = safeDetach(innerTrapBefore);\n innerTrapAfter = safeDetach(innerTrapAfter);\n outerTrapAfter = safeDetach(outerTrapAfter);\n botTrap = safeDetach(botTrap);\n trappedEl.classList.remove(\"keyboard-trap--active\");\n\n // let observers know the keyboard is no longer trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n return trappedEl;\n}\nfunction safeDetach(el) {\n const parent = el.parentNode;\n return parent ? parent.removeChild(el) : el;\n}\nfunction trap(el) {\n if (!topTrap) {\n createTraps();\n } else {\n untrap();\n }\n trappedEl = el;\n\n // when bundled up with isomorphic components on the server, this code is run,\n // so we must check if 'document' is defined.\n const body = typeof document === \"undefined\" ? null : document.body;\n const focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n body.insertBefore(topTrap, body.childNodes[0]);\n trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);\n trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);\n trappedEl.appendChild(innerTrapAfter);\n trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);\n body.appendChild(botTrap);\n\n // let observers know the keyboard is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"keyboardTrap\", {\n bubbles: true\n }));\n trappedEl.classList.add(\"keyboard-trap--active\");\n return trappedEl;\n}\nfunction refresh() {\n if (topTrap && trappedEl) {\n let focusableElements = (0, _makeupFocusables.default)(trappedEl, true);\n focusableElements = focusableElements.filter(function (el) {\n return !el.classList.contains(\"keyboard-trap-boundary\");\n });\n firstFocusableElement = focusableElements[0];\n lastFocusableElement = focusableElements[focusableElements.length - 1];\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modal = modal;\nexports.unmodal = unmodal;\nvar keyboardTrap = _interopRequireWildcard(require(\"makeup-keyboard-trap\"));\nvar screenreaderTrap = _interopRequireWildcard(require(\"makeup-screenreader-trap\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultOptions = {\n hoist: false,\n useHiddenProperty: false,\n wrap: false\n};\nconst tags = {\n SCRIPT: \"script\",\n LINK: \"link\"\n};\nlet modalEl;\nlet hoistedPlaceholderEl;\nlet inertContentEl;\nlet originalPositionIndexes = [];\nfunction isRootLevel(el) {\n return el.parentNode.tagName.toLowerCase() === \"body\";\n}\nfunction unhoist() {\n if (hoistedPlaceholderEl) {\n hoistedPlaceholderEl.replaceWith(modalEl);\n hoistedPlaceholderEl = null;\n }\n}\nfunction hoist() {\n if (!hoistedPlaceholderEl && !isRootLevel(modalEl)) {\n hoistedPlaceholderEl = document.createElement(\"div\");\n hoistedPlaceholderEl.setAttribute(\"data-makeup-modal\", \"placeholder\");\n modalEl.parentElement.insertBefore(hoistedPlaceholderEl, modalEl);\n document.body.appendChild(modalEl);\n }\n}\nfunction wrap() {\n if (!inertContentEl && isRootLevel(modalEl)) {\n inertContentEl = document.createElement(\"div\");\n inertContentEl.setAttribute(\"data-makeup-modal\", \"inert\");\n [...document.body.children].forEach((child, index) => {\n // checking for the script and link tags is necessary because moving them could cause issues.\n // for example, moving a script to the top of the body could freeze the page while the script loads.\n if (!(child === modalEl || child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n inertContentEl.appendChild(child);\n originalPositionIndexes.push(index);\n }\n });\n document.body.prepend(inertContentEl);\n }\n}\nfunction unwrap() {\n if (inertContentEl) {\n [...inertContentEl.children].forEach(child => {\n if (!(child.tagName.toLowerCase() === tags.SCRIPT || child.tagName === tags.LINK)) {\n const index = originalPositionIndexes.shift();\n if (index > document.body.children.length) {\n document.body.appendChild(child);\n } else {\n document.body.insertBefore(child, document.body.children[index + 1]);\n }\n }\n });\n inertContentEl.remove();\n inertContentEl = null;\n originalPositionIndexes = [];\n }\n}\nfunction unmodal() {\n if (modalEl) {\n keyboardTrap.untrap(modalEl);\n screenreaderTrap.untrap(modalEl);\n unwrap();\n unhoist();\n document.body.removeAttribute(\"data-makeup-modal\");\n modalEl.removeAttribute(\"data-makeup-modal\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-unmodal\", {\n bubbles: false\n }));\n modalEl = null;\n }\n return modalEl;\n}\nfunction modal(el, options) {\n const _options = Object.assign({}, defaultOptions, options);\n unmodal();\n modalEl = el;\n if (_options.hoist) {\n hoist();\n }\n if (_options.wrap) {\n wrap();\n }\n screenreaderTrap.trap(modalEl, options);\n\n // no need to create keyboard traps when inert content is using hidden property\n if (!_options.useHiddenProperty) {\n keyboardTrap.trap(modalEl);\n }\n document.body.setAttribute(\"data-makeup-modal\", \"true\");\n modalEl.setAttribute(\"data-makeup-modal\", \"widget\");\n modalEl.dispatchEvent(new CustomEvent(\"makeup-modal\", {\n bubbles: false\n }));\n return modalEl;\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.trap = trap;\nexports.untrap = untrap;\nvar util = _interopRequireWildcard(require(\"./util.js\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// the main landmark\nlet mainEl;\n\n// the element that will be trapped\nlet trappedEl;\n\n// collection of elements that get 'dirtied' with aria-hidden attr or hidden prop\nlet dirtyObjects;\n\n// filter function for svg elements\nconst filterSvg = item => item.tagName.toLowerCase() !== \"svg\";\nfunction showElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"false\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", false);\n }\n return preparedElement;\n}\nfunction hideElementPrep(el, useHiddenProperty) {\n let preparedElement;\n if (useHiddenProperty === false) {\n preparedElement = prepareElement(el, \"aria-hidden\", \"true\");\n } else {\n preparedElement = prepareElement(el, \"hidden\", true);\n }\n return preparedElement;\n}\nfunction prepareElement(el, attributeName, dirtyValue) {\n const isProperty = typeof dirtyValue === \"boolean\";\n return {\n el,\n attributeName,\n cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),\n dirtyValue,\n isProperty\n };\n}\nfunction dirtyElement(preparedObj) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);\n }\n}\nfunction cleanElement(preparedObj) {\n if (preparedObj.cleanValue) {\n if (preparedObj.isProperty === true) {\n preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;\n } else {\n preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);\n }\n } else {\n preparedObj.el.removeAttribute(preparedObj.attributeName);\n }\n}\nfunction untrap() {\n if (trappedEl) {\n // restore 'dirtied' elements to their original state\n dirtyObjects.forEach(item => cleanElement(item));\n dirtyObjects = [];\n\n // 're-enable' the main landmark\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"main\");\n }\n\n // let observers know the screenreader is now untrapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderUntrap\", {\n bubbles: true\n }));\n trappedEl = null;\n }\n}\nconst defaultOptions = {\n useHiddenProperty: false\n};\nfunction trap(el, selectedOptions) {\n // ensure current trap is deactivated\n untrap();\n const options = Object.assign({}, defaultOptions, selectedOptions);\n\n // update the trapped el reference\n trappedEl = el;\n\n // update the main landmark reference\n mainEl = document.querySelector('main, [role=\"main\"]');\n\n // we must remove the main landmark to avoid issues on voiceover iOS\n if (mainEl) {\n mainEl.setAttribute(\"role\", \"presentation\");\n }\n\n // cache all ancestors, siblings & siblings of ancestors for trappedEl\n const ancestors = util.getAncestors(trappedEl);\n let siblings = util.getSiblings(trappedEl);\n let siblingsOfAncestors = util.getSiblingsOfAncestors(trappedEl);\n\n // if using hidden property, filter out SVG elements as they do not support this property\n if (options.useHiddenProperty === true) {\n siblings = siblings.filter(filterSvg);\n siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);\n }\n\n // prepare elements\n dirtyObjects = [showElementPrep(trappedEl, options.useHiddenProperty)].concat(ancestors.map(item => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map(item => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map(item => hideElementPrep(item, options.useHiddenProperty)));\n\n // update DOM\n dirtyObjects.forEach(item => dirtyElement(item));\n\n // let observers know the screenreader is now trapped\n trappedEl.dispatchEvent(new CustomEvent(\"screenreaderTrap\", {\n bubbles: true\n }));\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getAncestors = getAncestors;\nexports.getSiblings = getSiblings;\nexports.getSiblingsOfAncestors = getSiblingsOfAncestors;\n// filter function for ancestor elements\nconst filterAncestor = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"body\" && item.tagName.toLowerCase() !== \"html\";\n\n// filter function for sibling elements\nconst filterSibling = item => item.nodeType === 1 && item.tagName.toLowerCase() !== \"script\";\n\n// reducer to flatten arrays\nconst flattenArrays = (a, b) => a.concat(b);\n\n// recursive function to get previous sibling nodes of given element\nfunction getPreviousSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const previousSibling = el.previousSibling;\n if (!previousSibling) {\n return siblings;\n }\n siblings.push(previousSibling);\n return getPreviousSiblings(previousSibling, siblings);\n}\n\n// recursive function to get next sibling nodes of given element\nfunction getNextSiblings(el) {\n let siblings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextSibling = el.nextSibling;\n if (!nextSibling) {\n return siblings;\n }\n siblings.push(nextSibling);\n return getNextSiblings(nextSibling, siblings);\n}\n\n// returns all sibling element nodes of given element\nfunction getSiblings(el) {\n const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));\n return allSiblings.filter(filterSibling);\n}\n\n// recursive function to get all ancestor nodes of given element\nfunction getAllAncestors(el) {\n let ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n const nextAncestor = el.parentNode;\n if (!nextAncestor) {\n return ancestors;\n }\n ancestors.push(nextAncestor);\n return getAllAncestors(nextAncestor, ancestors);\n}\n\n// get ancestor nodes of given element\nfunction getAncestors(el) {\n return getAllAncestors(el).filter(filterAncestor);\n}\n\n// get siblings of ancestors (i.e. aunts and uncles) of given el\nfunction getSiblingsOfAncestors(el) {\n return getAncestors(el).map(item => getSiblings(item)).reduce(flattenArrays, []);\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar Modal = _interopRequireWildcard(require(\"makeup-modal\"));\nvar _makeupFocusables = _interopRequireDefault(require(\"makeup-focusables\"));\nvar _transition = _interopRequireDefault(require(\"./transition.js\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst defaultDialogOptions = {\n baseClass: \"dialog\",\n closeButtonSelector: \".dialog__close\",\n focusManagementIndex: 0,\n modal: false,\n quickDismiss: true,\n transitionsModifier: \"mask-fade\"\n};\nclass _default {\n constructor(widgetEl, selectedOptions) {\n this._options = Object.assign({}, defaultDialogOptions, selectedOptions);\n this._el = widgetEl;\n if (this._options.modal === true) {\n this._el.setAttribute(\"aria-modal\", \"true\");\n }\n this._windowEl = this._el.querySelector(this._options.windowSelector);\n this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);\n this._hasTransitions = this._el.classList.contains(\"\".concat(this._options.baseClass, \"--\").concat(this._options.transitionsModifier));\n this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);\n this._onKeyDownListener = _onKeyDown.bind(this);\n this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);\n this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);\n this._el.classList.add(\"\".concat(this._options.baseClass, \"--js\"));\n if (!this.hidden) {\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n this._observeEvents();\n }\n }\n get focusables() {\n return (0, _makeupFocusables.default)(this._windowEl);\n }\n get modal() {\n return this._el.getAttribute(\"aria-modal\") === \"true\";\n }\n get hidden() {\n return this._el.hidden;\n }\n open() {\n this._show();\n this._el.dispatchEvent(new CustomEvent(\"dialog-open\"));\n }\n close() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-close\"));\n }\n _show() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--show\"), this._onOpenTransitionEndCallback);\n } else {\n if (this.modal) {\n setTimeout(() => _doModalFocusManagement(this), 50);\n }\n this._el.hidden = false;\n }\n this._observeEvents();\n }\n _hide() {\n if (this._hasTransitions) {\n if (this._cancelTransition) {\n this._cancelTransition();\n }\n this._cancelTransition = (0, _transition.default)(this._el, \"\".concat(this._options.baseClass, \"--hide\"), this._onCloseTransitionEndCallback);\n } else {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n }\n this._autoDismissTimeout = null;\n this._unobserveEvents();\n }\n _observeEvents() {\n document.addEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n _unobserveEvents() {\n this._el.removeEventListener(\"click\", this._onCloseButtonClickListener);\n document.removeEventListener(\"keydown\", this._onKeyDownListener);\n if (this._closeButtonEl) {\n this._closeButtonEl.addEventListener(\"click\", this._onCloseButtonClickListener);\n }\n }\n destroy() {\n this._destroyed = true;\n this._unobserveEvents();\n this._onCloseButtonClickListener = null;\n this._onKeyDownListener = null;\n this._onOpenTransitionEndCallback = null;\n this._onCloseTransitionEndCallback = null;\n this._autoDismissTimeout = null;\n }\n}\nexports.default = _default;\nfunction _doModalFocusManagement(dialogWidget) {\n const autoFocusEl = dialogWidget._el.querySelector(\"[autofocus]\");\n if (autoFocusEl) {\n autoFocusEl.focus();\n } else {\n dialogWidget.focusables[dialogWidget._options.focusManagementIndex].focus();\n }\n Modal.modal(dialogWidget._el);\n}\nfunction _onOpenTransitionEnd() {\n this._el.hidden = false;\n this._cancelTransition = undefined;\n if (this.modal) {\n _doModalFocusManagement(this);\n }\n}\nfunction _onCloseTransitionEnd() {\n if (this.modal) {\n Modal.unmodal();\n }\n this._el.hidden = true;\n this._cancelTransition = undefined;\n}\nfunction _onKeyDown(e) {\n if (this._options.quickDismiss === true && e.keyCode === 27) {\n this.close();\n }\n}\nfunction _onCloseButtonClick() {\n this.close();\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = transition;\n/**\n * Author: Mr D.Piercey\n */\nconst TRANSITION_END = \"transitionend\";\nconst IMMEDIATE_TRANSITION_REG = /0m?s(?:, )?/g;\n/**\n * Applies a primer `-init` class before starting a transition\n * to make transitioning properties that are not animatable easier.\n *\n * **Order**\n * 1. Add class: \"$name-init\"\n * 2. Wait one frame.\n * 3. Remove class \"$name-init\".\n * 4. Add class \"$name\".\n * 5. Wait for animation to finish.\n * 6. Remove class \"$name\".\n *\n * @param {HTMLElement} el The root element that contains the animation.\n * @param {string} name The base className to use for the transition.\n * @param {Function} cb A callback called after the transition as ended.\n */\n\nfunction transition(el, baseClass, cb) {\n let ended;\n let pending;\n let ran = 0;\n const classList = el.classList;\n const initClass = \"\".concat(baseClass, \"-init\");\n let cancelFrame = nextFrame(function () {\n el.addEventListener(TRANSITION_END, listener, true);\n classList.add(baseClass);\n classList.remove(initClass);\n pending = getTransitionCount(el);\n cancelFrame = undefined;\n if (pending === 0) {\n cancel();\n }\n });\n classList.add(initClass);\n return cancel;\n /**\n * Cancels the current transition and resets the className.\n */\n\n function cancel() {\n if (ended) {\n return;\n }\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n if (cancelFrame) {\n cancelFrame();\n classList.remove(initClass);\n } else {\n classList.remove(baseClass);\n }\n }\n /**\n * Handles a single transition end event.\n * Once all child transitions have ended the overall animation is completed.\n */\n\n function listener() {\n if (++ran === pending) {\n ended = true;\n el.removeEventListener(TRANSITION_END, listener, true);\n classList.remove(baseClass);\n if (cb) {\n cb();\n }\n }\n }\n}\n\n/**\n * Walks the tree of an element and counts how many transitions have been applied.\n *\n * @param {HTMLElement} el\n * @return {number}\n */\n\nfunction getTransitionCount(el) {\n let count = window.getComputedStyle(el).transitionDuration.replace(IMMEDIATE_TRANSITION_REG, \"\") ? 1 : 0;\n let child = el.firstElementChild;\n while (child) {\n count += getTransitionCount(child);\n child = child.nextElementSibling;\n }\n return count;\n}\n/**\n * Runs a function during the next animation frame.\n *\n * @param {function} fn a function to run on the next animation frame.\n * @return {function} a function to cancel the callback.\n */\n\nfunction nextFrame(fn) {\n let frame;\n let cancelFrame;\n if (window.requestAnimationFrame) {\n frame = requestAnimationFrame(function () {\n frame = requestAnimationFrame(fn);\n });\n cancelFrame = cancelAnimationFrame;\n } else {\n frame = setTimeout(fn, 26); // 16ms to simulate RAF, 10ms to ensure called after the frame.\n\n cancelFrame = clearTimeout;\n }\n return function () {\n if (frame) {\n cancelFrame(frame);\n frame = undefined;\n }\n };\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _makeupDialog = _interopRequireDefault(require(\"makeup-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nconst defaultToastOptions = {\n baseClass: \"toast-dialog\",\n closeButtonSelector: \".toast-dialog__close\",\n ctaButtonSelector: \".toast-dialog__cta\",\n transitionsModifier: \"transition\"\n};\nclass _default extends _makeupDialog.default {\n constructor(el) {\n let selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super(el, Object.assign({}, defaultToastOptions, selectedOptions));\n }\n _show() {\n super._show();\n }\n _observeEvents() {\n super._observeEvents();\n this._ctaEl = this._el.querySelector(this._options.ctaButtonSelector);\n if (this._ctaEl) {\n this._onCtaClickListener = _onCtaButtonClick.bind(this);\n this._ctaEl.addEventListener(\"click\", this._onCtaClickListener);\n }\n }\n _unobserveEvents() {\n super._unobserveEvents();\n if (this._ctaEl) {\n this._ctaEl.removeEventListener(\"click\", this._onCtaClickListener);\n }\n }\n cta() {\n this._hide();\n this._el.dispatchEvent(new CustomEvent(\"dialog-cta\"));\n }\n destroy() {\n super.destroy();\n this._onCtaClickListener = null;\n }\n}\nexports.default = _default;\nfunction _onCtaButtonClick() {\n this.cta();\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\n\nrequire(\"../../docs.css\");\nrequire(\"@ebay/skin/tokens\");\nrequire(\"@ebay/skin/global\");\nrequire(\"@ebay/skin/button\");\nrequire(\"@ebay/skin/icon-button\");\nrequire(\"@ebay/skin/toast-dialog\");\nvar _makeupToastDialog = _interopRequireDefault(require(\"makeup-toast-dialog\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n// REQUIRE\n// const ToastDialog = require('makeup-toast-dialog').default;\n\n// IMPORT\n\nwindow.onload = function () {\n document.querySelectorAll(\".toast-dialog\").forEach(function (el, i) {\n const widget = new _makeupToastDialog.default(el);\n console.log(widget, el);\n });\n};"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/packages/core/makeup-expander/dist/cjs/index.js b/packages/core/makeup-expander/dist/cjs/index.js
index cd6961f8..2f54717c 100644
--- a/packages/core/makeup-expander/dist/cjs/index.js
+++ b/packages/core/makeup-expander/dist/cjs/index.js
@@ -92,7 +92,7 @@ function manageFocus(focusManagement, contentEl) {
var _focusables$2;
(_focusables$2 = (0, _makeupFocusables.default)(contentEl, true)[0]) === null || _focusables$2 === void 0 || _focusables$2.focus();
} else if (focusManagement !== null) {
- const el = contentEl.querySelector(`#${focusManagement}`);
+ const el = contentEl.querySelector("#".concat(focusManagement));
if (el) {
el.focus();
}
@@ -122,7 +122,7 @@ class _default {
if (this.options.ariaControls === true) {
// ensure the widget has an id
(0, _makeupNextId.default)(this.el, "expander");
- this.contentEl.id = this.contentEl.id || `${this.el.id}-content`;
+ this.contentEl.id = this.contentEl.id || "".concat(this.el.id, "-content");
this.hostEl.setAttribute("aria-controls", this.contentEl.id);
}
this.expandOnClick = this.options.expandOnClick;
diff --git a/packages/core/makeup-expander/dist/mjs/index.js b/packages/core/makeup-expander/dist/mjs/index.js
index d411f10b..01ca0eff 100644
--- a/packages/core/makeup-expander/dist/mjs/index.js
+++ b/packages/core/makeup-expander/dist/mjs/index.js
@@ -85,7 +85,7 @@ function manageFocus(focusManagement, contentEl) {
}
}
}
-class src_default {
+class index_default {
constructor(el, selectedOptions) {
this.options = Object.assign({}, defaultOptions, selectedOptions);
this.el = el;
@@ -242,5 +242,5 @@ class src_default {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/core/makeup-focusables/dist/mjs/index.js b/packages/core/makeup-focusables/dist/mjs/index.js
index adb7243e..e43e72ef 100644
--- a/packages/core/makeup-focusables/dist/mjs/index.js
+++ b/packages/core/makeup-focusables/dist/mjs/index.js
@@ -12,7 +12,7 @@ const focusableElList = [
"*[contenteditable]"
];
const focusableElSelector = focusableElList.join();
-function src_default(el, keyboardOnly = false, callback) {
+function index_default(el, keyboardOnly = false, callback) {
if (callback) {
const request = requestAnimationFrame(() => {
callback(getFocusables(el, keyboardOnly));
@@ -36,5 +36,5 @@ function getFocusables(el, keyboardOnly = false) {
return focusableEls;
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/core/makeup-key-emitter/dist/cjs/index.js b/packages/core/makeup-key-emitter/dist/cjs/index.js
index 3146b51e..41ea0537 100644
--- a/packages/core/makeup-key-emitter/dist/cjs/index.js
+++ b/packages/core/makeup-key-emitter/dist/cjs/index.js
@@ -26,13 +26,13 @@ function onKeyDownOrUp(evt, el, keyEventType) {
case "ArrowUp":
case "ArrowRight":
case "ArrowDown":
- el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter(`${key}Key${keyEventType}`), {
+ el.dispatchEvent(new CustomEvent(uncapitalizeFirstLetter("".concat(key, "Key").concat(keyEventType)), {
detail: evt,
bubbles: true
}));
break;
case " ":
- el.dispatchEvent(new CustomEvent(`spacebarKey${keyEventType}`, {
+ el.dispatchEvent(new CustomEvent("spacebarKey".concat(keyEventType), {
detail: evt,
bubbles: true
}));
diff --git a/packages/core/makeup-navigation-emitter/dist/cjs/index.js b/packages/core/makeup-navigation-emitter/dist/cjs/index.js
index 915e34a7..1f397966 100644
--- a/packages/core/makeup-navigation-emitter/dist/cjs/index.js
+++ b/packages/core/makeup-navigation-emitter/dist/cjs/index.js
@@ -248,7 +248,7 @@ class LinearNavigationModel extends NavigationModel {
// todo: code smell as getter abstracts that the query selector re-runs every time getter is accessed
get items() {
- return [...this._el.querySelectorAll(`${this._itemSelector}`)];
+ return [...this._el.querySelectorAll("".concat(this._itemSelector))];
}
get index() {
return this._index;
diff --git a/packages/core/makeup-next-id/dist/cjs/index.js b/packages/core/makeup-next-id/dist/cjs/index.js
index 356111de..50bf3ac3 100644
--- a/packages/core/makeup-next-id/dist/cjs/index.js
+++ b/packages/core/makeup-next-id/dist/cjs/index.js
@@ -29,12 +29,12 @@ function _default(el) {
const separator = prefix === "" ? "" : "-";
// join first prefix with random portion to create key
- const key = `${prefix}${separator}${randomPortion}`;
+ const key = "".concat(prefix).concat(separator).concat(randomPortion);
// initialise key in sequence map if necessary
sequenceMap[key] = sequenceMap[key] || 0;
if (!el.id) {
- el.setAttribute("id", `${key}-${sequenceMap[key]++}`);
+ el.setAttribute("id", "".concat(key, "-").concat(sequenceMap[key]++));
}
return el.id;
}
diff --git a/packages/core/makeup-next-id/dist/mjs/index.js b/packages/core/makeup-next-id/dist/mjs/index.js
index 598c8058..6e8df5d3 100644
--- a/packages/core/makeup-next-id/dist/mjs/index.js
+++ b/packages/core/makeup-next-id/dist/mjs/index.js
@@ -14,7 +14,7 @@ function createRandomPortion(size) {
}
return portion;
}
-function src_default(el, prefix = defaultPrefix) {
+function index_default(el, prefix = defaultPrefix) {
const separator = prefix === "" ? "" : "-";
const key = `${prefix}${separator}${randomPortion}`;
sequenceMap[key] = sequenceMap[key] || 0;
@@ -24,5 +24,5 @@ function src_default(el, prefix = defaultPrefix) {
return el.id;
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/core/makeup-typeahead/dist/mjs/index.js b/packages/core/makeup-typeahead/dist/mjs/index.js
index 84b82400..508bb56b 100644
--- a/packages/core/makeup-typeahead/dist/mjs/index.js
+++ b/packages/core/makeup-typeahead/dist/mjs/index.js
@@ -1,4 +1,4 @@
-function src_default() {
+function index_default() {
let timeout;
let typeStr = "";
return {
@@ -28,5 +28,5 @@ function src_default() {
};
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-alert-dialog/dist/mjs/index.js b/packages/ui/makeup-alert-dialog/dist/mjs/index.js
index 31de9c78..1d0508f3 100644
--- a/packages/ui/makeup-alert-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-alert-dialog/dist/mjs/index.js
@@ -6,7 +6,7 @@ const defaultAlertOptions = {
acknowledgeButtonSelector: ".alert-dialog__acknowledge",
windowSelector: ".alert-dialog__window"
};
-class src_default extends Lightbox {
+class index_default extends Lightbox {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultAlertOptions, selectedOptions));
}
@@ -33,5 +33,5 @@ function _onAcknowledgeButtonClick() {
this.acknowledge();
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-combobox/dist/mjs/index.js b/packages/ui/makeup-combobox/dist/mjs/index.js
index 1468b23e..77561141 100644
--- a/packages/ui/makeup-combobox/dist/mjs/index.js
+++ b/packages/ui/makeup-combobox/dist/mjs/index.js
@@ -7,7 +7,7 @@ const defaultOptions = {
autoScroll: true,
alwaysFilter: true
};
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this._el = widgetEl;
@@ -220,5 +220,5 @@ function _dispatchChangeEvent(el, value) {
);
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-confirm-dialog/dist/mjs/index.js b/packages/ui/makeup-confirm-dialog/dist/mjs/index.js
index cec3d804..573487de 100644
--- a/packages/ui/makeup-confirm-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-confirm-dialog/dist/mjs/index.js
@@ -8,7 +8,7 @@ const defaultOptions = {
rejectButtonSelector: ".confirm-dialog__reject",
windowSelector: ".confirm-dialog__window"
};
-class src_default extends Lightbox {
+class index_default extends Lightbox {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultOptions, selectedOptions));
}
@@ -47,5 +47,5 @@ function _onRejectButtonClick() {
this.reject();
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-dialog-button/dist/mjs/index.js b/packages/ui/makeup-dialog-button/dist/mjs/index.js
index 33c96b10..9ab7f97e 100644
--- a/packages/ui/makeup-dialog-button/dist/mjs/index.js
+++ b/packages/ui/makeup-dialog-button/dist/mjs/index.js
@@ -1,7 +1,7 @@
const defaultOptions = {
customElementMode: false
};
-class src_default {
+class index_default {
constructor(widgetEl, dialog, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this._el = widgetEl;
@@ -72,5 +72,5 @@ function _onDialogClose() {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-dialog/dist/cjs/index.js b/packages/ui/makeup-dialog/dist/cjs/index.js
index 8c6bfeae..0d369ccb 100644
--- a/packages/ui/makeup-dialog/dist/cjs/index.js
+++ b/packages/ui/makeup-dialog/dist/cjs/index.js
@@ -27,12 +27,12 @@ class _default {
}
this._windowEl = this._el.querySelector(this._options.windowSelector);
this._closeButtonEl = this._el.querySelector(this._options.closeButtonSelector);
- this._hasTransitions = this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`);
+ this._hasTransitions = this._el.classList.contains("".concat(this._options.baseClass, "--").concat(this._options.transitionsModifier));
this._onCloseButtonClickListener = _onCloseButtonClick.bind(this);
this._onKeyDownListener = _onKeyDown.bind(this);
this._onOpenTransitionEndCallback = _onOpenTransitionEnd.bind(this);
this._onCloseTransitionEndCallback = _onCloseTransitionEnd.bind(this);
- this._el.classList.add(`${this._options.baseClass}--js`);
+ this._el.classList.add("".concat(this._options.baseClass, "--js"));
if (!this.hidden) {
if (this.modal) {
_doModalFocusManagement(this);
@@ -62,7 +62,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--show`, this._onOpenTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--show"), this._onOpenTransitionEndCallback);
} else {
if (this.modal) {
setTimeout(() => _doModalFocusManagement(this), 50);
@@ -76,7 +76,7 @@ class _default {
if (this._cancelTransition) {
this._cancelTransition();
}
- this._cancelTransition = (0, _transition.default)(this._el, `${this._options.baseClass}--hide`, this._onCloseTransitionEndCallback);
+ this._cancelTransition = (0, _transition.default)(this._el, "".concat(this._options.baseClass, "--hide"), this._onCloseTransitionEndCallback);
} else {
if (this.modal) {
Modal.unmodal();
diff --git a/packages/ui/makeup-dialog/dist/mjs/index.js b/packages/ui/makeup-dialog/dist/mjs/index.js
index 4c99701f..90452e83 100644
--- a/packages/ui/makeup-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-dialog/dist/mjs/index.js
@@ -9,7 +9,7 @@ const defaultDialogOptions = {
quickDismiss: true,
transitionsModifier: "mask-fade"
};
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultDialogOptions, selectedOptions);
this._el = widgetEl;
@@ -142,5 +142,5 @@ function _onCloseButtonClick() {
this.close();
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-drawer-dialog/dist/mjs/index.js b/packages/ui/makeup-drawer-dialog/dist/mjs/index.js
index b8f9e293..ae90a039 100644
--- a/packages/ui/makeup-drawer-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-drawer-dialog/dist/mjs/index.js
@@ -7,7 +7,7 @@ const defaultDrawerOptions = {
resizeButtonSelector: ".drawer-dialog__handle",
windowSelector: ".drawer-dialog__window"
};
-class src_default extends Lightbox {
+class index_default extends Lightbox {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultDrawerOptions, selectedOptions));
}
@@ -34,5 +34,5 @@ function _onResizeButtonClick() {
this.resize();
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-floating-label/dist/cjs/index.js b/packages/ui/makeup-floating-label/dist/cjs/index.js
index a299cd12..89b6bef3 100644
--- a/packages/ui/makeup-floating-label/dist/cjs/index.js
+++ b/packages/ui/makeup-floating-label/dist/cjs/index.js
@@ -35,7 +35,7 @@ function setPlaceholder(formControlEl, value) {
firstOption.text = value;
}
if (!value && beforeWidth > formControlEl.offsetWidth) {
- formControlEl.style["min-width"] = `${beforeWidth}px`;
+ formControlEl.style["min-width"] = "".concat(beforeWidth, "px");
}
} else if (value) {
formControlEl.setAttribute("placeholder", value);
diff --git a/packages/ui/makeup-floating-label/dist/mjs/index.js b/packages/ui/makeup-floating-label/dist/mjs/index.js
index 54d200f9..ff12b89f 100644
--- a/packages/ui/makeup-floating-label/dist/mjs/index.js
+++ b/packages/ui/makeup-floating-label/dist/mjs/index.js
@@ -109,7 +109,7 @@ function _onFocus() {
setPlaceholder(this.formControlEl, this.placeholder);
}
}
-class src_default {
+class index_default {
constructor(el, userOptions) {
this.options = Object.assign({}, defaultOptions, userOptions);
this._observer = new MutationObserver(onMutation.bind(this));
@@ -153,5 +153,5 @@ class src_default {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-fullscreen-dialog/dist/mjs/index.js b/packages/ui/makeup-fullscreen-dialog/dist/mjs/index.js
index d0983cf1..4603e708 100644
--- a/packages/ui/makeup-fullscreen-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-fullscreen-dialog/dist/mjs/index.js
@@ -6,11 +6,11 @@ const defaultFullscreenOptions = {
transitionsModifier: "transition",
windowSelector: ".fullscreen-dialog__window"
};
-class src_default extends Dialog {
+class index_default extends Dialog {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultFullscreenOptions, selectedOptions, { modal: true }));
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-input-dialog/dist/mjs/index.js b/packages/ui/makeup-input-dialog/dist/mjs/index.js
index 3f4aefea..801c6ff3 100644
--- a/packages/ui/makeup-input-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-input-dialog/dist/mjs/index.js
@@ -6,7 +6,7 @@ const defaultInputOptions = {
cancelButtonSelector: ".lightbox-dialog__cancel",
windowSelector: ".lightbox-dialog__window"
};
-class src_default extends Lightbox {
+class index_default extends Lightbox {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultInputOptions, selectedOptions));
}
@@ -45,5 +45,5 @@ function _onCancelButtonClick() {
this.cancel();
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-lightbox-dialog/dist/mjs/index.js b/packages/ui/makeup-lightbox-dialog/dist/mjs/index.js
index 121eb876..8fce88f8 100644
--- a/packages/ui/makeup-lightbox-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-lightbox-dialog/dist/mjs/index.js
@@ -6,7 +6,7 @@ const defaultLightboxOptions = {
closeButtonSelector: ".lightbox-dialog__close",
windowSelector: ".lightbox-dialog__window"
};
-class src_default extends Dialog {
+class index_default extends Dialog {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultLightboxOptions, selectedOptions, { modal: true }));
}
@@ -30,5 +30,5 @@ function _onClick(e) {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-listbox-button/dist/cjs/index.js b/packages/ui/makeup-listbox-button/dist/cjs/index.js
index 587c5d42..61b2cd66 100644
--- a/packages/ui/makeup-listbox-button/dist/cjs/index.js
+++ b/packages/ui/makeup-listbox-button/dist/cjs/index.js
@@ -150,11 +150,11 @@ function _onListboxChange(e) {
floatingLabelInline
} = this._options;
const icon = e.detail.el.querySelector(listboxOptionIconSelector).cloneNode(true);
- let btnContent = this._buttonPrefix ? `${this._buttonPrefix}${toValue}` : toValue;
+ let btnContent = this._buttonPrefix ? "".concat(this._buttonPrefix).concat(toValue) : toValue;
if (icon) {
switch (buttonValueType) {
case "both":
- btnContent = `${icon.outerHTML} ${btnContent}`;
+ btnContent = "".concat(icon.outerHTML, " ").concat(btnContent, "");
break;
case "icon":
this._buttonEl.setAttribute("aria-label", btnContent);
@@ -167,7 +167,7 @@ function _onListboxChange(e) {
if (listboxOptionAriaLabelSelector) {
var _e$detail$el$querySel;
const selectorText = (_e$detail$el$querySel = e.detail.el.querySelector(listboxOptionAriaLabelSelector)) === null || _e$detail$el$querySel === void 0 ? void 0 : _e$detail$el$querySel.innerText.trim();
- this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? `${this._buttonPrefix} ${selectorText}` : selectorText);
+ this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? "".concat(this._buttonPrefix, " ").concat(selectorText) : selectorText);
}
this._buttonLabelEl.innerHTML = btnContent;
if (this._buttonFloatingLabelEl) {
diff --git a/packages/ui/makeup-listbox-button/dist/mjs/index.js b/packages/ui/makeup-listbox-button/dist/mjs/index.js
index 54ca40b4..a0824186 100644
--- a/packages/ui/makeup-listbox-button/dist/mjs/index.js
+++ b/packages/ui/makeup-listbox-button/dist/mjs/index.js
@@ -15,7 +15,7 @@ const defaultOptions = {
listboxOptionIconSelector: ".icon",
listboxOptionAriaLabelSelector: null
};
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this.el = widgetEl;
@@ -181,5 +181,5 @@ function _onMutation(mutationsList) {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-listbox/dist/mjs/index.js b/packages/ui/makeup-listbox/dist/mjs/index.js
index 54b55259..7759e790 100644
--- a/packages/ui/makeup-listbox/dist/mjs/index.js
+++ b/packages/ui/makeup-listbox/dist/mjs/index.js
@@ -24,7 +24,7 @@ const defaultOptions = {
function isSpacebarOrEnter(keyCode) {
return keyCode === 13 || keyCode === 32;
}
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this.el = widgetEl;
@@ -190,5 +190,5 @@ function _onMutation(mutationsList) {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-menu-button/dist/cjs/index.js b/packages/ui/makeup-menu-button/dist/cjs/index.js
index e9ef739d..813c3055 100644
--- a/packages/ui/makeup-menu-button/dist/cjs/index.js
+++ b/packages/ui/makeup-menu-button/dist/cjs/index.js
@@ -11,7 +11,7 @@ const defaultOptions = {
customElementMode: false,
expandedClass: "menu-button--expanded",
menuSelector: ".menu-button__menu",
- buttonTextSelector: `.btn__text`,
+ buttonTextSelector: ".btn__text",
buttonValueType: "text",
// ["text", "icon", "both"],
menuItemIconSelector: ".icon",
@@ -132,11 +132,11 @@ function _onMenuItemSelect(e) {
} = this._options;
const icon = el.querySelector(menuItemIconSelector).cloneNode(true);
const text = el.innerText.trim();
- let btnContent = this._buttonPrefix ? `${this._buttonPrefix} ${text}` : text;
+ let btnContent = this._buttonPrefix ? "".concat(this._buttonPrefix, " ").concat(text) : text;
if (icon) {
switch (buttonValueType) {
case "both":
- btnContent = `${icon.outerHTML} ${btnContent}`;
+ btnContent = "".concat(icon.outerHTML, " ").concat(btnContent, "");
break;
case "icon":
this._buttonEl.setAttribute("aria-label", btnContent);
@@ -149,7 +149,7 @@ function _onMenuItemSelect(e) {
if (menuItemButtonAriaLabelSelector) {
var _el$querySelector;
const selectorText = (_el$querySelector = el.querySelector(menuItemButtonAriaLabelSelector)) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.innerText.trim();
- this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? `${this._buttonPrefix} ${selectorText}` : selectorText);
+ this._buttonEl.setAttribute("aria-label", this._buttonPrefix ? "".concat(this._buttonPrefix, " ").concat(selectorText) : selectorText);
}
this._buttonTextEl.innerHTML = btnContent;
}
diff --git a/packages/ui/makeup-menu-button/dist/mjs/index.js b/packages/ui/makeup-menu-button/dist/mjs/index.js
index 6330b19e..db405b2a 100644
--- a/packages/ui/makeup-menu-button/dist/mjs/index.js
+++ b/packages/ui/makeup-menu-button/dist/mjs/index.js
@@ -10,7 +10,7 @@ const defaultOptions = {
menuItemIconSelector: ".icon",
menuItemButtonAriaLabelSelector: null
};
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this.el = widgetEl;
@@ -141,5 +141,5 @@ function _onMenuItemSelect(e) {
this._buttonTextEl.innerHTML = btnContent;
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-menu/dist/cjs/index.js b/packages/ui/makeup-menu/dist/cjs/index.js
index 970bd401..5eff9788 100644
--- a/packages/ui/makeup-menu/dist/cjs/index.js
+++ b/packages/ui/makeup-menu/dist/cjs/index.js
@@ -151,7 +151,7 @@ function _selectMenuItemCheckbox(widgetEl, menuItemEl) {
function _selectMenuItemRadio(widgetEl, menuItemEl) {
if (menuItemEl.getAttribute("aria-disabled") !== "true") {
const groupName = menuItemEl.dataset.makeupGroup;
- const checkedEl = widgetEl.querySelector(`[data-makeup-group=${groupName}][aria-checked=true]`);
+ const checkedEl = widgetEl.querySelector("[data-makeup-group=".concat(groupName, "][aria-checked=true]"));
if (!checkedEl) {
menuItemEl.setAttribute("aria-checked", "true");
widgetEl.dispatchEvent(new CustomEvent("makeup-menu-change", {
diff --git a/packages/ui/makeup-menu/dist/mjs/index.js b/packages/ui/makeup-menu/dist/mjs/index.js
index 014c4bb3..49ef0dc1 100644
--- a/packages/ui/makeup-menu/dist/mjs/index.js
+++ b/packages/ui/makeup-menu/dist/mjs/index.js
@@ -5,7 +5,7 @@ const defaultOptions = {
autoInit: "interactive",
autoReset: "interactive"
};
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this.el = widgetEl;
@@ -174,5 +174,5 @@ function _selectMenuItemRadio(widgetEl, menuItemEl) {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-panel-dialog/dist/mjs/index.js b/packages/ui/makeup-panel-dialog/dist/mjs/index.js
index 3614bfa6..5e8d5b18 100644
--- a/packages/ui/makeup-panel-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-panel-dialog/dist/mjs/index.js
@@ -7,11 +7,11 @@ const defaultPanelOptions = {
windowSelector: ".panel-dialog__window",
transitionsModifier: "mask-fade-slow"
};
-class src_default extends Lightbox {
+class index_default extends Lightbox {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultPanelOptions, selectedOptions));
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-snackbar-dialog/dist/mjs/index.js b/packages/ui/makeup-snackbar-dialog/dist/mjs/index.js
index 294c3753..00cb9056 100644
--- a/packages/ui/makeup-snackbar-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-snackbar-dialog/dist/mjs/index.js
@@ -5,7 +5,7 @@ const defaultSnackbarOptions = {
ctaButtonSelector: ".snackbar-dialog__cta",
transitionsModifier: "transition"
};
-class src_default extends Dialog {
+class index_default extends Dialog {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultSnackbarOptions, selectedOptions));
this._autoDismissTimeout = null;
@@ -41,5 +41,5 @@ function _onCtaButtonClick() {
this.cta();
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-switch/dist/cjs/index.js b/packages/ui/makeup-switch/dist/cjs/index.js
index 6d6a8a78..069121b8 100644
--- a/packages/ui/makeup-switch/dist/cjs/index.js
+++ b/packages/ui/makeup-switch/dist/cjs/index.js
@@ -50,7 +50,7 @@ class _default {
this._focusableElement.removeEventListener("keydown", this._onKeyDownListener);
}
get _focusableElement() {
- return this.el.querySelector(`.${this._options.bem.control}`);
+ return this.el.querySelector(".".concat(this._options.bem.control));
}
set checked(isChecked) {
this._unobserveMutations();
diff --git a/packages/ui/makeup-switch/dist/mjs/index.js b/packages/ui/makeup-switch/dist/mjs/index.js
index 34b9145a..512aa5e3 100644
--- a/packages/ui/makeup-switch/dist/mjs/index.js
+++ b/packages/ui/makeup-switch/dist/mjs/index.js
@@ -4,7 +4,7 @@ const defaultOptions = {
},
customElementMode: false
};
-class src_default {
+class index_default {
constructor(el, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this.el = el;
@@ -141,5 +141,5 @@ function _onMutation(mutationsList) {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-tabs/dist/cjs/index.js b/packages/ui/makeup-tabs/dist/cjs/index.js
index 358c2129..47612ac7 100644
--- a/packages/ui/makeup-tabs/dist/cjs/index.js
+++ b/packages/ui/makeup-tabs/dist/cjs/index.js
@@ -11,12 +11,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function linkTabToPanel(widgetID, el, i) {
- el.setAttribute("id", `${widgetID}-tab-${i}`);
- el.setAttribute("aria-controls", `${widgetID}-panel-${i}`);
+ el.setAttribute("id", "".concat(widgetID, "-tab-").concat(i));
+ el.setAttribute("aria-controls", "".concat(widgetID, "-panel-").concat(i));
}
function linkPanelToTab(widgetID, el, i) {
- el.setAttribute("id", `${widgetID}-panel-${i}`);
- el.setAttribute("aria-labelledby", `${widgetID}-tab-${i}`);
+ el.setAttribute("id", "".concat(widgetID, "-panel-").concat(i));
+ el.setAttribute("aria-labelledby", "".concat(widgetID, "-tab-").concat(i));
}
function disableLink(el) {
el.setAttribute("role", "presentation");
diff --git a/packages/ui/makeup-tabs/dist/mjs/index.js b/packages/ui/makeup-tabs/dist/mjs/index.js
index 4bcf3dbd..c05aceaf 100644
--- a/packages/ui/makeup-tabs/dist/mjs/index.js
+++ b/packages/ui/makeup-tabs/dist/mjs/index.js
@@ -61,7 +61,7 @@ const defaultOptions = {
autoSelect: true,
initialIndex: 0
};
-class src_default {
+class index_default {
constructor(widgetEl, selectedOptions) {
this._options = Object.assign({}, defaultOptions, selectedOptions);
this._onRovingTabindexChangeListener = onRovingTabindexChange.bind(this);
@@ -123,5 +123,5 @@ class src_default {
}
}
export {
- src_default as default
+ index_default as default
};
diff --git a/packages/ui/makeup-toast-dialog/dist/mjs/index.js b/packages/ui/makeup-toast-dialog/dist/mjs/index.js
index 7f7beb7f..27638bd1 100644
--- a/packages/ui/makeup-toast-dialog/dist/mjs/index.js
+++ b/packages/ui/makeup-toast-dialog/dist/mjs/index.js
@@ -5,7 +5,7 @@ const defaultToastOptions = {
ctaButtonSelector: ".toast-dialog__cta",
transitionsModifier: "transition"
};
-class src_default extends Dialog {
+class index_default extends Dialog {
constructor(el, selectedOptions = {}) {
super(el, Object.assign({}, defaultToastOptions, selectedOptions));
}
@@ -39,5 +39,5 @@ function _onCtaButtonClick() {
this.cta();
}
export {
- src_default as default
+ index_default as default
};